Designing for a Mobile app


Displaying Content

Display information on mobile has its challenges. For one, the amount in information that can be show at one time is hugely limited by its small screen size. In addition, the chrome or device UI should take up minimal amount of space so that the content can be at the forefront on every screen.


Stacks are a common UI pattern used in mobile design. Stacks are a way of display a long list of information in a vertical manner which can be scrolled through. Stacks are commonly used in a top-level pattern to given an overview of the information with the ability to tap into each list item for more information.

[twitter list example]

Screen Carousels

Screen carousels are alternative type of top-level Ui pattern that can be adopted in mobile. Carousels are usually more appropriate for data heavy information that contain data that is specific to each item. Content Cards have also become an establish pattern for creating an on-boarding experience for new app users.



Mobile Navigation


Hamburger Menu

Scrollable Horizontal Navigation

Swipeable navigation

Swipeable navigation is probably the most recently navigation pattern in mobile design. Swipe gestures have become an established pattern Ref LukeW. However, no using swipeable navigation solely breaks that an important rule of user interface design, visibility ref medium This can lead usability issues and increase cognitive load as user can forget how to use interact with the app without the presence of any visual cues.

In my opinion the social media app Snapchat is an exception this as the user experience lends itself to the fun and discovery that the app encourages and entices a new generation of mobile users. Users that buy into novel way of social sharing concept spend the time learning how to use the app