8 tips to mobile tabs
π± 8 tips to mobile tabs β£
β£-
By: @zanderwhitehurst
-
π Mobile tabs are powerful. They are easily mistaken for mobile navigation. The major difference is position and expectation. Tabs are organised into relatable views, whereas mobile navigation users expect different pages.β£
β£
βοΈ Keep your mobile tabs up top. 40px in height is traditional and they should rest above each view. A nice interaction when scrolling is to hide and reveal when a user scrolls up. β£
β£
βοΈ There is plenty of debate on this one, so personally I prefer text labels in tabs. They are legible and I think the text vs icon tab denotes this. Never leave your users guessing! β£
β£
π Consistency is crucial in tabs. Avoid a festival of tab options and keep everything aligned. β£
β£
π When it comes to mobile design you are limited in real estate. Donβt shed away from scrolling tabs. When designed properly these are brilliant. Obviously be mindful of the quantity of tabs but as youβll learn, swiping is key! β£
β£
π I really enjoyed putting this one together and would love to hear your thoughts in the comments. Are you text? Icon label kinda designer! Letβs create some conversations β