Get some free email training and all of our regular content direct to your inbox!
Website Tips Series – Tip 7 Stop Hiding Your Navigation – Transcript
[00:00:01] Hi it’s Martin from Conceptual Creative. And today we are here to deliver a video in our Website Tips series. Each video in the series covers a single topic and is no longer than a couple of minutes in length. We plan to release a new video in this series every week for the next 10 weeks on our website at www.conceptualcreative.design and also on our sister site at www.doesmywebsitesuck.com.au. If you have any questions or want to learn about something specific why not reach out to us via email email@example.com. For now, lets look at this week’s Tip.
[00:00:48] In the last video in the series we discussed relocating social media icons to avoid losing your clients and visitors into the social media wasteland. In this video we’re going to discuss a huge trend we see more and more and that is hiding your navigation. With the mobile first design movement it is becoming commonplace to use what they call a “hamburger menu” on mobile devices for navigation.
[00:01:13] A hamburger menu is the three little lines you see at the top of a mobile friendly website. You click on the little hamburger symbol and the menu appears, hamburger menus are perfect for saving space on mobile devices which is what they were designed for. However, they don’t work so well for desktop users.
[00:01:34] With 90 percent of themes on the market you can set a different navigation style depending on the device. So whilst you would use a hamburger menu for mobile devices you really should use a normal menu system or a different type of menu system on larger iPad devices laptops and desktops. By using these style menus you are catering for those higher resolution screens and making it easier to navigate your website.
[00:02:03] If your website only allows one menu style for all items I highly recommend looking for an alternative theme or perhaps using a plugin to bridge the gap. Desktop users need links to click and navigate in the traditional sense. If you’re not sure how your menu works on different devices why not have a look at your website on a desktop computer then have a look at it on a tablet computer and finally on a modern mobile phone. This is also a great way to make sure that everything on your website is working as expected and providing a cohesive user experience.
[00:02:43] I hope you’re enjoying this series so far and that these tips are helping you to understand Web sites a little better. I would love to hear your feedback so feel free to leave a comment or contact me directly. iIn the next video, we are going to look at making links work for touch on mobile devices.