Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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


EDIT: 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.

share|improve this question
    
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) –  user568458 Apr 12 '12 at 16:52

5 Answers 5

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".

share|improve this answer
    
Philip makes a good point. What's the context of needing a navigation icon? –  Lauren Ipsum Sep 12 '11 at 19:42
    
See updated Q.. –  kaiser Sep 12 '11 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 Sep 13 '11 at 0:00

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

enter image description here

share|improve this answer
    
Why was this voted down? A ship's helm is as traditional as it gets when talking about navigation as a concept. –  Philip Regan Sep 12 '11 at 18:41
    
See updated Q.. –  kaiser Sep 12 '11 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). –  user568458 Apr 12 '12 at 16:59

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

share|improve this answer
    
See updated Q.. –  kaiser Sep 12 '11 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 Sep 12 '11 at 22:30
    
I think that would make a better answer than comment. anyway +1 –  kaiser Sep 12 '11 at 22:38

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.

share|improve this answer
    
+1 for compass roses. They're lovely. –  Lauren Ipsum Sep 12 '11 at 23:53
    
+1 for another alternative –  kaiser Sep 12 '11 at 23:58

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)

share|improve this answer
    
+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. –  user568458 Apr 12 '12 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 Apr 12 '12 at 19:34

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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