{"id":1031,"date":"2013-02-19T08:00:40","date_gmt":"2013-02-19T14:00:40","guid":{"rendered":"http:\/\/juneux.com\/blog\/?p=1031"},"modified":"2018-07-21T14:36:22","modified_gmt":"2018-07-21T19:36:22","slug":"1031","status":"publish","type":"post","link":"https:\/\/juneux.com\/blog\/2013\/02\/1031\/","title":{"rendered":"5 Examples of Photos in Megamenus"},"content":{"rendered":"

Done right, megamenus<\/a> are an elegant way to display a ton of navigation. I have noticed lately that more and more companies are integrating photos into their megamenus as well.<\/span><\/p>\n

For users on tablets \u2014 or those who are just more visually-oriented \u2014 including images of your products, your product categories, your people, or your most popular links is a great way to make your site more easily understood.<\/p>\n

Besides… they say a picture is worth a 1000 words, right?<\/p>\n

Starbucks<\/a><\/h2>\n

\"Starbucks<\/a><\/p>\n

Use caution implementing an exact replica of Starbucks\u2019 megamenu. There are 2 usability flaws<\/strong> to note. First, if the megamenu drops below the fold on smaller screens, there is no way to scroll down to see links on the bottom of the menu. Second, if you move your mouse to the left or right too far, the entire menu disappears. It would be better if the black bars on either side weren\u2019t there. (Visit the site to see what I mean.)<\/p>\n

Porsche<\/a><\/h2>\n

\"Porsche<\/a><\/p>\n

The photography is gorgeous , but be weary of flyout menus<\/strong>. I have yet to see a menu that flies out horizontally like this perform well in a usability study. Too often, users struggle to align their mouse perfectly in order to reach that third tier of information.<\/p>\n

Gateway<\/a><\/h2>\n

\"Gateway<\/a><\/p>\n

Simple always wins.<\/p>\n

Moment Skis<\/a><\/h2>\n

\"Moment<\/a><\/p>\n

I adore the concept of using a windowshade to navigate. Make sure it’s not the only way users can navigate though… they may not notice<\/strong> (or have the energy) to keep clicking for more. There is more work to do on the analytics side in order to track user behavior, but this application might be worth it for your situation.<\/p>\n

Head Case<\/a><\/h2>\n

\"Head<\/a>
\n“Head Case” was a TV show on Starz back in 2007-2009. I have no idea how I originally tracked down this website because I have never heard of this show. None the less, I bookmarked it for its cool megamenu. (The actors animate on mouse-over.)<\/p>\n

Share this post:
\n\"\"<\/a>\u00a0\u00a0\"\"<\/a>\u00a0\u00a0\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Done right, megamenus are an elegant way to display a ton of navigation. I have noticed lately that more and more companies are integrating photos into their megamenus as well. For users on tablets \u2014 or those who are just more visually-oriented \u2014 including images of your products, your product categories, your people, or your … Continue reading “5 Examples of Photos in Megamenus”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[35],"tags":[],"class_list":["post-1031","post","type-post","status-publish","format-standard","hentry","category-user-experience-design"],"yoast_head":"\n5 Examples of Photos in Megamenus - June UX<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/juneux.com\/blog\/2013\/02\/1031\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Examples of Photos in Megamenus - June UX\" \/>\n<meta property=\"og:description\" content=\"Done right, megamenus are an elegant way to display a ton of navigation. I have noticed lately that more and more companies are integrating photos into their megamenus as well. For users on tablets \u2014 or those who are just more visually-oriented \u2014 including images of your products, your product categories, your people, or your … Continue reading "5 Examples of Photos in Megamenus"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/juneux.com\/blog\/2013\/02\/1031\/\" \/>\n<meta property=\"og:site_name\" content=\"June UX\" \/>\n<meta property=\"article:published_time\" content=\"2013-02-19T14:00:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-21T19:36:22+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2013\/02\/pictorial_nav_starbucks.jpg\" \/>\n<meta name=\"author\" content=\"Kristine Remer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@kristineremer\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kristine Remer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/juneux.com\/blog\/2013\/02\/1031\/\",\"url\":\"https:\/\/juneux.com\/blog\/2013\/02\/1031\/\",\"name\":\"5 Examples of Photos in Megamenus - June UX\",\"isPartOf\":{\"@id\":\"https:\/\/juneux.com\/blog\/#website\"},\"datePublished\":\"2013-02-19T14:00:40+00:00\",\"dateModified\":\"2018-07-21T19:36:22+00:00\",\"author\":{\"@id\":\"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb\"},\"breadcrumb\":{\"@id\":\"https:\/\/juneux.com\/blog\/2013\/02\/1031\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/juneux.com\/blog\/2013\/02\/1031\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/juneux.com\/blog\/2013\/02\/1031\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/juneux.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Examples of Photos in Megamenus\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/juneux.com\/blog\/#website\",\"url\":\"https:\/\/juneux.com\/blog\/\",\"name\":\"June UX\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/juneux.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb\",\"name\":\"Kristine Remer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/juneux.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g\",\"caption\":\"Kristine Remer\"},\"description\":\"Kristine Remer is a CX insights leader, UX researcher, and strategist in Minneapolis. She helps organizations drive significant business outcomes by finding and solving customer problems. She never misses the Minnesota State Fair and loves dark chocolate mochas, kayaking, escape rooms, and planning elaborate treasure hunts for her children.\",\"sameAs\":[\"linkedin.com\/in\/kristineremer\",\"https:\/\/twitter.com\/kristineremer\"],\"url\":\"https:\/\/juneux.com\/blog\/author\/klremer\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Examples of Photos in Megamenus - June UX","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/juneux.com\/blog\/2013\/02\/1031\/","og_locale":"en_US","og_type":"article","og_title":"5 Examples of Photos in Megamenus - June UX","og_description":"Done right, megamenus are an elegant way to display a ton of navigation. I have noticed lately that more and more companies are integrating photos into their megamenus as well. For users on tablets \u2014 or those who are just more visually-oriented \u2014 including images of your products, your product categories, your people, or your … Continue reading \"5 Examples of Photos in Megamenus\"","og_url":"https:\/\/juneux.com\/blog\/2013\/02\/1031\/","og_site_name":"June UX","article_published_time":"2013-02-19T14:00:40+00:00","article_modified_time":"2018-07-21T19:36:22+00:00","og_image":[{"url":"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2013\/02\/pictorial_nav_starbucks.jpg"}],"author":"Kristine Remer","twitter_card":"summary_large_image","twitter_creator":"@kristineremer","twitter_misc":{"Written by":"Kristine Remer","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/juneux.com\/blog\/2013\/02\/1031\/","url":"https:\/\/juneux.com\/blog\/2013\/02\/1031\/","name":"5 Examples of Photos in Megamenus - June UX","isPartOf":{"@id":"https:\/\/juneux.com\/blog\/#website"},"datePublished":"2013-02-19T14:00:40+00:00","dateModified":"2018-07-21T19:36:22+00:00","author":{"@id":"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb"},"breadcrumb":{"@id":"https:\/\/juneux.com\/blog\/2013\/02\/1031\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/juneux.com\/blog\/2013\/02\/1031\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/juneux.com\/blog\/2013\/02\/1031\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/juneux.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 Examples of Photos in Megamenus"}]},{"@type":"WebSite","@id":"https:\/\/juneux.com\/blog\/#website","url":"https:\/\/juneux.com\/blog\/","name":"June UX","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/juneux.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb","name":"Kristine Remer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/juneux.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g","caption":"Kristine Remer"},"description":"Kristine Remer is a CX insights leader, UX researcher, and strategist in Minneapolis. She helps organizations drive significant business outcomes by finding and solving customer problems. She never misses the Minnesota State Fair and loves dark chocolate mochas, kayaking, escape rooms, and planning elaborate treasure hunts for her children.","sameAs":["linkedin.com\/in\/kristineremer","https:\/\/twitter.com\/kristineremer"],"url":"https:\/\/juneux.com\/blog\/author\/klremer\/"}]}},"_links":{"self":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts\/1031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/comments?post=1031"}],"version-history":[{"count":28,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts\/1031\/revisions"}],"predecessor-version":[{"id":3425,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts\/1031\/revisions\/3425"}],"wp:attachment":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/media?parent=1031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/categories?post=1031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/tags?post=1031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}