Mobile Web Design White Paper: In-depth understanding of user needs

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Do not feel that the current mobile phone site has become more and more pathetic? Now the mobile Web pages are basically turned into app accessories, the status is very poor. But now we have tools to change this bad situation, with the Mobile-first concept of the people, and response to design development, I believe that the future of mobile Web pages will have a more excellent user experience. But don't be so happy, if you don't get permission to use it, you won't be able to use the tools that will change your mobile Web page.

What makes our mobile Web pages difficult to improve? User habits are a big hindrance. The difficulty with mobile Web pages trying to be successful is that you have to get rid of the user's mindset of using browsers and programs on your computer, allowing users to accept a new way of browsing.

First have to admit that doing mobile phone web site thankless

We have to face the reality that it will take a lot of time and cost to optimize the mobile Web page in response design.

When we are faced with so many different sizes of screens, and considering so many different sets of performance, we need to spend too much time and cost to do different types of response design. Designers need to consider different page layouts, different ways of interacting, and whether users have the ability to use different devices to support the smooth running of the web, which takes a lot of time to test. But the cost of time and expense is inevitable, especially when developers want to optimize their pages on different specific devices. In fact, after such a long time, there is a complete opportunity to change the situation, but unfortunately, large companies are consuming too much resources in the mobile Web development model, they have lost the determination and motivation to change.

Change is difficult

Fear of change is one of human nature, not to mention now is a relationship between the real interests of the change, if the change is not successful, enterprises may lose hundreds of billions of markets, who dare to risk the body easily? Even if we spend a lot of cost and manpower to do the response design, we have no courage to challenge the user's habit of using This must be the traditional Web site to the user training for more than 10 years to combat the use of stereotypes! You go to a random user and ask him what the page looks like, and he will tell you, of course, that it's a 960-pixel-wide, comfortable mosaic of pages that can do many things and have a lot of practical and interesting content. And when you ask him what the Web page looks like, he probably only thinks about apps ... Users will describe the mobile web as a poor, small amount of content, mainly navigation. This is really a sad reality--all are called Web pages, mobile phone pages and the gap between the traditional pages so big miles?!

From the user's most fundamental need for you to change your mobile Web page

We must be down-to-earth in-depth understanding of the needs of users in order to the best opponents of the Web page for transformation. This is simple to say, but it is very difficult to do, we have to face the nature of the problem. Below, I will share what I think, how to change the way users use the mobile Web page habits-of course my point of view is only opinion, I hope you can discuss together.

To design with rational thinking

At first you have to imagine how your Web page will attract your target customers, and you must try your best to study your target customers ' needs. If users like the current use of mobile phones, you have to change their use habits, let them abandon a lot of apps and love the Mobile Web page, you must have a strong logic, your theory must withstand the constant scrutiny, behind closed doors to imagine a pattern, is absolutely to do the development of the taboo!

You have to understand what you're going to do now:

1. Let users discard their traditional habits of use.

2. Create a new thing that users can accept with your practical theory and strong logic.

In many cases, users cannot describe exactly what they want, but you have to think for themselves, to find out the real needs of users and the key to the problem.

Think with a sketch!

When you make a mobile website, you first have to create a sketch of the site. This helps the team to think about the feasibility of your theory, the logic and the flaws and mistakes. It's not a substitute for a user in a sketch, but it will help you get a clearer sense of what your Web page is all about.

#p # subtitle #e#

Mobile Website Design Blueprint Template

Below is a standard mobile website design steps Blueprint. In design, for different steps to use a different way of thinking, sometimes with independent decision-making, and some places to use divergent thinking and brainstorming. In the design, the team is bound to disagree, to accept this disagreement, because these disagreements can often collide with a lot of design highlights.

1. Setting goals and standards.

A. Priority-setting of tasks. This is directly related to the team's work efficiency, the limited resources can not be wasted on unlimited issues, to grasp the focus.

B. Define the target user. This is absolutely related to the problem of life and death, design must be in full compliance with their target user base needs.

C. Brainstorming. After the initial goal is set up, there will be more work to be done at the beginning of a full discussion, which can detect problems and prevent the unburned.

2. Start Drawing.

A. Scribble some stories about the product

Use simple strokes to draw any ideas you have about product design in the most direct and interesting way, which can also examine your understanding of the product and whether the positioning is clear.

The general number does not require too much, 2-3 people can spend 30 minutes while the discussion side of the drawing. Sketches as long as they are related to the product, the content can be unrestricted. You can imagine a story, such as you are a user, suddenly encountered a good product, and then abandoned the old products. Or what stories the user encountered when using the device or context in which you designed the product. Such sketches seem to be not closely related to the product, but in fact it is a divergent way of thinking that allows you to maximize the idea of the product you are designing.

B. Determining the actual design of the website

This content is done by team leader 2-3 people, not too long. By drawing a sketch of a site that may appear on the device, you will typically design three layouts to accommodate different mobile devices.

After designing the plate, the connection logic of the website content should be drawn.

This sketch no longer requires any divergent thinking, generally the final draft of the entire sketch should have team leadership or design authority, other members can participate in the discussion, but the final decision must be determined.

The meaning of drawing

Sketches can be designed to allow everyone in the team to participate in the recent, contribute their ideas, so that each team members feel that the product is personally involved in the design, enhance the cohesion of the team. And by sketching, so that developers are no longer behind closed doors, he will be able to directly face all the products of the scrutiny, so that the question. Through brainstorming, the problems encountered in the development process can be solved quickly.