Screen study · Reviewed September 23, 2026
Hulu account entry and genre personalization
The captured screens show separate account routes followed by a two-part interest selection.
How can account setup make the next step clear before asking for preferences?
Hulu describes the service, separates Hulu and TV-provider sign-in, and later frames genre choice as profile personalization. The stills do not establish whether every viewer sees these steps or how selections affect recommendations.
Evidence and limits
Selected Hulu Jul 2026 exported iOS screens, shown as still references. No recording is attached; ordering, timing, intermediate actions, outcomes and alternate paths are not established.
Read the decisions
01 / Hulu · Jul 2026 · Still image
Streaming value and account entry
What is visible
A Hulu wordmark sits above a headline about shows and movies, two benefit bullets, a short account-creation note and a Log In button.
Design interpretation
Put the service promise and account action in the same first view so the choice has context.
02 / Hulu · Jul 2026 · Still image
Choose a sign-in route
What is visible
The page offers separate buttons for logging in with Hulu and logging in with a TV provider.
Design interpretation
Name distinct identity routes at the choice point; the screen alone does not show which route is more common.
03 / Hulu · Jul 2026 · Still image
Enter an account email
What is visible
A branded MyDisney panel asks for an email address and presents Continue, with an explanation of how the account connects to Hulu.
Design interpretation
Explain the account relationship next to the field so a change of brand does not feel unexplained.
04 / Hulu · Jul 2026 · Still image
Personalize the profile
What is visible
A welcome message invites the person to choose interests, with a full-width Choose Interests button at the bottom.
Design interpretation
Preview why the next step matters and use an explicit action to enter personalization.
05 / Hulu · Jul 2026 · Still image
Choose entertainment genres
What is visible
A dark page presents large genre cards with artwork and heart controls, plus a progress label showing the first of two interest steps.
Design interpretation
Use recognizable content cards for preference selection and show that the task continues beyond this screen.
06 / Hulu · Jul 2026 · Still image
Continue genre selection
What is visible
The genre grid remains visible with a Next action pinned near the bottom and the first-step count still shown.
Design interpretation
Keep progress and the advancing control easy to locate while choices occupy most of the screen.
What to question
- A separate TV-provider route adds a choice; explain which credentials each route expects before people commit.
- Interest grids can make personalization tangible, but the selected genres do not reveal how recommendations change.
- A screenshot cannot show whether genre selection is optional or how the profile can be edited later.
Try an original implementation
Explore a three-step web onboarding pattern: choose a goal, set a pace, and optionally request a reminder. Go back to revise answers without losing them.
This React example uses native form controls, keyboard navigation and focus management. It is a separate prototype with original copy and styling, not a reproduction of the source apps.
Download React sourceRequires React and Tailwind CSS. Web only; not React Native. MIT license.
Import the named OnboardingExample component into a page. Replace the final preview with your application logic; this example makes no network requests.
Practice studio · Original web demo
Step 1 of 3
What would you like to practice?
Before you ship
- Explain the service benefit before presenting sign-in choices.
- Distinguish account sign-in from TV-provider sign-in.
- Describe why profile preferences are requested and how to revise them.
Validate these recommendations with your own users. No conversion uplift is claimed.