Mobile browsing feature website: Most popular and has a huge impact on usability

Source: Internet
Author: User
Tags compact key domain name

Web page Production WEBJX article introduction: improve the mobile phone web interface friendly method.

Currently, mobile browsing has become increasingly popular, and it will be your first priority to start optimizing your site to better suit the mobile platform and its limitations. There are a number of simple ways to improve your mobile browsing site, while not too many changes to your site, this article explores one of the most popular and can have a huge impact on usability 8.

Streaming layout


Making your website liquid width layout is an important step towards making your site move toward a friendly mobile device. Not only does it discard the extra dead space around your site, he can also make it look at many different platforms and resolutions. So what exactly does the fluid width mean?

Fluid width, as the name suggests, is that your Web site can be stretched by the size of the browser to relax the degree of contraction. How easy it is to implement depends on your current settings and layout. If you have a simple and easy-to-use layout, the only thing you can do is to change the width attribute in the CSS style sheet to the percent to achieve its effect.
No messy ads.

Messy advertising is a major issue on the mobile platform, even if the original layout of the page is not destroyed, the end user can see more ads than content. There is a simple patch to hide this clutter without having to create a specific version of the mobile site. You can also create CSS stylesheets for handheld devices, which are invoked by judging the resolution size of the terminal.

Whether you use one, you should always remember that most handheld mobile devices have a real-life limit, which means that the screen size can only hold a small number of things, and that the very few things that visitors to your site want to see.

Content in a set

Focus your content because it is the mobile device users immediately see the key. Many web sites for mobile devices tend to stick to a lot of unnecessary clutter, such as images or ads, but as webmasters must understand, it's important to show what visitors are most concerned about.

If the user is accessing your site from a mobile phone and not connected to a wired network, bandwidth is limited, which means that the user will choose the site he or she wants to visit, rather than their access to those sites on the desktop.
This means that you need to make sure that your site is using mobile browsing to occupy a small amount of bandwidth, which means that the image should be limited and the text content should be focused. What if the content of your website is based on an image?
If your site is based primarily on images, your first priority is to create an independent mobile Web site optimized for mobile platforms-by reducing image size and high compression. An alternative is to create applications that allow mobile devices for third party applications (apps), which may be a useful tool for your users.

Cross-platform friendly link links and effects

As new network tools and effects continue to expand, it is hard to show information without beautiful hover hints or drop-down navigation or even a small window with JavaScript popup. However, for users of mobile devices, these effects and tools may not be available on their platforms, which leads to a lot of useless links and tools. A simple solution is to always provide alternatives to users who cannot view or use them.
Some mobile devices allow JavaScript, but at your site you can't use your original results anyway, so the best way is to detect the type of platform connected to your site, disable or change certain types of tools and effects to fit better.

Keep your pages short and compact

Long pages for mobile devices must be a huge setback, because it takes a lot of time to load a page. So keeping your pages short and compact can make your site accessible across platforms-even on a device with a very low Internet connection. Because the last thing users want to do is wait for the web to load, rather than spend time browsing the web.
A thorough navigation

As is known to all, because its keyboard or virtual keyboard is not convenient to use, input in most mobile devices is a real pain. Therefore, building a thorough navigation for your site is a key link that can make your site's mobile experience more user-friendly. If you provide a lot of content, you need to make sure that users can browse them without using a search engine. If you can't find some parts of your site without a search, chances are that the user will not be able to.

Eye-catching and clear content

Today, many of the new mobile devices are touch screens, which means that users will be able to use their fingers to navigate their devices and your site. If your site's content and links are not eye-catching enough to be clear, navigating through your site will be a pain.
To prevent this from happening easily, try to eliminate the links that are scattered in the article or paragraph because they are surrounded by plain text and difficult to tap or hold. Instead, place these links above or below the text theme, and make sure they are large enough for users to click on them without bothering them.

Short and easy to remember links

This is another input-related issue, and if the user wants to enter a long URL to your site, chances are they won't. As mentioned earlier, typing with a keyboard or virtual keyboard is not suitable for long blocks of text, so make sure your site has a short, easy to remember domain name. Also, it is ideal to avoid input work on your site as often as they visit your site through quick guidance or reference information.

Original text (English) Link:

http://designreviver.com/tips/8-ways-to-make-your-website-mobile-friendly/



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.