On the design and user experience of Thunder look

Many web designers think they can do the design, and other things can not be ignored and learn, it is wrong! A good designer, must understand the product itself, the related interactive structure and the user experience and so on common sense! So that designers design things to go into the product to avoid not making mistakes! Design source Life and thinking , also as a web designer, to continue to learn, think, analyze products to design a better work!

Here mainly to look at the Thunderbolt products as an example, talk about the design and user experience of the dribs and drabs! Hope to have just entered the web design of this line of children's shoes help!

The main two aspects of the Talk:

1. Understand the product requirements design (thunder look at the product as an example)

2. Interactive design and visual design

First of all, the first aspect:

Understand product requirements Design (thunder look at the product as an example) and mainly from four points to analyze the description:

1. Thunder See how much know

2. Look at the users and relationships designers face

3. Thunderbolt Look at Design requirements

4. Thunderbolt look at the specific specifications

1th: Thunder See how much know

Thunder to see with Youku, odd art, potatoes, cool 6, such as video sites, the most technical difference is what? Thunder to see and Youku, potatoes, cool 6 and other video sites from the content of what is the difference? Thunderbolt look at the user's use of the computer resolution ratio? We know what's going to help us with our design, Should pay attention to what matters and so on need the designer to understand the product thoroughly, only then obtains the better conclusion!

August 2011 Data: Site Rankings

The authoritative Data monitoring agency, Eric, offers

August 2011 Data: Thunder Watch player Rankings

Thunder look ranked third in all video sites to see the player ranked second! Traffic and the user is so large, some people will ask what's the matter with our designer? Of course not! This requires us to design the time, strict demands on themselves, a small error or a pixel drag will lead to a different conversion rate appears, will also affect the site's user experience, so for a large group of users, but also require US designers to do the design of their own time to be more rigorous attention to product details.

Thunder look at the architecture line

Understand the Thunderbolt look at the product frame line, designer design time to deeply deal with the relationship between each other and style of unity!

Also need to understand the Thunder look at user resolution, browser, user operating system of these data, so that we can more easily do cross-platform design.

2nd: Look at the users and relationships that designers face

As a designer, not only need to understand the product of the user groups, designed to meet the user taste style, of course, but also in line with the characteristics of the product's own style positioning! But what is more important is that you know what the product manager wants for a product, and how to handle the relationship between them, so that you can design a good product!

3rd: Thunderbolt Look at the design requirements

Unity of the main tones

As we all know, thunder look at the main color is blue, design attention to maintain unity. Like Sina is yellow strange art is green potatoes is yellow, Youku is blue, and so on, have their own tonal system!

Overall grasp

Understand the entire Internet video site style positioning and direction, combined with its own characteristics, do, the content of the largest, the user experience second, the last is visual design.

4th: Thunderbolt Look at the specific norms

Logo, Word spacing, page size, version spacing, each pixel, link color, font, picture size, icon, the overall visual style and so on are subject to attention and orderly unity.

Style of unity, can be said to be the unity of detail, details determine success or failure!

Next, the second area:

Interactive design and visual design mainly from four points to analyze the description:

1. What ued

2. The importance of user experience

3. The relationship between interaction and visual design

4. How to improve your ability to interact

1th: What is ued

The user experience (userexperiencedesign, referred to as ued) is a purely subjective psychological feeling that is established in the user's use of a product (service). Because it is purely subjective, there is a certain degree of uncertainty.

The user experience is mainly from the user and Man-machine interface interaction process.

In a word: User-centric, people-oriented

2nd: The importance of user experience

1, improve the user's return rate (user viscosity);

2, enhance the influence of brand temperament and the user's sense of honor (Word-of-mouth);

3, improve the product's ability to continuously gain profits

4, improve the product's customer satisfaction, for the brand to bring an invaluable reputation;

5, enhance the user loyalty to the brand and trust degree;

6, reasonable and efficient promotion of user clicks Desire

7, is to surpass the competitor most far-reaching influence one important aspect

3rd: The relationship between interaction and visual design

User experience to user-centric, interactive design is designed around the user experience, and visual design is interactive design as the center!

It can be said that the absence of interactive design, the user experience of the design, must be a failure of visual design,

Even if you have a good visual design and then cow B, it is just the superfluous!

The interaction design is proportional to the visual design,

Good design, inseparable from good interaction design to do the cornerstone! Interactive design requires us to be meticulous, visual simple and refreshing, easy to learn, when he is a picky, stupid users.

4th: How designers improve their ability to interact

1. Look more, use more, study the User Experience good website (such as Amazon.com, Yahoo.com)

2. Do design time, constantly drop thinking and deliberation whether there can be better improvement, let the vision and experience to get the perfect release!

3. Analyze the competitor of the website, the same thing it is good where, why do so!

4. Design flowchart Capability

5. Ability to express

Always clear improvements, user and data relationships

"Improvement" is the means, "user" is the core, "data" is based.

Examples of how design can improve their ability to think and interact independently

Thunder 7 on the interaction and experience on the problem

Thunderbolt 7 "Download complete after Shutdown" button set to complete, jump out of the prompt box. When you operate, rough operation! It's easy to see "shutdown after cancellation" and "close" button too close, the user is easy to operate incorrectly; Close button white, not obvious, easy to ignore!

Next, the designer will be able to solve this problem! The following figure:

We just move down the position, turn off the button to change the background color color system deeper color can be, color is not abrupt! Cancel the completion of the shutdown "text can also be refined into" cancel open "can, the user is very good understanding, it and the previous sentence echoes of the relationship!

When you do this, it's not enough! Can you be better? Then the designer needs to think! Can the user experience be more perfect!

We all know that in the web design yellow generally means "warning, hint, reminder, inform" the meaning, and Green said: "Access, health, environmental protection, success," The meaning of GU hint box color problem, it is easy to be ignored, not to reach to inform, prompt the user's purpose! And it's not hard to find The location of the prompt box also has a problem, the user rough a look do not know where the hint from! Found the problem, then we can be more in-depth solution!

The following figure:

This way, the user is easy to operate, easy to find. To achieve the purpose of your design!

Summarize

Designers need to think, do every step is a reasonable process,

Designers need to understand that only by understanding the characteristics of the product in order to make a better design

Designers need to improve their ability to interact so they can avoid making mistakes.

Designers need continuous learning, improve their aesthetic ability and practical ability