Like clockwork, app UI design advances with each annual update of the iOS and Android platforms. Android Lollipop was a particularly dramatic change in 2014 and iOS 7 in 2013 — though with each new release, the two dominant mobile platforms are becoming more alike than different in their design and in the tools available to app designers.
With summer and fall 2014 releases of Android Lollipop and iOS 8, we’re just now starting to see apps hit the market that take full advantage of the new features. Here are 7 app UI design trends that will shape the mobile experience in 2015.
1. Motion design penetrates every detail of app UI design
Motion design has existed for decades, most notably in movie intros, advertisements, and music videos. As UI design in mobile apps has advanced over the past few years, motion design is now being used to delight the user, as a way of rewarding them for their actions. Notice when you swipe a list, that some images can have a slight parallax effect or bounce in an elegant way when you release your finger. Motion design now can also help guide the user through your app. Tapping a toggle button now might morph into the contrasting icon’s formThese subtle movements provide a truly refined app UI design.
2. Designing for multiple screens means more scalable assets
Designing for Android can be difficult because of all of the different devices and screen sizes. Now comes iPhone 6, with two new screen sizes to support. Phones, phablets, and tablets of varying sizes and orientations will force designers and developers to move away from pixel-perfect full-image backgrounds — and to make designs more simplified and responsive for both platforms. Designers used to be able to make two icon sizes: standard (1x, mdpi) and retina (@2x, xhdpi). Now with @3x assets for iPhone 6+, we need to look to vector assets that scale to any screen size and density.
3. App typography grows up
Back in 2013, Apple refined its system fonts with iOS 7 — bringing the beauty and mastery of print typography to the digital world. Each letter is kerned and weighted just right to give users the best experience. With Android’s the most recent OS (Lollipop), Google also remastered their Roboto font for the same reasons. On both platforms, these native fonts are fully scalable depending on preference — users can go into their phone settings and adjust the text size to be ‘Large,’ and apps on their phone will adapt to show larger typography within the app. With the growing number of screen sizes, absolute styling for incremental screen sizes is no longer an option — designers must implement more fluid interfaces and scalable typography.
4. Extensions allow apps to focus on what makes them great
iOS 8 has enabled apps to take advantage of third-party extensions, similar to Android. So, instead of reinventing functionality that already exists in other apps, developers can focus on what makes their app great. For example, your app may need photo editing. To build a feature like this from scratch would take a lot of time and resources. But now apps on both iOS and Android can leverage photo editing functionality via extensions. Services like Instagram and VISCO Cam can foster more widespread use of their features and proven user experience by offering them as extensions to other apps.
5. Material design takes hold across platforms
You might think of material design as just an Android thing since Google spent a lot of effort on the subject at last year’s Google I/O. But we expect to see an increasing number of websites and apps on both iOS and Android that will use material design style. Look for an increase in the ripple tap effect on buttons, the floating action button layered interfaces with subtle drop shadows to denote layering and behavior, and much more.