An Insight into the Technology world.Analysis and Insight from Savvycom Team.
In the previous article, we discussed the change in design trend between 2012 and 2013. In short, less is more, meaning simplicity is the new wave in mobile and web design. The purpose of this article is not to show you how to make a creative and eye-catchy design. It is meant to give you practical advice on what to pay attention to so that your product would have great UI that goes well with UX, and better yet, reassert your brand.
Table of Contents
1. Purpose of the appThis is by far the most important element of an app, meaning UX thinking. ‘If you don’t know why and who before you come up with what, you’ll end up creating nothing for no one,’ Whitney Hess, UX Consultant. So whenever you draft the layout, the typography, the colour for the app, you should start with asking yourself ‘Why do I need this?’ Also, avoid the temptation of adding decoration or details that do not make so much sense for users. I love this metaphor by Bruce Lawson: If I go to a training website, I don’t really want to see a picture of Richard Branson smiling at me, I don’t want to read the Chief Exec’s ambitions and life history. All I want to know is what time my train is and how much it is.’
2. ContentThe designer should think about how the content, or the information to be conveyed to users, will be displayed to users. This is essential so that you might want to put it as the first priority, together with the purpose of the app.
3. Design for the mobile app as an integrated part of product brandingThe style of the app says many things about yourself, who you are, the core values that you pursue, the purpose of your business. So think about how you want to position your product in the app design. Also remember to make use of your brand identity, logos, colours, and so on in the mobile app. There are many styles of logos. However, two basic elements to identify a brand are its logo and colour panels. The position of the logo might vary, but most popularly, on the splash screen and home screen, otherwise the main detail screen. One app should have two main colours, and one to two colours to highlight buttons and icons.
Hotels Everywhere (by Savvycom) app with 2 main colours: red and dark blue throughout the screens
4. Simple layoutsThe app should be clean and easy to read by creating sufficient space between texts and images and among each block. As a result, essential information shall be designed to stand out. A popular practice now is to follow the grid layout as follows:
Flipboard app with big blocks, clean background and large photos