people of dribbble, I'm redesigning my site and looking to create a unique, simple interface design. I want my nav to be just these icons: no hover state, no text, just an contextual experience for the user to learn, sort of trial-and-error. What are your thoughts? Can you guess what page each icon represents?
anchor was supposed to walk a fine line of literal: holding down who I am, my work vs. figurative: it just looks cool, simple representation outside general convention.
Pipe is spot on. I thought the anchor was "links" (aka: html anchor tags). Thought paper clip was "work." Wondered why you had links before your own content. Also, thought that was an old school ('97) link concept. The style, however, is fantastic.
21 Responses
Pro
matt yow
people of dribbble, I'm redesigning my site and looking to create a unique, simple interface design. I want my nav to be just these icons: no hover state, no text, just an contextual experience for the user to learn, sort of trial-and-error. What are your thoughts? Can you guess what page each icon represents?
about 1 year ago
I'm gonna guess that the (awesome) little pipe is your "About" page, the anchor is your Work and the paper clip is some kind of "Links" page?
about 1 year ago
Pro
matt yow
I'll divulge after a few more guesses. ;)
about 1 year ago
Pro
Mike Cummings
Oh man – love they pipe Matt :D
about 1 year ago
Pipe - about
anchor - home
paper clip - work
?
about 1 year ago
Pro
matt yow
Cory, Andrew, I figured the pipe would be obvious: its the about or info page. The anchor is work or portfolio. The paper clip is the blog.
about 1 year ago
Pro
Trevor Baum
This makes you look like a sailor who loves filing papers.
about 1 year ago
Pro
Sean McCabe
I got pipe = profile, paperclip = links. Couldn't get anchor. Just giving feedback, I know you said trial-error was your intention.
about 1 year ago
Pro
matt yow
@Trevor WINNER!
about 1 year ago
Pro
matt yow
anchor was supposed to walk a fine line of literal: holding down who I am, my work vs. figurative: it just looks cool, simple representation outside general convention.
about 1 year ago
Pro
Noe Araujo
i love the pipe
about 1 year ago
Pro
Kim Wouters
Wow. Fantastic work. I honestly thought the paperclip represented links as well, but oh boy, this is so amazing and original.
about 1 year ago
Pro
Anthony Lam
interesting idea!
about 1 year ago
Pro
Rick VanderLeek
what if the pipe fit the uniform line weight of the anchor & paperclip though? i like it, regardless.
about 1 year ago
Pro
Jeremy Buff
Love the pipe. Classy!
about 1 year ago
Pro
matt yow
also should've mentioned this is 100% scale
about 1 year ago
Pro
Daniel Post
What does it look like without the stroke?
about 1 year ago
so. good.
about 1 year ago
perfect
about 1 year ago
THAT PIPE!
about 1 year ago
Pro
Mark McCoy
Pipe is spot on. I thought the anchor was "links" (aka: html anchor tags). Thought paper clip was "work." Wondered why you had links before your own content. Also, thought that was an old school ('97) link concept. The style, however, is fantastic.
about 1 year ago