The analysis of user experience in Minisite--content layout

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Someone might think that anyway minisite just a few pages. There is no need to consider the layout of page information too much. But since it is the site, naturally want to make the page has a higher viscosity, and the user experience will have a certain impact. If the navigation of each page is creative but the user is inconvenient to use, then even the creative will be difficult to use because of the idea of not wanting to go on.

Web design, navigation bar should be like the navigation bar, the information area should be like the information area. No one likes to use the mouse to constantly try clicking on seemingly clickable areas. Here are some points to summarize:

Navigation bar

The website's navigation column is very clear: the navigation website, the user can quickly visit the webpage. The navigation also needs to be easy for users to find, and show the way also need to be efficient (all the content is stacked on the navigation bar will also make users feel the head big).

Reference website:

Content of

Even if you have read the "About Us" page and there are a lot of random links in the text, brother is still very puzzled whether this page is used for soy sauce. The most appropriate guess is that this is a personal introduction page, and the messy links and can not find the navigation bar, the elder brother could only be confused and puzzled to leave this site.

Self titled

Hidden menus and categories that are not clear cause web site navigation difficult to use. It will be very difficult for the visitor to find the category he wants to know.

Respect the old habits

The layout of the site can vary slightly, but too much change can be confusing.

Reference website:

Lego Click

The scrolling of a Web page is usually from left to right, from top to bottom. And this pit daddy's website starts from the bottom of the webpage. With the closed button and other minor issues that can't be turned off, you'll find the Lego site very confusing (albeit beautifully designed).

Kyle Tezak

This is another case where the visual effect is good but the bad user experience can cause visitors to get upset. There is no fixed navigation bar on the site, but just a floating fixed navigation bar (thanks to Ganglienong's correction). If you want to find contact information, you need to go to the bottom left corner to click "Information" (info). Using a more traditional approach will help enhance the visitor experience: for example, put an email address or change the copy to "contact information" or add contact information at the bottom of the page. This is a typical way to enhance the user experience in detail.

Use the first screen

The first screen is very important. Also do not say what because so, single look at the portal site quotation can know, often the first screen advertising price is two screen twice times!

Reference website:

Bio Bak

This is another Web site that you can drag to navigate, and obviously it feels very good about the way you navigate. It's a good web site from a visual/fun perspective, but the design company has designed a poor user experience navigation: You have to use the mouse wheel to see more content than the first screen.

Clickable content

First, the link should look like a link. Do not let the user hold the mouse on the page roaming on the search (through the mouse pointer shape into a hand type). More extreme: There is no joint type. In particular, note the hit area of the button in Flash.

Reference website:

Prism Girl

Sites with poor usability often have the same common problem. When the elder brother in such beautiful website cannot see the navigation, had to use the mouse to poke the way to look up the link. This site is beautiful but also very complex, complex to we need to spend one hours to find links, but you may not guess to click on the icon to follow the mouse to enter the site. Also, this site does not provide a gross content other than impressive design!