Smashing Trends in Mobile Design

By Marisa Peacock (@marisacp51) Dec 2, 2010

Thanks to the folks at Smashing Magazine, we now have an in-depth report highlighting trends in mobile design and a map to help us plan for the road ahead.

Mobile Design Trends

Smashing Magazine’s Study of Trends in Mobile Design looked at a variety of websites and brands in an effort to showcase the methods being employed by today’s most popular websites. The sites selected for the study were all listed on Google’s AdPlanner list. Though the site includes one-thousand sites, the initial 100 were used.

The sites were closely examined and matched against a list a variables. Sites were measured based on how the mobile experience is activated, its functionality and how visitors are directed to a mobile experience. Variables that accounted for speed, bandwidth, display size, touch screens and other best practices were also included.

Results of the study indicated that mobile design is still evolving slowly. Many websites seem to be disconnected from a primary website, making us wonder if companies have a mobile design strategy in mind at all. Ultimately, mobile design, like web and print, is about spending your customer’s time wisely. According to the results, some companies may want to re-examine their strategies for mobile customer experience.

Mobile Access

Was the mobile experience made apparent to a user immediately? It’s an interesting question that you may have not asked yourself before. Ideally, we want the mobile web experience to be seamless, but wouldn’t it be nice to know in advance which sites supported a mobile device or loaded the regular site as is? Could it improve or alter the way you use the mobile web? The study not only examined whether a redirection or device detection occurred, but also if the mobile experience was provided on the standard website (rather than a subdomain), and if a regular PC could switch to the mobile version too. Of the sites surveyed:

39% redirected
32% had a native site
29% had a non-mobile site

Mobile Phone Apps

When it comes to creating a mobile phone application, many companies are not ignoring the presence of their mobile website. The study found that among the sites surveyed 67% had an app (33% didn’t) and that among those with an app, 53% had an app and a website, while 14% had an app but no mobile-friendly site.

Content, Navigation & Layout

Websafe Fonts

The study tested to see which websafe typefaces were being implemented on the Web, as well as what font families were being used. The elements for which this test was created were not only based on headings, but on all manner of content in the page. In every case where a font family was declared, the category of typefaces used was always sans serif (for both headings and body text).

Mobile Font Stacks: A distribution showcasing the typefaces used within the primary font stack