addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1light-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Re: [ia-55] The Future of Menu Design

From: user 9.
Sent on: Thursday, July 5, 2012 11:49 PM
Take a look to twitter, desktop vs. touch phone vs. tablet. They are a really good example.
Notice the use of the  menus are placed depending on the UI and spec ratio.


On Thursday, July 5, 2012, Mike Takahashi wrote:
I'm not sure if abc.com is an example of an emerging trend. One of the biggest changes happened a few years ago with mega menus (http://www.useit.com/alertbox/mega-dropdown-menus.html).  If you'll recall, drop-down menus in the past were horrible, horrible experiences and many had huge usability issues.

Menu designs have seen a small shift within interactions due to touch devices on mobile/tablets and responsive design.  For example, drop down/mega menus with on hover actions don't translate well on touch devices. However, many sites also implement menus that open on click (http://uxmovement.com/navigation/why-hover-menus-do-users-more-harm-than-good/). Google is a good example of this usage pattern.  

For responsive design, the challenge is to redesign the menu layout to adapt to different devices.  The much talked about Boston Globe website (http://bostonglobe.com/) is an example of a site whose menu changes/adapts on different devices.


Mike Takahashi
Associate Director, Digital
UCLA Marketing & Special Events




On Thu, Jul 5, 2012 at 10:19 AM, aram brazilian <[address removed]> wrote:
Hi Guys,

I am trying to put together a report on website menu design.

I have seen a lot of changes in menu designs over the years and would like to see if there is a consensus on where things are heading and why.

I notice more sites are pointing their first level main navigation links to landing pages, as opposed to using a drop-down menu (sony.com) or fat nav (nbc.com) - an example of this is abc.com

Can anyone articulate the reason for this trend? Does tablet/mobile/responsive play a role?

thanks,

-Aram

PS - I added this as a question on Quora if you prefer to answer there...




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by aram brazilian ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about aram brazilian, visit his/her member profile
Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]





--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Mike Takahashi ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Mike Takahashi, visit his/her member profile
Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]


--
Mique

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy