Aug
15
2015
The Top 13 Trends in Mobile Design
Posted by: Mighty 8th Media

According to the data gurus at Smart Insights, 2015 marks the tipping point when mobile traffic has finally overtaken desktop. While a mobile website has often been a nice-to-have in recent years, these new statistics make it clear that a strong mobile presence is a critical must-have moving forward.

Mobile-stats-vs-desktop-users-global-550x405

This beautifully presented article from Medium.com showcases cutting edge mobile design trends, featuring 13 critical elements to make your mobile presence the very best it can be. At Mighty 8th Media, we embrace the latest design directions that will help our clients connect with customers, especially in an increasingly mobile environment.

For example, we recently launched a responsive website for our friends at Spectrum Wealth Advisors, incorporating many of these key mobile design trends.

iphonespectrum

Embracing the Top 13 Mobile Design Trends

Onur Oral, UX/Visual Designer at Monitise, recently crafted an insightful article that asked these compelling questions about the latest world of mobile design:

  • What are the trends?
  • Why are they beneficial to the user?
  • And how are they created?

The result is an invaluable article that explores that ‘what’ and ‘why’ for each of the latest 13 trends in mobile website design.

  1. Lighter Design

1-wHLooLtTZTh4b1vZPT2iSA

What

Instead of incorporating a wide array of gradients and shadows, shifting to a ‘flat design’ creates a lighter aesthetic in the app. This means using negative space — instead of gradients, shadows, etc. — can create a simpler interface, focusing only on having core information and removing design elements that are not productive as itself and to the user flow.

Why

Lighter design removes distraction to help guide the user’s eye to meaningful content on the screen, enabling easier navigation while also providing a sleek, modern aesthetic to the brand itself.

  1. One Typeface To Rule Them All

1-6W8wgRwwCAEdeY7w87UToA

What

Reducing the number of fonts on a screen can reveal the power of typography. Instead of using different typeface and leveraging different characteristics — e.g. italics, bold, semi-bold — and different font sizes can better differentiate discrete areas of content.

Why

Embracing a singular typeface across an entire app drives consistency not only for branding, but also across channels — e.g. app, mobile site, website — thus optimizing the mobile elements across the omnichannel experience. Also, users prefer the simplicity of having one typeface to scroll through in identifying relevant content.

  1. Spaces & Blocks – No More Lines

1-O8PdPLJpnadeiQImX4KnvQ

What

While previously lines and dividers were used to clearly delineate specific sections or categories within a screen, adding these elements can result in dense, crowded interfaces. Straying away from lines, interfaces which leverage clustered blocks of content separated by spaces have the advantage of freeing up that space and establishing a clean look.

Why

The removal of explicit lines and dividers provides a modern look that focuses on functionality; for example, images and/or fonts can be bigger, providing visual clarity and improved ease of use. Leveraging space instead of drawing lines helps to define different sections in a non-obtrusive manner.

See the other 10 Mobile Design Trends

Think your mobile website design needs an update? Drop us a line.


Let's Prep Your Marketing for Takeoff!