TabBar: bottom on mobile, side on desktop

by GoodBarber

GoodBarber is a mobile app builder for iOS, Android and PWA. This shot shows what the TabBar does on a large screen: it leaves the bottom of the screen and stands up along the side. Same entries, same icons, same selected state, which moves on both at once. Nothing is redesigned for the bigger screen: the TabBar is set once, and each screen gets it in the orientation it calls for. Different apps, different layouts, same behaviour. It comes from the component itself, not from a decision taken app by app. https://www.goodbarber.com/uxdesign/