25 Principles of Mobile Site 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.

Keep menus short & sweet.

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

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

FIVE _ Make site search clearly visible on all pages.

Search Mobile Website

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

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

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

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

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

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

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

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

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

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