Mobile app version of vmapp.org
Login or Join
Harper654

: 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

@Harper654

Posted in: #Android #InterfaceDesign #Ios #Mobile #UserExperience

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.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Harper654

1 Comments

Sorted by latest first Latest Oldest Best

 

@Goswami567

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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme