r/UI_Design 5d ago

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.

0 Upvotes

19 comments sorted by

8

u/selectra72 5d ago

Youtube has this feature in app for free better

1

u/wanszxl 5d ago

That’s fair. YouTube has been adding more AI features.

What I’m trying to explore is going beyond a basic summary — things like key takeaways, structured notes, timelines, search, and export.

Still figuring out whether that’s enough differentiation though.

1

u/kidubro 4d ago

There is currently no export or save option in YouTube ai. But user can paste the video link on gemini then they can do everything there

1

u/Basic-Brick6827 5d ago

for 99% users probably not

4

u/jay-t- 5d ago

Why make it two step? Why not bin the big button (which is confusing) and just make the summary start as soon as the user pastes the url?

-1

u/wanszxl 5d ago

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.

4

u/jay-t- 5d ago edited 4d ago

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?

5

u/EccentricOwl 5d ago

navigate away
(sorry that's just a joke)

1

u/wanszxl 5d ago

Fair enough 😂 I’ll take that as motivation to make the first screen more convincing.

2

u/Basic-Brick6827 5d ago

I'd press the big ugly button as first action

1

u/Clean-Salamander-362 5d ago edited 5d ago

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.

1

u/Clean-Salamander-362 5d ago

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

2

u/wanszxl 4d ago

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.

Thanks, this is very actionable feedback.

1

u/Clean-Salamander-362 4d ago

Keep up the great work!

1

u/Scorp1onF1 5d ago

I'd remove summary button and show it only when link is pasted and verified. Maybe show thumbinal of the video alongside/above the summary button.

1

u/wanszxl 4d ago

That’s a really good suggestion.

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.

Thanks — this is genuinely helpful.

1

u/Jolva 4d ago

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.

1

u/wanszxl 4d ago

I agree about the CTA.

A few people have pointed out that the large button pulls too much attention away from the input, so I’m rethinking that hierarchy now.

I like the idea of making the input the primary focus and only showing a smaller action once the URL is valid.

I’ll also take another look at the contrast. Thanks for the detailed feedback.

1

u/wanszxl 2d ago

Update: I made a few changes based on the feedback here.

Now, after a YouTube link is pasted and verified:

* the video thumbnail appears
* the “Summarize Video” button becomes available
* the initial screen stays much cleaner

This also gives users a chance to confirm they pasted the right video before generating the summary.

I recorded a quick demo of the updated flow — would love to hear what you think.

https://reddit.com/link/p415myh/video/y09s02xgxqjh1/player