Analysis of interactive design of brand website

Source: Internet
Author: User

Recently in the study of how the brand deduction, of course, look at the time did not forget the bank, analysis of their interactive design ~ ~

Louis Vuitton LV

The above picture uses the film to display many groups of information--blockbuster display brand rendering.
The use of film or similar album display, can display more information, visual focus on the top, with dynamic or scrolling selection to allow users to continue browsing.
More suitable for the theme eye-catching, brand magnified page.

The above diagram uses the detailed way of displaying the detail--the quality advantage of displaying the brand details.
The brand pays attention to the quality of the goods and the design of details. Use more than one diagram to show the different details of the same item, or even enlarge each button or cortical texture. The so-called good things are not afraid to see details, with small map to create a high quality of the user mentality.

The image above shows the entire item by clicking on a detail--emphasizing the details and the overall relationship.
Details and overall relevance, quality and style performance, in view of the details at the same time, you can compare the overall style, mutual integration. Sometimes when we do design, often pursue the "cool, dazzling" effect, in fact, in the performance of the essence of demand, there is no lack of novel performance.

LV's website design scene and starting mentality:

Overall brand image (tell you what I am) "Select the category you care about" look at the details quality "not only good quality, overall style better" guide purchase

Collect another example (Yoka):

Deductive collocation, can not simply push the user with good things, but to guide users how to match their own dress up. In other words, a simple collocation list may not meet the needs of the user.
The image above follows: What is your status (survey) and see what other people are like (talent show) How do you go with (Consulting guide collocation) Find your features and start to match (on the right side of the picture)

Think of what:

Sibe Learn to design a website, not only according to the logic of brand promotion, simple use of interactive skills to meet the needs of users. In fact, pay attention to the user shopping process, step-by-step use of realistic scene mode to guide may be better. A simple list design may be able to deduce a relatively rich user needs. Do not simply form to express demand, but should be in-depth analysis of demand, according to the user's real scene, more reasonable form of expression.

Gucci

The image above is a list of items--display brand trends with different shapes of similar items.
Brand Guide fashion trends.
Most of the time, everyone would say, "What's the epidemic this year?" Fringed? Stripes? ”。
It shows that the promotion of the brand characteristics of the articles and the display of the articles have certain relevance.
The figure is very clever to put the similar items together, reflecting the advantages of modelling. But this page has a unified characteristics, are metal accessories and fine with performance. It is a logical manifestation of the trend and the unity of the brand.

Imagine: different shapes or different types of shoes, put together, are simple items, to a unified list, there are pages.

The following figure, so you can not see the brand characteristics and modeling advantages.

What do you think of the above examples?
"Interaction is not just about page layout.
Interactive design to get a deeper understanding of the needs itself.
"Interactive design can change the simple things more people receive, TA not only passed the message, but also the interpretation of the connotation of demand."
A small improvement, which is afraid of just a simple list of partitions. As long as the appropriate treatment can be an unexpected harvest.
"Design can never be separated from the thinking user scene."
"Interaction can be considered more, how to balance product value and interface performance also have a lot of skills to use."



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.