Streaming live at 10am (PST)

UX Discussion - The "Hamburger" icon


#1

Been slowly working on my new portfolio site piece by piece. I came across this article that spoke about the "Hamburger icon".

http://exisweb.net/mobile-menu-abtest

"research from Nielsen Norman Group shows: Users are very familiar with the magnifying glass icon for search, but “Users are still unfamiliar with newer icons, including the three-line menu icon and the map-marker icon”.

So here is what I made:

thoughts?


EDIT: Added the open state.


Want a freebie? Here's a NAV Button interaction
#2

Like it. Seems like a good way teach what a new icon does =)


#3

Nice one @PixelGeek, one can never under/overestimate the user smile


#4

Oh, like the updated version


#5

That's a fantastic solution to the problem. Good job.


#6

Love your menu styling. Excellent work.


#7

Really great approach. I've been using the same palette on my new portfolio also. Speaking of UX, interested in which sites you reference for your UX studies and metrics.


#8

It makes total sense. I watched someone last night looking at a website with the Hamburger. I had to tell them what to do. I like what you did. I'll implement it today.


#9

Love it! Would be great if @TStanwood or anyone else wants to share this implementation in Webflow. Maybe I could sweeten the deal by promising a Webflow t-shirt to those that participate?


#10

I wish I could see how you accomplished something like this.


#11

http://spaceshipspaceship.webflow.com/

https://webflow.com/design/spaceshipspaceship?preview=479e1b771d56b153acd35a42a31dc681

enjoy wink


#12