Site Menu

5 Killer Tips for Creating a Strong Mobile Web Experience

March 15, 2013 3 Comments

Let’s face it. If you haven’t considered capturing mobile customers, you are missing the big picture.

 

According to Google, 50% of mobile search conversions happen in one hour. This is known as mobile’s Immediacy Effect.

 

The proper mobile design can drastically effect your sales. The proof is in the pudding.

Screen Shot 2013-03-14 at 10.04.29 PM

(via Google)

Creating a strong mobile experience isn’t rocket science. Intuitively, smartphone users will respond better to sites that allow for the quickest means to their end-goal. This could be purchasing a pizza or booking a flight.

 

Keep it simple

It is important to consider your website’s core functions. Start first by considering the absolutely essential functions needed for visitors to reach the finish line. Cut out all the fat and conceptualize your site based on customer-centric functions.

In this example, Ski Bowl Resort has taken its customer-centric functions and translated them into an effective mobile experience with minimal scroll.

mobile design best practice

 

Make functionality BIG

By trait, mobile users have fat fingers. If a customer needs to zoom to navigate your site, you have failed. Create every aspect of your mobile site with the idea of ‘big buttons.’

In this example, Ride Snowboards represents product categories with big colorful buttons.

Screen Shot 2013-03-14 at 11.26.04 PM

 

Optimize all stages of the customer journey

It is important to test your site’s flow. You don’t want to lose people due to inconsistent functionality. This is especially true for large e-commerce sites.

In this example, Karmaloop considers optimized design for multiple stages of the sales cycle.

Screen Shot 2013-03-14 at 11.17.51 PMScreen Shot 2013-03-14 at 11.20.31 PM

 

Make content easily consumable

Content is consumed more than ever on mobile phones and tablets. The trick is to make sure your content is navigable on a mobile interface. This is needed for text, videos and images. A good design will render text bigger. Videos must be able to load full screen. Images will be big. Think big!

In this example, Hypebeast creates ease-of-use for written content and images.

Screen Shot 2013-03-15 at 12.22.51 AMScreen Shot 2013-03-15 at 12.21.14 AM

 

Make it fast

The breaking point for a fast mobile site is about 5 seconds. If your site is loading slower than that, consider slimming down. Go back to the idea of simplified functionality. Cut out any unnecessary flash or slow-loading media elements. These may prolong your load time.

In this example, Pizza Hut presents its product perfectly on the mobile interface. The site makes your mouth water in about 2-5 seconds.

Screen Shot 2013-03-15 at 12.32.13 AM

 

Build your brand with the interface

Big branding is sexy with mobile. Every page of your site needs a fat logo up top. The mobile interface provides opportunity for a more impactful brand impression than the desktop experience. Take advantage by designing a minimalist branded look.

In this example, Tecate establishes brand dominance with this clean homepage design.

Screen Shot 2013-03-15 at 12.41.56 AM

This mobile thing is growing! Support our hunger to learn more by posting questions in the comments below.

Tags:            

About the Author

Contact Us

3 thoughts on “5 Killer Tips for Creating a Strong Mobile Web Experience

  1. Another important tip is to make your registration forms as short as possible, whether you’re ordering a product or leaving a comment. If you don’t need to know their age, sex, hometown or shoe size don’t ask!

  2. Good stuff, Rory!

    another important point is – get away from the desktop mentality and think about what your mobile users are doing on their devices. Offering coupons (especially with the ability to add them to Passbook) increases the probability that the customer will come to your business. Integrating social (we use mobile for social reasons a lot) to “like” you on Facebook or share via email is very easy and effective. As Ryan mentioned, keeping your forms short is important. This is why “responsive design” (which basically means adapting the same desktop content for mobile visitors) is called “mobile-friendly”, but not “mobile-optimized”. You really need to think in terms of how your mobile visitors are using their devices, and adjust your flow and content so that it benefits them and benefits your brand.

  3. Great tips, Ryan and Elena! I think we can agree that mobile users have a very specific objective when visting your mobile site and have a sense of urgency, hence the need for quick functions.

    Thanks for reading!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>