Do not make these mistakes in Mobile Menu Design (1)

Source: Internet
Author: User

Do not make these mistakes in Mobile Menu Design (1)

When we want to make the user navigation of a mobile website more intuitive, we will face the challenge of too much content and too little space.

The latest trend in mobile e-commerce platform design isHamburger icon"To display the category menu, which may enhance the scalability of the home page and realize the jump between the home page and the menu.
 

The switchable menu key is a good way to merge navigation into each page. Considering the growth of mobile search requirements, and 43% of mobile phone mailboxes are opened (Data Source Litmus ), therefore, it is vital to maintain those users who directly access your website pages and are not familiar with your mobile website. Such a hamburger menu is a good idea-and it is customary, but the question is how to apply it to your design.

What to do: Tell the user where to start

Buckle can recognize visitors for the first visit and draw their attention to the menu key. Even if the visitor does not know the function of the hamburger menu, they know that this is a good starting point and will soon find that it is used to control classification navigation.

What you cannot do: you cannot tell the hamburger menu or Website logo
 

Despite the increasing popularity of mobile correction, Internet users are used to the distribution of desktop web pages, and think that the top left corner is the logo position. Putting the "hamburger menu" on the left of the logo is a big taboo.

How do I know that "DISCOUNT DANCE SUPPLY" is a navigation, not a brand logo.
 

The navigation to the right of Forever 21 logo is easy to understand, but the hamburger menu on the Left does not look like a clickable element.
 

Ditto Spanx. Check out this website.
 


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.