Pttrns - Mobile User Interface Patterns. Smartphone UI Patterns. Action Bar Action bar is an application branded top bar that provides users access to frequently used actions on each screen. Check out Google I/O 2010 conference presentation Android UI design patterns for a conference presentation about UI design patterns. It features the action bar pattern. Mobile application screen real estate is very limited. Solution Action bar is a branded top bar of the application that provides easy access to relevant actions on the screen and a shortcut to application's home screen. Very easy and fast access to relevant action on current screen.Easy access to application's home screen by clicking the application logo at left. More from this blog Action Bar Gallery - Part 1Action Bar Gallery - Part 2 Action Bar Anti-Pattern GalleryOmnigraffle Stencil for Action BarImplementing Action Bar Action drawer is a component that can be opened by the user on top of the application UI by a touch gesture or tap.
Solution Action Drawer Gallery - Part 1 Background Process Indicator. IMG_4523.PNG (PNG Image, 640 × 1136 pixels) - Scaled (66%) Lovely ui. Lovely ui (navigation on om finder) Lovely ui (stats on Duolingo) Inspired UI - Mobile Apps Design Patterns [iPhone] Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Patterns. 1386265803849-2013-12-05 12.47.53.png (PNG Image, 640 × 1136 pixels) - Scaled (66%) Mwlu6c1cWM1r71i1jo1_400.png (PNG Image, 338 × 600 pixels) IMG_3818.PNG (PNG Image, 640 × 1136 pixels) - Scaled (66%)