For website builders, mobile priority means they prioritize attracting mobile phone users over PC users. If users want to connect with websites, they prioritize recommendations from mobile websites.
In context of mobile first, a large number of users will have access to mobile websites. This poses a new challenge for mobile website design: mobile website needs to be more friendly i.e. mobile friendly website.
How about making your mobile website more user-friendly? The Fangwei network has summarized eight tips.
Mobile site design
1. Can be displayed on all mobile devices
Mobile devices include not only mobile phones, but also tablets, various browsers, large screens, etc. Although mobile phones are main mobile devices, other mobile devices cannot be ignored.
Before launching a mobile site, it needs to be tested. You can use responsive website testing tools like DesignModo, ZooExtension, StudioPress, etc. to make sure website can display properly on all mobile devices.
2. The mobile site is easy to interact with
The mobile website screen is relatively small and there is no physical keyboard, so some operations that are easy on a PC may be difficult on a mobile phone.
For example, to enter a date into a form, you can directly use keyboard to enter it on a PC, but you should avoid this operation on a mobile phone, and you can select date by scrolling or sliding. In conclusion, mobile websites should minimize use of keyboard by user.
3. Single-level navigation depth design
Many desktop websites have a lot of navigation design depth, consisting of more than two or even three levels. But mobile sites should avoid this kind of design.
Firstly, clicking on more levels from mobile phones is inconvenient and inconvenient. Second, mobile phone users don't have same patience as PC website visitors: they won't work "three times" or more to find information they need.
Therefore, navigation design of a mobile website should be based on "one-click direct access" design idea, one navigation corresponds to one page.
4. You can return to main page at any time
Because, as mentioned above, a mobile website is a one-layer deep design that will cause some difficulty for users to return to home page.
For example, if user is already on a page, if they want to go back to home page, they need to constantly press back button on their mobile phone, which is clearly unfriendly.
For this reason, one page of a mobile website should have a back to home button or a back to top button that can be accessed with a single click. Especially some pages are longer and should have this design.
5. Is it easy to search and fill out form
No one likes to use virtual keyboard to enter a lot of text, so mobile voice can shine on mobile phones.
Some scenes require keyboard input. For example, form input, currently design is requiredYou can convert to convert keyboard input to sliding operation input, such as sliding date picker mentioned above.
Another way is smart filtering and reminders. For example, when searching for mobile e-commerce websites, you only need to enter a small amount of information, after which additional parameters will appear, and user only needs to select .
6. Image scaling
It is appropriate for mobile website image design to be in zoom mode. Because screen is small, some users want to be able to view image details and zoom in on image. Especially when designing e-commerce websites for mobile phones, many e-commerce users like to look at details.
Thus, website designers must understand and balance image quality and image size.
7. All content can be played on mobile devices
Some types of content, especially videos, may not play on all mobile devices. For example, Flash does not work on many mobile devices. This also works for unsupported video formats. If your content doesn't play, it's very frustrating for mobile users and ruins browsing experience. Thus, it is better to use HTML5 tags for all audio and video content.
8. Portability of complex tasks
The advantage of a mobile website is that it can be accessed at any time, but some complex tasks users want to perform on a PC or due to privacy reasons, they will not use it on a mobile phone. Therefore, mobile sites must meet needs of users.
For example, in a job search website, when users view information, they want to send job information to their email for saving, and mobile website pages must have corresponding functions. Finally, in some mobile website usage scenarios, it may be convenient for visitors to transfer information to other devices.