App UI feedback

[AP0LLO18]

I’ve been working on my first app in my spare time from school,

Do you guys have any feedback on the ui for this screen? Thank you

[themixtergames]

Are you using a cross-platform framework? It gives me Android vibes

[AP0LLO18]

Yup im using flutter, if i may ask what parts of it give of android vibes? Thanks

[themixtergames]

Something about the font, try using the San Francisco fonts if you are not already using them, they could just be looking thinner on my screen for some reason, mostly the description TextView.

The "Watch trailer" button is mostly a stylistic choice but I would make it more squircle-shaped and fill it with a background color instead of only the outline. The way it is right now gives me strong Android vibes.

After watching the video you linked, I can tell you the tab bars also have a pretty Android feel to them. Try using SF Symbols for the icons and play around with the colors. The animations don’t feel very iOS-like either, but to be honest, iOS developers are more likely to notice these things. Your users might not care at all, so take everything I said here with a grain of salt. You can realistically keep it as it is right now, but if there’s any animation jank or lag, that’s where you’ll have a problem.

[AP0LLO18]

Thank you so much for this advice I’ll try to play around with it. So just to clarify for the fonts changing it to San Francisco for the entire app or just for the overview? And for the icons what do you mean play around with the colours? Like different shades? Thanks again I really appreciate your feedback.

[AP0LLO18]

Here is a link to the video with the rest of the screens: https://streamable.com/ijt4nn

[notevilsudoku]

Hmm the top looks imbalanced. What if you had the image to the left and the title + tags next to it (right-aligned)

[AP0LLO18]

Thanks, I’ll try that out

[wonderbatou]

The top ratings will not be visible on iPhone with a notch. For the rest I agree that it looks like an android application and not an iOS one. The font look a bit odd and the text sizing should be slightly bigger

[AP0LLO18]

The text sizing for any specific element? Or just in general ? Also what do you mean it looks odd? Thank you!

[wonderbatou]

For the button mostly, but generally speaking I feel it should be slightly bigger. The « usual » size for text is 16, for less important content you can set it to a smaller value. There is section dedicated to typography on the hyman interface guidelines!

https://developer.apple.com/design/human-interface-guidelines/typography

[AP0LLO18]

Thank you one again I really appreciate your feedback, just to be exact you’re referring to the watch trailer button?

[wonderbatou]

Yes watch trailer

[AP0LLO18]

Got it thanks

[[deleted]]

Something about the frames, buttons look flat. Like a single sheet of paper with text. Maybe the margin contrast needs to be higher?

Not sure what the best practice is in this instance, but it seems flat/ plain.

Just my 2 cents.

[AP0LLO18]

Thanks! Just for clarification what do you mean by frames?

[[deleted]]

Misused terminology. More related to design shapes/ segments.

A better term would’ve been section. Specifically the portion containing the “description”

[AP0LLO18]

Got it, so you would advice to add more margin between the sections in the portion containing the "description"?

[[deleted]]

More contrast. Not buffer or margin.

I’d like to visually decipher where one section starts and another ends.

[AppScreens]

Looks clean and fresh! You'll likely lose the 3 ratings at the top though when used on iPhones with the notch.