Creative Bloq is now ten years old! To celebrate a decade of design, we're looking back at what's been hot in design. Read on to rediscover the app design trends of a decade ago. What's still on trend now? What's changed in the last 10 years?
App user interface (UI) design, like web design, goes through many different stages. When the iPhone first appeared, many apps adhered tightly to Apple's Human Interface Guidelines. But as the device has become more widespread, and Apple itself has designed a number of apps for the device, UI design has gone off in numerous directions.
Whether it's the trend for skeuomorphism or the trend for clean, graphic interfaces, now is the time for user interface designers to get busy experimenting and developing new approaches to their creations, whilst making sure their apps remain inherently usable. We've scoured the App Store and elsewhere to find examples of trends in UI design from 2012...
Whether you like it or loathe it, skeuomorphic UI design is on everyone's lips at the moment, mainly thanks to Apple's own iOS apps. The shelves and photo albums in Apple's iPhoto and the leather bound book of Find my Friends (opens in new tab) are prime examples, but other apps, such as Korg's iMS-20 iPad app (opens in new tab) take the concept even further (and to great effect). Brushed aluminium, tanned and textured leather and wooden shelves are all skeuomorphic favourites. Unfortunately, often skeuomorphic UI design is pushed too far and completely contrasts to the elegant devices that the apps run on. The recent Podcasts app (opens in new tab) by Apple is a prime example.
Probably the most famous retro/vintage app is Hipstamatic (opens in new tab), but there are a raft of apps (CameraBag (opens in new tab), Infinicam (opens in new tab) etc) that take their cue from the past through faux damage and aged interfaces – and retro devices that appear to have been sitting in the loft for a couple of decades seem to be a particular favourite. Of course, function defines form in many cases. Another retro interface that caught our eye is that of Pocketbooth (opens in new tab) – combining 50s-esque typography with pastel shades and wooden and metal textures to great effect. Oh, and LetterMpress (opens in new tab) and Flick Kick Soccer (opens in new tab) aren't bad examples, either.
03. Notebooks and pages
We could group this under skeuomorphism, but the recent Paper by FiftyThree (opens in new tab) app takes the concept of 'books' within your device to a slightly different, more minimal place. There are no leather or ring binders, just pages and sketchbooks that you navigate through using common iOS gestures. The same concept has been seen in such apps as Evernote (opens in new tab) and indeed Apple's own Pages – all of which let you navigate to your documents in much the same way.
04. Grid approach
OK, it isn't exactly a new idea, but the grid approach to UI design remains as popular as ever in iPhone and iPad apps. Take the Explore tab of the Instagram (opens in new tab) app for instance – just a grid of inviting images to delve deeper into the app and its users. Or the magnificent Cool Hunting (opens in new tab) app or even Flipboard for iPhone (opens in new tab). The news reader app Pulse is another great example of this approach.
05. The Instagram effect
A clear trend has emerged recently to have tabs along the bottom of the interface, with a larger (or more defined) button in the middle that points to the app's main functionality. In Instagram's case it's the camera button. The number of apps that have adopted this approach is incredible – probably because it works so well. Think Pinterest (opens in new tab), Path (opens in new tab), Color (opens in new tab), Foursquare (opens in new tab), Foodspotting (opens in new tab), Vyclone (opens in new tab) and many more.