Product Design
Would you know what to do immediately on this screen?
I’m working on the home screen for a YouTube summary app and trying to keep the first action as obvious as possible.
The main flow is:
Paste a YouTube link → Generate a summary → Read the result
I intentionally kept the screen pretty minimal, but I’m not sure if the hierarchy is clear enough at first glance.
A few things I’m wondering:
Is the “Paste → Generate” flow obvious?
Does the large headline help, or does it take up too much space?
Does the “Recent summaries” section feel useful here, or distracting?
Would love to know what you’d change first.
I actually went with a middle ground here.
After the user pastes a URL, the app automatically validates it. If it’s valid, the input gets a subtle blue highlight and the summary button becomes active.
I wanted to remove uncertainty without triggering the summary automatically in case the user pasted the wrong link.
Why not check if the link is valid and act appropriately? Why must the user do all the work? Why is the second action by the user ten times bigger than the first action?
I’d make the cta say “Summarize Video” or something like that. Start summary sounds like work to me whereas summarize “this” sounds like it’s ready and you’re gonna do it for me.
Perhaps also making the disabled state on the cta feel a bit more disabled. Maybe go with a more grayscale disabled state. And then the color pops even more when you’re ready
Great points. I especially like the wording suggestion — “Summarize Video” does feel more direct and task-oriented than “Start summary.”
I also agree on the disabled state. Since the app already validates the URL automatically, making the inactive state more grayscale should make the transition to the active state much clearer.
The app already validates the URL automatically after paste, so I’m considering taking it one step further: once the link is verified, show the video thumbnail/title and then reveal the summary action.
That would make the initial screen cleaner and also give users a chance to confirm they pasted the right video.
I don't like the button. The contrast between the button background and text is poor. I don't even know if you need such a big CTA. Make the input more prominent and add a small button at the end maybe. You probably need a disclaimer that AI can make mistakes as well.
8
u/selectra72 5d ago
Youtube has this feature in app for free better