8 Tips for making your site friendlier to mobile devices

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. What 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 actual limitations, which means that http://www.aliyun.com/zixun/aggregation/18027.html "> screen size can only hold a few things, The very few things that visitors to your site want to see.

Centralized content

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 your site is content based on images?
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 many 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.

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 friendlier. 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, it's likely that users won't.

Eye-catching and clear content

Today, many 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/

Translator: Leegang

Source: http://www.ugoes.cn/8zhongtujingrangnidewangzhanduiyidongshebiegengyouhao-html.html