
: Should my navigation bar start as transparent then become opaque on scroll? Android has this UI behaviour: The navigation bar is transparent at first, with only the back button. But as the screen
Android has this UI behaviour: The navigation bar is transparent at first, with only the back button. But as the screen is scrolled up, the navigation bar becomes opaque, and the title fades in (on translate to position).
iOS has a different native behaviour. The navigation bar is shown as opaque/translucent at first. At the screen is scrolled up, the navigation bar could auto hide.
As an iOS designer, which behaviour should I stick to? Is it okay to adopt an Android behaviour?
My use case is a screen browsing a movie details - trailer, synopsis, showtimes, etc.
More posts by @Harper654
1 Comments
Sorted by latest first Latest Oldest Best
The Apple Human Interface Guidelines (HIG) are as the last word says, GUIDELINES.
You're entirely welcome to change everything to any way of doing things you like. They don't really care, and truly welcome better ways of doing things.
Take a look at the many synth and music apps on iPad. They're so far from the HIG you can't recognise them as being part of any design era. Yet they're premium products and people love using them daily, and Apple approves them.
Examples:
Here's Waldorf ignoring the no branding "guideline", and MANY other aspects of the HIG, to great effect:
One of the most popular todo list apps completely eschews any correlation to the HIG:
itunes.apple.com/us/app/clear-tasks-reminders-to-do/id493136154?mt=8
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2025 All Rights reserved.