Analyze the visual experience of mobile web design

The variety or magnificence, or dazzling, or confusing, or impressive web design has been pleasing us for a long time. But one day we found something new--using a mobile phone to surf the web, look at the Web page on the phone, we saw a different web, this kind of Web page, we usually call them WAP page, this kind of page form with concise visual effects, clear page architecture and small component of the volume of the page for the first time to meet the needs of our mobile Internet.

But to a certain day of human history, the overwhelming number of iphones and so on and Android who have appeared, huge screen size, gorgeous interface show, with the finger to complete all kinds of operation, the history of the mission is not to call text messages, people shout "We want to surf the internet!" We need to give users a reasonable experience of mobile phone access, rich content and interaction. And because of HTML5 's "say is fast, that is and" the emergence of the times to create a heroic mobile Web debut.

(i) I am a continuation of the--mobile Web to undertake the visual experience of the Web

Taking www.deviantart.com as an example, she has been a part of countless designer lives, we have her on the PC and we need her on the phone.

The task of mobile Web is very important to meet the user from the PC to the mobile phone, the user on the personal computer, on the phone also look, for the "www.deviantart.com" such a long time accumulation of products, Her visual style has already formed an image in the user's mind, and our "M. deviantart.com" in mobile devices also need to continue this brand visual style.

From the example we see a good brand vision continuity, to help users in the use of mobile devices to access the site immediately establish a cordial visual experience and brand awareness. More importantly, the continuation of a good visual design can help users quickly navigate the various features they already know when using a Web product on their PCs, enabling them to quickly use the mobile web to complete their own interactive needs.

(ii) I am a reborn--mobile the innovation of Web vision Design

As a mobile web stage, the Iphone, So-and-So and Android have their own, various "rules and regulations", and their own way. Mobile Web Dance with their own natural, need to wear the dance they offer to dance with the king.

www.yahoo.com page effects and m.yahoo.com page effects

www.baidu.com page effects and m.baidu.com page effects

A good mobile web design, after continuing the consistency of its own brand, is one of the important factors in the success of the mobile device's brand visual characteristics. Consistency helps users get a seamless experience with the device itself.

In the image above, we see that portal products Yahoo and search engine products Baidu respectively on the PC side and mobile device side of the web and the wireless Web visual presentation is very different. A good mobile web design, after continuing the consistency of its own brand, is one of the important factors in the success of the mobile device's brand visual characteristics. Consistency helps users get a seamless experience with the device itself.

www.naver.com page effects and m.naver.com page effects

M.naver.com's many visual designs with mobile terminal features

Naver Mobile Web Vision design uses a lot of the visual features of the terminal itself, such as product links using app icon, all levels of the page navigation design and so on.

We can find that a good brand redesign, will also give the brand itself to bring more visual display of the possibility, but also ushered in a more authentic mobile Web, really for mobile design-"for users feel consistent and inconsistent to do the design."

(c) I'm a new mobile web--species

Once I was an avatar of the web, but my life on the mobile planet, I began to change, I had more of my own characteristics, and one day I finally realized that I was a new species.

Www.baidu.com Home and M.baidu.com Home

The need for users to use personal computers to surf the internet and use mobile devices to surf the web, because of the differences between usage scenarios, usage times, user groups, and so on, as well as the reverse push of mobile devices themselves may be increasingly different. So we see on the PC side Baidu home page does not have "novel" link, but in the mobile terminal Baidu home Page has an independent "novel" Channel.

Baidu novel Channel

Such differences have spawned a batch of mobile web-owned products that are designed to meet the strong needs of users on mobile devices, which no longer have the shadow of the familiar personal computer web design, and become the real mobile web.

WWW.GOOGLE.COM.HK Home and m.google.com.hk Home

Google mobile end of the perimeter search

(d) I am the app--mobile of Cloud Web app visual design

With the continuous development of the network, mobile web has ushered in mobile web app, no need to download, add me to the desktop, it becomes an app application.

Naver Mobile Web App

Mobile Web visual design into a comprehensive client vision design, mobile web and mobile web App visual design really Tiger mouse is not clear.

Mobile Web Prologue just opened, we all grab a seat waiting to slowly look down.

Reprint please specify from "Baidu Mux"