Mobile app UIs have many UIs with 'Bar' in their names, like Navigation Bar and Toolbar. Recently, both iOS and Android have significantly changed the names and specifications of these UIs. The name 'Navigation Bar' in particular is extremely confusing because it can refer to different UIs depending on whether it's iOS or Android, and whether you're talking about the current or older versions. This article summarizes the names and appearances on each OS in tables, with links to the official specifications.
I worked on foldable (folding smartphone) support for our company's app, so I'm summarizing the latest in Android multi-device and responsive design from a UI design perspective. It's a bit long, so feel free to jump to the parts that interest you from the table of contents.
Along with the release of Android 12, the official Material Design documentation was significantly updated (often called M3). I read through it, so I'd like to give a quick rundown of the key points. This assumes you're already somewhat familiar with the previous Material Design.
An explanation of how to use Figma — not for the people creating designs, but for the people checking the designs that designers have made.
Have you ever heard of the words 'affordance' and 'signifier'? If you've only ever heard of 'affordance,' you should be careful.
