Website traffic from mobile – smartphones and tablets – exceeds traffic from the desktop, for many websites.

Here is a short list of best practices for creating great experiences on mobile.

 

Simplify Design

Minimalist design is beautiful and loads faster. If in doubt about the usefulness of content, yank it out. Or, do A/B testing and find out what visitors are actually using.

 

Streamline Content

Optimized graphics load faster. Use sprites and scalable vector graphics (SVG) when possible. Icons are an excellent example of SVG. Vector graphics are sharper too, so they may look better.

 

Test Across All Devices

Ideally, test on actual devices – smartphones, tablets and desktop, from the start. Use simulators to fill in the gaps.

 

Scale Buttons and Content

Ensure buttons and links are tappable for thin and thick fingers alike.

 

Intuitive Navigation

Accessible menus from both the header and footer, if possible.

 

Legibility

Use fonts that are readable and sharp both large and small. Not all fonts scale well.

 

Use Modern Technology

Use HTML5. Don’t use Flash, if possible. CSS handles interesting animations efficiently. For interactivity – and javascript – use a lightweight framework.

 

Fast Page Loading

If the design is simple, graphics are optimized, and modern technology is used – you are mostly there. A reasonable goal for time to load is under 4 seconds.