Some of the best mobile website design practices

Use a font size large enough to read text on a small screen.

Mobile phone screen size is limited, so font size is very important. Using the correct size helps achieve good readability throughout the system. Generally, the rule of thumb is that font size should be 16px for mobile sites.

Optimize and Minimize the file size.

Use websites like TinyJPG or Photoshop’s “Export for Web” feature to minimize the file size of your images before uploading them to your website. Considering the bandwidth is very important for mobile devices as large files require more bandwidth to support Experience.

Keep important elements of the website within reach.

According to a study by mobile UX expert Steve Hoober, 75 percent of people use one thumb for interaction. Organize content in a way that puts primary interactions front and center, providing secondary and tertiary functions for the top and bottom edges of the screen.

Use a single column to display information instead of using a table with multiple columns.

This will make the content more optimized. For example, use collapsible content sections also known as accordions to make the column shorter and easily accessible contents.

Don’t forget to link Phone Numbers and Emails

This makes a huge difference in the conversion rate. Think of the struggle of trying to copy the number, pasting it elsewhere, and also accidentally copying all the rest of the content on the page. Just use the HTML when displaying the number this way and it will be clickable.

Feel free to reach out to me if you need help with what is right for you, using this link.

Cheers!

--

--

--

Dreamer | Learner | Writer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Information Architecture Expl(AI)ned

Aarogya Setu 2.0

The importance of the glossary in a design team

Choosing Roof Shingle Color for Better Curb Appeal

Burj Khalifa — Escalators Journey Case Study

Sprint notes 3: sharing the love

From student to professional

A decade on: Print this, and bring it with you…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Aditya Agrahari

Aditya Agrahari

Dreamer | Learner | Writer

More from Medium

How I made a google clone in 2 hours

Project Holori

Stonecraft website. Part 3: Interface

Micro-website for a conference