Understanding the key principles of app UX design

August 1, 2016

App design has steadily evolved since the release of the very first iPhone. An app’s user interface is intrinsically linked to their user experience. What is considered ‘en vogue’ in app design is continually changing, but there are key principles that have stood the test of time.

Workflow

Creating the app’s workflow is integral to the app’s success. When designing the workflow, it is important to consider all possible user journeys. Not every user will use your product in the same way. From the offset take time to plan out the workflow, the wireframing stage is the perfect opportunity to consider your diverse user group before creating the full visuals.  

Space

Space is important in app design. A cluttered interface can distract the users from the text and actions on the screen. The app Service is a great example of the importance of space. The customer service app uses large open space around text boxes and icons, making the contents clear.  Using one screen for a single sentence and icon, instantly draws the user’s eye to the important content.

UX UI Service App

Tappable elements

Nothing within an app should be tricky to find or action, navigation should be simple and large tappable elements are key to achieving this. This Duolingo animation shows off the value of maximising the size of tappable elements. Duolingo have incorporated these elements seamlessly into their interface, matching space and primary colours to make navigation super easy. Tappable elements should also let the user know they have completed an action, whether this be through a change in colour, opacity or an animation.

Duolingo GIF
‍(Credit – Duolingo by Frank Rapacciuolo)

Consistent colour

The colour palette you choose for your app should be consistent. There are some awesome examples of the use of colour. The Trainline app is an all rounder in app design, the use of the brand’s key colours; mint green and dark blue not only solidify the brand identity, but enhance navigation.

Trainline UX UI Design

Reachability

Again, considering the diversity of your users and their devices is essential in app design. It may sound obvious but not everyone has the same size hands, reaching those top corners on an iPhone 6 + isn’t always easy. New video streaming app, Hyper maximises these principles to provide both the best UI and UX. The app has removed the standard hamburger menu for settings and instead the settings page is a simple two swipes left from the main feed. This feature is accessible to all users, creating a seamless and uncluttered interface.

Hyper App UX UI App

These key principles of app design create an engaging user interface, that not only looks great but enhances the user experience. Sticking to these cores principles provide the foundation of an app users will love.

Share this article

What next?

We are approachable and you won't be speaking to a hard-nosed salesperson. Even if you don't choose us for your project, at the very least an initial chat will help you to solidify your app requirements and understanding.
Get in touch for a chat about your requirements
GET IN TOUCH