As a quick overview on this project, Hulu is a streaming / broadcasting service that provides their users with a way to stream all of their favorite shows and movies. If you're like me and have used the Hulu mobile app before you may have noticed some hang ups with the UI / UX of the app the way it sits currently. For this very reason I decided to take my own stab at the Hulu UI (this was an unsolicited redesign of the mobile experience and isn't a real world project, it was more of a passion project).
Given the way that the Hulu mobile app architecture sits during the time of this project (June 2020) and based on user research gathered from web forums regarding the Hulu mobile experience, the pain points for the user were as follows:
Prior to beginning the design process, I spent two days scouring Hulu’s online forums, feedback and online videos for real user feedback on the features that they considered to be hindering their user experience. I also spent this time examining the mobile experience of Hulu’s direct competitors (Netflix, Amazon Prime, HBO Go etc). Based on the feedback of Hulu users I had gathered, the majority of these users considered these direct competitors to have a more intuitive user experience than Hulu’s as well as greater scannability and discoverability of new shows and movies.
Keeping the feedback and pain points that I had collected in mind, I set out to create the initial wireframes of the overhauled mobile experience. My biggest focus was enabling the user to be able to view more shows / movies at a time throughout the various screens of the app to reduce the amount of time they had to spend searching. Another large point of focus was making the “keep watching” section much more prominent and easier to find for returning users so that they can quickly jump back into their shows.
During the wireframing process, a few different card variations and sizes were tested initially before deciding on having 3 cards wide with side scrolling available (the only exception being Hulu originals where Hulu could better promote their original content). Based on my research, on the home screen, the vast majority of users are in discovery mode. They are quickly skimming through the seemingly endless options before drilling down into a particular show or movie to find out more details about it. Because of this, all nonessential information was stripped away leaving only the cover image to do all the talking and draw the user in.
I had a blast with this redesign as it’s a mobile user experience that countless Hulu users online along with myself believe has sorely needed an overhaul. Being able to re-imagine a better Hulu experience is something I’ve been wanting to create for a while now.
The most prominent usability changes that were made to the Hulu mobile user experience were as follows:
Upon researching the usability issues that a wide range of users have experienced with Hulu’s mobile experience highlighted an overarching desire for a simpler, more intuitive user experience. Had this been a real project, I would have spent more time on the research and testing component to ensure that the design decisions I made helped to improve the user experience. That being said, I was able to test this UI on a small group of Hulu users. It received very positive feedback for the intuitive nature of the UI, the increased discoverability of shows and the overall aesthetics and brand recognition of the app.