Hulu
ACCESSIBILITY
After user testing, I noticed that it was difficult to read the movie title and information when the text overlays an image.
In order to increase readability, each image has a gradient overlay. This way the color contrast ratio of the type in comparison to the background passes the contrast standard at 8:59:1.
Throughout my prototype testing, I included a “straw test” to simulate what the navigation experience would be like when visually impaired. Before making design changes, the user struggled to navigate each screen because the icons were not in a consistent location.
The solution to the navigational inconsistency was fixing the icons in one position. With fixed positioning, navigation of the screen at 400% becomes predictable.
DESIGN PROCESS -
EMPATHY MAPLISTENING TO OUR USERS
- The process of choosing a movie to watch complicates the experience that Hulu provides.
Preferences and suggestions
All of this work and not happy with the final movie decision
Researching what movie to watch or avoiding
the problem
Frustrated from the process and disappointed
by the result