As mobile de - 0 views

• 
  #1 lokeshkola on 12 Mar 17

   

  
  

  
  

  
  

  As mobile devices became commonplace, designers started simplifying

  
  

  navigation and hiding it under a hamburger menu. It’s a trend that’s also crept

  
  

  into the desktop version of websites.

  
  

  For example, the Squarespace site uses a navigational drawer across its site, regardless of device.

  
  

  As they point out, here’s a couple ways to tell if hiding global navigation is foryou:

  
  

  It’s understandable why this is appealing. Placing navigation under a hamburger menu makes a site cleaner, sleeker. And most people are familiar enough with the pattern. But this isn’t something that works for every site and can reduce discoverability.

  
  

  The consequences can be harmful for e-commerce sites and news sites, where discoverability of topics and items is critical to the experience. As explained in Web Design Trends 2015 & 2016, forcing users to open the navigation menu in this situation may create unnecessary friction.( Skyrocketing bounce rates on landing pages. Users won’t stick around if global navigation isn’t obvious, making it hard for them to browse the site. Web Designers should plan before wire framing key essential is to make users not to bounce of the page( Where users are clicking. Are they actually clicking the hamburger menu? If not and combined with high bounce rate, then you know something is amiss.

  
  

  You can

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  check the clicks with heatmapping tools from CrazyEgg and Usability
  Tools.( User behavior determines whether you should use a hidden navigation drawer on a full-desktop site. Don’t sacrifice usability and discoverability for pure aesthetics.

  
  

  www.vdc.net.in

  
  

  
  

  
  

   

  <div class="cArrow"> </div><div class="cContentInner"><div title="Page 1" class="page"> <br /> <div class="layoutArea"> <br /> <div class="column"> <br /> <p>As mobile devices became commonplace, designers started simplifying</p> <br /> <p>navigation and hiding it under a hamburger menu. It’s a trend that’s also crept</p> <br /> <p>into the desktop version of websites.</p> <br /> <p>For example, the Squarespace site uses a navigational drawer across its site, regardless of device.</p> <br /> <p>As they point out, here’s a couple ways to tell if hiding global navigation is foryou:</p> <br /> <p>It’s understandable why this is appealing. Placing navigation under a hamburger menu makes a site cleaner, sleeker. And most people are familiar enough with the pattern. But this isn’t something that works for every site and can reduce discoverability.</p> <br /> <p>The consequences can be harmful for e-commerce sites and news sites, where discoverability of topics and items is critical to the experience. As explained in Web Design Trends 2015 & 2016, forcing users to open the navigation menu in this situation may create unnecessary friction.( Skyrocketing bounce rates on landing pages. Users won’t stick around if global navigation isn’t obvious, making it hard for them to browse the site. Web Designers should plan before wire framing key essential is to make users not to bounce of the page( Where users are clicking. Are they actually clicking the hamburger menu? If not and combined with high bounce rate, then you know something is amiss.</p> <br /> <p>You can</p> <br /> </div> <br /> </div> <br /> </div> <br /> <div title="Page 2" class="page"> <br /> <div class="layoutArea"> <br /> <div class="column"> <br /> <p>check the clicks with heatmapping tools from CrazyEgg and Usability<br /> Tools.( User behavior determines whether you should use a hidden navigation drawer on a full-desktop site. Don’t sacrifice usability and discoverability for pure aesthetics.</p> <br /> <p><a rel="nofollow" href="http://www.vividdesignconsultants.com">www.vdc.net.in</a></p> <br /> </div> <br /> </div> <br /> </div></div>

  ...

  Cancel

To Top