Research on the redesign change and design essentials of mobile Web navigation

Source: Internet
Author: User

Article Description: Navigation Changes-Mobile site navigation design.

Navigation is one of the most important parts of Internet website, it involves the information architecture, page layout and user interaction behavior of the product. The advantages and disadvantages of a website user experience are often closely related to the advantages and disadvantages of navigation.

With the development of mobile Internet, more and more Web sites are transplanted to mobile phones in the form of mobile websites. In the process of website transplant, what changes and design points of the redesign of navigation, this article tries to make some research.

The purpose of the navigation

Before we study the navigation, we might as well start with the purpose of navigation. If you compare a site to a building, navigation can be regarded as a guidance system in a building. The purpose of navigation is summed up mainly in the following aspects:

1. Guide the user to move and browse through the pages of the website, and provide the path of obtaining information. Global navigation, local navigation and so on for the user to browse the relevant pages to provide guidance to facilitate the user to find the request.

2. Clarify the relationship between the content of the site, so that users understand the site panorama. Most common in the global navigation and site information navigation, they show the entire site directory information, users can quickly understand the structure of the site, the site has the overall grasp.

3. Locate the user's location in the site. This feature is common in breadcrumbs and related navigation, and it helps users to identify the relationship between the current page and the overall content of the site, so that users understand the current page and other content of the site's links and differences.

The reason for the change of navigation

The reason for navigation changes from PC end to mobile end is the difference between objects (hardware and software differences), landscape (usage scenarios and modes of operation), things (user needs and use purposes). These factors are intertwined and have a significant impact on the navigation design of mobile terminals.

This paper attempts to illustrate the changes of PC End-to-end navigation design from the aspects of type, content, style and so on:

I. Changes in common navigation types

Web navigation is divided into different dimensions. Web navigation can be divided into three categories according to the scope of action: Structural navigation, relevance navigation and utility navigation. According to the Web navigation design, the relationships of the three can be described as follows:

According to the external form of the different, Web navigation can usually be divided into top horizontal navigation, side bar navigation, tab navigation, breadcrumbs navigation, page anchor navigation and many other forms.

As a result of mobile terminal characteristics, mobile Web site can be used by a lot less than the PC side, mainly vertical navigation, classification link Navigation, tab navigation, related navigation and so on.

[1] [2] [3] [4] Next page



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.