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.
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.
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.
Accessible menus from both the header and footer, if possible.
Use fonts that are readable and sharp both large and small. Not all fonts scale well.
Use Modern Technology
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.