4

I just thought about the this: We have dozens of well known icons for nearly each and every thing. All those icons normally are inside some sort of "navigation" (bar/menu/etc.). But what's the icon for Navigation itself?


The idea behind such an icon comes from small screen devices. If you need to hide your navigation to save space on the small screen, then best would be to only show it when the user needs it. And an icon is in most cases smaller than "nav" or any other word.

1
  • Good interesting general question, but in your specific case, is it definitely not enough to just communicate the much simpler idea of opening up more options? If the goal is to catch the eye of people looking to browse more things, what works best might simply be a [>] (or maybe [+]?) button that gets across the idea of "More here". They'll understand what the navigation element is and what to do with it when it opens. In general it seems more likely that people would think "I want to see what more there is" (task-based focus) than "I want to access a navigational element" (form-based focus) Commented Apr 12, 2012 at 16:52

5 Answers 5

3

Netscape Navigator used to use a ship's helm (the steering wheel):

enter image description here

3
  • Why was this voted down? A ship's helm is as traditional as it gets when talking about navigation as a concept. Commented Sep 12, 2011 at 18:41
  • See updated Q..
    – kaiser
    Commented Sep 12, 2011 at 20:47
  • I don't know why this was voted down, but I remember it was years before I twigged the connection between using the internet -> browsing online -> browsing -> navigating / exploring -> Renaissance-era Age Of Exploration -> large wooden ships -> ship's wheel... Likewise for compasses and safaris... and when I twigged the Netscape thing while reading an article I remember actually thinking "Oh! That's why IE was called Internet Explorer"... Might be a generational thing: Netscape was before my time, I think of such things in terms of the concrete task in hand (which is rarely nautical). Commented Apr 12, 2012 at 16:59
2

Interesting academic question, but in practice, there should never be a need to explicitly label/iconize navigation as the navigation should be self evident.

3
  • See updated Q..
    – kaiser
    Commented Sep 12, 2011 at 20:50
  • In terms of small screens, I often seen an 'eye' used as a show/hide icon for the nav toolbar. Not sure I agree with it conceptually, but seems to be gaining traction at least on iOS as a norm.
    – DA01
    Commented Sep 12, 2011 at 22:30
  • I think that would make a better answer than comment. anyway +1
    – kaiser
    Commented Sep 12, 2011 at 22:38
2

Lauren has an excellent answer, a ship's helm is as low-level as it gets, even today, but I think users are much more sophisticated than they were when Netscape was on top of the browser list.

I think one reason why you might have a problem getting a firm answer is that "navigation" is still only a verb. It isn't enough to say one is "navigating", one has to be navigating something—be it an ocean, the home directory on a computer, or even something conceptual like tax law.

"Navigation" really needs to be applied to an object or concept in order for it to have meaning, and knowing that is what really informs the type of icon to be used.

UPDATE per OP: The "nav" icon would be smaller, but the more relevant issue there is that an icon doesn't need to be localized like a string would need to be (i.e., What is the translation of "nav" into any of the Cyrillic, Asian, or Latin languages?). An icon would be much easier to handle in such an instance (though the icon could change based on the cultural standards of the user).

Even then, you are still talking about navigating the interface of a device, which is different from a lot of other tasks, and that narrows down your choices quite a bit, which I see as a good thing here. The context of "nav" would change to meet the needs of the device and the application the button is seen in. Even taking @DA01's comment about the use of an eye, that could change in a camera or image-editing app in very short order.

I don't think you are ever going to find The One True Icon to represent the concept of "navigation".

3
  • Philip makes a good point. What's the context of needing a navigation icon? Commented Sep 12, 2011 at 19:42
  • See updated Q..
    – kaiser
    Commented Sep 12, 2011 at 20:47
  • Thanks for your update +1. It's not about finding the "one and only" icon. I just thought about it. It's more like "let's hear what other thoughts are around".
    – kaiser
    Commented Sep 13, 2011 at 0:00
2

Good alternatives, if you didn't want the ship's wheel for any reason, might be a compass rose, a dual- or triple-armed signpost, or even a sextant.

Depending on the context, an eyeball tends to work well for anything that's hidden, as DA01 mentioned. I'd have to agree that in an imaging application that might not be the best, though.

0
2

I've seen a lot of people recently using three horizontal lines in a box (a 'list') as a Navigation.

i.e. the Facebook mobile app has this button permanently in the top left to slide in the navigation side bar.

Variants include: four horizontal lines, the top one longer (like a title), or two horizontal lines inside a box with no base (e.g. below, like a pop-up box).

Many Android phones have this iconography literally carved into their physical menu buttons (see pic below). The menu button itself is being phased out, but the iconography has been widespread enough that it would be surprising if it doesn't feature in more and more on-screen menu buttons.

Android phone publicity photo (Samsung Galaxy)

3
  • +1 because: it's common practice already so will be familiar, it resembles the interactive element it represents so you get the benefits of concrete perceptual stuff like affordances, it doesn't rely on metaphors. Commented Apr 12, 2012 at 17:05
  • Rather than using "common practice," I think it should be identical to what is used for the parent application/OS/device.
    – horatio
    Commented Apr 12, 2012 at 19:34
  • In the UX community, this icon is called the hamburger and it's been used enough that it has entered the zeitgeist of mobile phone users.
    – Voxwoman
    Commented May 24, 2017 at 14:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.