App Interface Design

When designing an app’s interface, there are three things we need to consider – The Launch screen, The Tray, and The List. Though they are often used in the design and development of apps, not all apps may necessarily incorporate one or all three of these elements. However, as a designer, having knowledge of and being aware of the potential use of such elements can really help bolster your overall design. Take the Launch Screen, for example. These are used to reinforce the brand while you wait for the app to load. Unlike the home screen, the Launch Screen is one you cant go back to, appearing only at the start of the app.

The Tray, on the other hand, is an additional feature to the overall experience. The Tray often incorporates a touch or slide feature the user uses to gain access to without compromising the page that they’re on. The Tray is composed of the active button (Tab or button), and the general tray area. Overall, Trays should be kept brief and simple, and needn’t be overdone with additional gestures or information overloading.

Finally, the List is another key feature of app interface design. Lists can open more pages, magnify details, open additional screens and/or options, or enlarge images. Composed of three components (The item, navigation bar, and nav buttons), Lists are normally used to provide a comprehensive description. In doing so, the designer must ensure that the overall look and feel is maintained across the experience, keeping it detailed yet cohesive with the overarching design.

 

 

Photo Credit: Weather & Time. [Image] (5 June 2013). Retrieved 23 March 2017, from https://www.behance.net/gallery/9474291/Weather-and-Time

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s