Product Requirements Design (for example, Thunder look at products) interactive design and visual design

Article Description: from product to design.

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 design and user experience of dribs and drabs! Hope that just entered the web design of this line of children's shoes help!

The main two aspects of the Talk:

1. Understand the design of product requirements (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 many know

2. Look at the users and relationships that designers face

3. Thunderbolt look at the 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 that after the design of what we have to help, what to pay attention to what matters and so on require the designer to understand the product, before getting a 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 that when we are designing, strict demands on themselves, a small error or a pixel drag will lead to a different conversion rate will occur, but also affect the site's user experience, so facing a large group of users, but also asked us designers to do the design of their own time to 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!

[1] [2] Next page