25 Principles of Mobile Site Design

Home/Design, Mobile/Web/25 Principles of Mobile Site Design

25 Principles of Mobile Site Design

Mobile Site Design

ONE _ Have your call to action front and centre so that it’s easy for people to see.

TWO _
Keep menus short & sweet.

THREE _ Make it easy to return to the homepage, use your logo to link back.

FOUR _
Don’t let promotions take over the homepage or interfere with navigation.

FIVE _ Make site search clearly visible on all pages.

Search Mobile Website

SIX _
Make site searches relevant so that users can find the information they need.

Relevant Search Mobile Website

SEVEN _ Include search filters to help users get accurate results.

Search Filters Mobile Website

EIGHT _
Segment your search audience before they search, if possible.

Search Audience Mobile Website

NINE _ Allow users to explore your site before asking them to supply personal information.

Easy Navigation Mobile Website

TEN _
Allow users to purchase as guests but encourage registration where possible.

Registration Mobile Website

ELEVEN _ Make it easy. Use registered users’ information by pre-filling their details.

Form Mobile Website

TWELVE _
Use click to call buttons so that users can speak to an operator if they need help.

Call button Mobile Website

THIRTEEN _ Make it easy for users to finish conversions on another device.

Cross device Conversion

FOURTEEN _
Offer users a number pad for fields requiring number entry.

Number Fields Mobile Website

FIFTEEN _ Choose the easiest ways for users to enter information, drop downs, tick boxes etc.

Tick Boxes Mobile Website

SIXTEEN _
Provide a visual calendar to make bookings and planning easy.

Visual Calendar Mobile Website

SEVENTEEN _ Use clear instruction and real time validation to minimize errors, tell users when they have not entered correct information.

Real Time Validation Mobile Website

EIGHTEEN _
Design of forms is important – short and easy to read is key.

Form Design Mobile Website

NINETEEN _ Design all your website pages so they are optimized for mobile.

Responsive Website Design

TWENTY _
The images and layout should always be legible.

Legible Layout Mobile Website

TWENTY-ONE _ Include high-quality close-ups of key images like product photos.

High-Quality images Mobile Website

TWENTY-TWO _
Tell users if your website is better viewed as portrait or landscape.

Portrait Landscape Mobile Website

TWENTY-THREE _ Keep users in a single browser window, do not allow them to navigate away from your browser.

Single Browser Window Mobile Website

TWENTY-FOUR _
Use mobile/desktop labelling.

Mobile Desktop Labelling

TWENTY-FIVE _ Allow users to locate stores or products ‘near me’.

Near Me Feature Mobile Website

By | 2017-10-10T11:49:22+00:00 September 13th, 2017|Categories: Design, Mobile/Web|0 Comments

About the Author:

Leave A Comment