An Insight into the Technology world.
Analysis and Insight from Savvycom Team.

‘I have learned an important principle: Simple things work, often to our dumbfounded surprise, for we tend to distrust the simple and strive for the complex,’ Richard H. Cracroft, ‘Our Trek Through the Wilderness’

Even when you created excellent designs in 2012, this article might still be worth for you to read, as by the time you think you should change your style, the new trend is already there.

2012 – The start of outstanding mobile-oriented design

To start with, let’s go quickly through the design trends for mobile apps and web apps in 2012. What made a great app? Usefulness, simplicity and aesthetics. Usefulness and simplicity are obvious requirements for a mobile app. So let’s talk a bit more about aesthetics, or design preference that set the trend. Firstly, design in 2012 was rich in texture and colours. Buttons and labels could make the app look so much better with different textures, for example, wood, metal, paper and leather. Influenced by the style of Pinterest UI, images were put in front and centre for colour enhancement. pros-cons-skeuomorphism-infographic1

Skeuomorphism – A Reading app looks just like a bookshelf

Secondly, one of the most influential trends in 2012 was Skeuomorphic Design, thanks to Apple iOS apps. The apps were designed to have elements of them that look or behave like their real-world counter objects. For example, Newsstand looks like a bookshelf filled with magazines. This style is great, yet requires a lot of time and efforts on every single detail in the design.

2013 – Just like everything else, Design also returns to Simplicity

The trends in 2013 have changed quite significantly. A key reason is the variety of mobile devices, having flourished from the fierce competition of device manufacturers in 2012. Smartphones and tablets. iOS, Android, Blackberry and Windows platforms. Apple, Google, Samsung, Amazon and Microsoft. So now Skeuomorphic Design is no longer on people’s mouth, but rather Responsive Design and Flat Design.

Responsive Design – A one-size-fits-all solution aad71990df271f157d0a8794d26edcda22

Responsive Design – One design across various devices

Responsive Design is the practice of designing a site to resize and adapt automatically to function well across multiple screen sizes. You can open design on iPhone, iPad, or a Surface Tablet and it will work on every device essentially the same way, present the same information and be exactly appealing. It should not be confused with graphic design, but rather a combination of graphic design and web design. This style can work so well for web-based content. As per the graphic design, you will still need 3 designs for web, tablet and mobile, but the launching efforts will be significantly cut down.

Flat Design – No more decors, no more glamourflat-ui-cover1

Flat Design – Grids, clean, less shadow and glossy, big fonts and pictures

Flat Design is something that is being mentioned everywhere. It has so many synonyms, such as Simplicity, Simplification, Grid Layout, Bigger Fonts, Large Images. Started from Windows 8 by Microsoft, it is now favoured by large companies across industries as it puts a strong focus on the content and purpose of the app. Flat Design implies clear layouts, less decoration, fewer colours, fewer interaction levels, easy-to-read typography. This style works especially well for content-based web and apps. So, if you have an app idea, you’d better start asking: ‘Which style should I follow to suit my audience and the content of my app?’

For further enquiries related to app development, please do not hesitate to contact Savvycom at:

Head Office: 12th floor, Viet A Tower, Duy Tan Street, Hanoi, Vietnam

We would love to give you a free consultation and suggestions to achieve your goals.

Leave a Reply