are mega menus really heroic? 20160317
TRANSCRIPT
![Page 1: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/1.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
Are Mega Menus Really Heroic?
Designing Your Site NavigaIon
Heather Bauer Drupal Nights
Thursday, March 17, 2016 – 7:00
![Page 2: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/2.jpg)
About Me: Heather Bauer • UX Product Specialist at BioRAFT
• M.S. in Human Factors in InformaIon Design at Bentley University
• Co-‐Organizer of Boston Service Jam 2014
• Expert in Residence for GA UXD course summer 2014
drupal.org/u/hezzieb twi]er.com/hezzieb524
linkedin.com/in/heathersbauer
IntroducIon
![Page 3: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/3.jpg)
About BioRAFT • Enterprise safety, compliance & training so`ware for lab scienIsts and those that work with them built with Drupal
• SaaS, mulI-‐site applicaIon. • WE’RE HIRING!
BioRAFT.com DrupalNights.org
IntroducIon
![Page 4: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/4.jpg)
The Philosophy IntroducIon
![Page 5: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/5.jpg)
Agenda
• IntroducIon • What is InformaIon Architecture? • How to Research • NavigaIon Overview • NavigaIon Design • Things to Keep in Mind
IntroducIon
![Page 6: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/6.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
InformaIon Architecture
![Page 7: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/7.jpg)
InformaIon Architecture InformaIon Architecture
![Page 8: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/8.jpg)
InformaIon Architecture
• Creates intuiIve ways to navigate data • Makes informaIon easy to find • Schemes must be: – Concise – DescripIve – Mutually exclusive – Possess informaIon scent
InformaIon Architecture
![Page 9: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/9.jpg)
InformaIon Scent? InformaIon Architecture
![Page 10: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/10.jpg)
InformaIon Scent
• Cues that indicate what you’re looking for is down a parIcular path
• Informs decisions • Allows informaIon that doesn’t seem relevant to be discarded or ignored
InformaIon Architecture
![Page 11: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/11.jpg)
InformaIon Scent InformaIon Architecture
![Page 12: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/12.jpg)
What Users Need to Know
• Am I in the right place? • Does the site have what I’m looking for? • Is there anything be]er? • What now?
InformaIon Architecture
![Page 13: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/13.jpg)
What Users Need to Know
• Am I in the right place? – Make sure they can tell what your site is for – Every page is your home page
• Does the site have what I’m looking for? • Is there anything be]er? • What now?
InformaIon Architecture
![Page 14: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/14.jpg)
What Users Need to Know
• Am I in the right place? • Does the site have what I’m looking for? – Use organizaIon systems that make sense (e.g. alphabeIcal, by Ime, locaIon, etc.)
– Obvious labels – NavigaIon should look like navigaIon – You are here and you were there indicators
• Is there anything be]er? • What now?
InformaIon Architecture
![Page 15: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/15.jpg)
What Users Need to Know
• Am I in the right place? • Does the site have what I’m looking for? • Is there anything be]er? – Hierarchy should be obvious – Breadcrumbs – “See also” opIons
• What now?
InformaIon Architecture
![Page 16: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/16.jpg)
What Users Need to Know
• Am I in the right place? • Does the site have what I’m looking for? • Is there anything be]er? • What now? – Next steps should be obvious – Don’t hide the last step to success
InformaIon Architecture
![Page 17: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/17.jpg)
Why Users Visit Your Site
• Searching for something • Task to accomplish • Killing Ime
• Not always mutually exclusive
InformaIon Architecture
![Page 18: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/18.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
Research
![Page 19: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/19.jpg)
How to Do OrganizaIon
• Observe people • Study the compeIIon • Look at the search logs – what are people looking for and not finding?
Research
![Page 20: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/20.jpg)
Doing Your Research
• Card Sort • Sitepath diagramming • Task analysis • Journey mapping • Sitemap
Research
![Page 21: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/21.jpg)
Card Sort Research
![Page 22: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/22.jpg)
Card SorIng
• Early stage technique • 2 types: – Open Card Sort: Can make as many groups as appropriate
– Closed Card Sort: Groups pre-‐determined
• Can be done with users or stakeholders
Research
![Page 23: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/23.jpg)
Card SorIng Tools
• SIcky Notes • OpImalSort • UserZoom • UserTesIng.com • Many more: www.measuringuserexperience.com/CardSorIng/index.htm
Research
![Page 24: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/24.jpg)
Sitepath Diagramming Research
![Page 25: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/25.jpg)
Sitepath Diagramming
• Sketching system – determine users and their acIviIes
• Good for deciding site flow, early UI design, and workflow
• Can show a process that you can design for one user and reuse
Research
![Page 26: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/26.jpg)
Sitepath Diagramming Tools
• Something to draw on • Lots of colored drawing implements • Draw people (sIck figures A-‐OK) • Personas (OpIonal)
Research
![Page 27: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/27.jpg)
Sitepath Diagramming How To
• Draw a circle represenIng your system • Put types of people around the edge (obvious people in upper le`)
• Ways people might come to the site (lower le`)
• People using the site very differently (right) • Draw the scenarios within the circle
Research
![Page 28: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/28.jpg)
Task Analysis Research
![Page 29: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/29.jpg)
Task Analysis
• Much more detailed than Sitepath Diagramming
• A way to fill in the li]le pieces the scenarios may gloss over
• Helps figure out design quesIons to be answered
• Captures subtleIes of each step in the process
Research
![Page 30: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/30.jpg)
Task Analysis How To
• Determine task goal • Pull pieces of the scenario that relate directly • Determine subtasks • Determine sub-‐subtasks • Add system interacIon
Research
![Page 31: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/31.jpg)
Sitemapping Research
![Page 32: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/32.jpg)
Sitemapping 4 Types
• Tree Map – great for hierarchy • Comb Map – uses space be]er • Star Map – hierarchy isn’t strict • Tab Map – grouped by similariIes instead of hierarchy
Research
![Page 33: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/33.jpg)
Sitemap consideraIons
• Big or small? • Shallow or deep? • How important is the hierarchy? • Are there mulIple ways to get to one page? NOTE: No right or wrong answers!
Research
![Page 34: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/34.jpg)
Journey Mapping Research
![Page 35: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/35.jpg)
Journey Mapping
• IdenIfies problem areas with workflows • Focuses on users’ emoIonal state at a given step
• CombinaIon of Sitepath Diagramming/Task Analysis/Sitemap and Personas
Research
![Page 36: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/36.jpg)
Design Time! Research
![Page 37: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/37.jpg)
Forces at Play
• Business • Users • Technology
Research
![Page 38: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/38.jpg)
Roadblocks
• SomeImes you can put them in users’ way • SomeImes they cause more harm than good
Research
![Page 39: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/39.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
NavigaIon
![Page 40: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/40.jpg)
Types of NavigaIon
• Structural NavigaIon: Hierarchy including global and local
• AssociaIve NavigaIon: Similar items that help with exploratory seeking
• UIlity NavigaIon: Sign in, user info, etc.
NavigaIon
![Page 41: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/41.jpg)
Types of NavigaIon
• Global NavigaIon – Your big categories – Visible from every page – Gives a rough feel for what the site is about
• Local NavigaIon – Page specific – Gets to the finer details – Allows for more specific browsing
NavigaIon
![Page 42: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/42.jpg)
NavigaIon Access PogosIcking
• Have to go to a parent category before a new sub category
• Usually for large, varied collecIons of content • Requires very clear and clickable sense of place
• Hiding top level categories – easier to focus • Allows for space saving methods
NavigaIon
![Page 43: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/43.jpg)
NavigaIon Access Crabwalking
• Can move between categories at the same depth
• Easier error recovery • Requires everything of the same level to be visible at the same Ime
NavigaIon
![Page 44: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/44.jpg)
Faceted ClassificaIon
• Good if you have items that can be classified by many characterisIcs
• Considers the quesIon of how else someone would search for this
• Becoming increasingly common
NavigaIon
![Page 45: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/45.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
NavigaIon Design
![Page 46: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/46.jpg)
NavigaIon LocaIon Top
• All navigaIon visible at once • Full width of the screen is available to content below navigaIon
• Good if you have a few big categories • Gets messy if you have more than about 5
NavigaIon Design
![Page 47: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/47.jpg)
NavigaIon LocaIon Le`
• More flexible with the number of categories
• VerIcal space conInues infinitely • Leaves less space for local navigaIon and content
NavigaIon Design
![Page 48: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/48.jpg)
NavigaIon LocaIon Right
• Don’t do it • Least effecIve with users
NavigaIon Design
![Page 49: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/49.jpg)
NavigaIon UI Mega Menu NavigaIon Design
![Page 50: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/50.jpg)
NavigaIon UI Mega Menu
• Jakob Nielsen endorsed Mega Menus in 2009 • Allow you to see mulIple levels of navigaIon • Requires less drill down • Allows for recogniIon over recall • PotenIally overwhelming • Can be used at any level of navigaIon • Take up a large porIon of the screen • Not mobile friendly
NavigaIon Design
![Page 51: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/51.jpg)
NavigaIon UI Breadcrumbs
• Provide a trail of hierarchy • Useful for pogosIcking • Expert users get the most use of breadcrumbs • Use > instead of : to indicate hierarchy • Should live right under page Itle • Jury is sIll out on whether they decrease task compleIon Ime or increase success rate
NavigaIon Design
![Page 52: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/52.jpg)
Sub NavigaIon Best LocaIon
• Start le` OR top • 2nd and 3rd selecIons should be from the same place but 1st selecIon can be separated
• Top-‐le`-‐le` and le`-‐le`-‐le` were the best
NavigaIon Design
![Page 53: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/53.jpg)
Top-‐Le`-‐Le` NavigaIon NavigaIon Design
![Page 54: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/54.jpg)
Le`-‐Le`-‐Le` NavigaIon NavigaIon Design
![Page 55: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/55.jpg)
Hover = Bad Usability
• People think hover is faster than click • The problems: – Accidental menu triggering/un-‐triggering – Unnatural cursor movements
NavigaIon Design
![Page 56: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/56.jpg)
Absent NavigaIon
• When it is crucial for users to take a specified path
• Wizards • IniIal setup
NavigaIon Design
![Page 57: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/57.jpg)
How Users Search
• Known-‐item search • Exploratory seeking • Don’t know what I need to know • Re-‐finding
NavigaIon Design
![Page 58: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/58.jpg)
NavigaIon for Wayfinding NavigaIon Design
![Page 59: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/59.jpg)
NavigaIon for Wayfinding
• Landmarks are the only way to navigate • Users need to know: – Where they are – Where’s the thing they need – How did they get there? – Where have they already looked?
• Be consistent with organizaIon • Provide detours for errors
NavigaIon Design
![Page 60: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/60.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
Keep in Mind
![Page 61: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/61.jpg)
When Organizing Content
• Users perform be]er with deep (3 levels) rather than wide (2 levels) navigaIon
• Good navigaIonal structure doesn’t make up for junk labels
• Organize products/features together with a focus on what they have in common instead of organizing by goal
Keep in Mind
![Page 62: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/62.jpg)
Novices
• Only novice for a short Ime • Many plateau at intermediate • Don’t be in the way
Keep in Mind
![Page 63: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/63.jpg)
Sustainable Structures
• Allow room for growth (within a secIon and whole new secIons)
• Avoid making structures too narrow or deep
Keep in Mind
![Page 64: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/64.jpg)
What’s Different with Mobile?
• Space is more limited • Fat Finger Syndrome – targets need to be large enough
• NavigaIon may be hidden • Hover is not an opIon • Relevant content may be different
Keep in Mind
![Page 65: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/65.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
QuesIons?
![Page 66: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/66.jpg)
Shameless Plug
Encore presentaIon at UXPA Boston on 4/29 @ 1pm h]ps://uxpabostonconference2016.sched.org/event/6GeO/are-‐mega-‐menus-‐really-‐all-‐that-‐heroic
![Page 67: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/67.jpg)
Photo Credits • h]p://downthenaturetrail.blogspot.com/2013/05/architecture-‐
design-‐wallpaper.html • h]ps://www.interacIon-‐design.org/ux-‐daily/194/web-‐user-‐
behaviour-‐directed-‐by-‐informaIon-‐scent • h]ps://www.newfangled.com/an-‐offline-‐informaIon-‐architecture-‐
exercise/ • h]p://itcourses.cs.unh.edu/assets/docs/502/tutorials/fall09-‐tut/
asr25/page2.html • h]p://kaylaashley345.blogspot.com/2013/12/task-‐analysis.html • h]p://imgbuddy.com/pogo-‐sIck-‐clip-‐art.asp • h]ps://www.flickr.com/photos/peterkaminski/47922080 • h]p://www.creaIvebloq.com/navigaIon/design-‐be]er-‐faceted-‐
navigaIon-‐your-‐websites-‐41411437
![Page 68: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/68.jpg)
Resources • h]p://www.usabilityfirst.com/about-‐usability/informaIon-‐architecture • h]p://www.usabilityfirst.com/glossary/informaIon-‐scent • h]ps://www.interacIon-‐design.org/ux-‐daily/194/web-‐user-‐behaviour-‐directed-‐
by-‐informaIon-‐scent • Wodtke, C., & Govella, A. (2009). Informa=on Architecture: Blueprints for the Web.
Pearson EducaIon. • h]p://theuxreview.co.uk/user-‐journeys-‐beginners-‐guide/ • h]p://www.creaIvebloq.com/navigaIon/design-‐be]er-‐faceted-‐navigaIon-‐your-‐
websites-‐41411437 • h]p://www.usability.gov/get-‐involved/blog/2006/11/breadcrumb-‐navigaIon.html • h]p://www.usability.gov/get-‐involved/blog/2006/04/le`-‐navigaIon-‐is-‐best.html • h]p://www.nature.com/neuro/journal/v3/n4/full/nn0400_404.html • h]p://www.usability.gov/how-‐to-‐and-‐tools/methods/organizaIon-‐structures.html
![Page 69: Are Mega Menus Really Heroic? 20160317](https://reader031.vdocuments.site/reader031/viewer/2022030309/58f1581c1a28ab8b0c8b45c7/html5/thumbnails/69.jpg)
25 1st St., Suite 104, Cambridge, MA 02141 | www.BioRAFT.com
Are Mega Menus Really Heroic?
drupal.org/u/hezzieb twi]er.com/hezzieb524
linkedin.com/in/heathersbauer
Slides will be available on drupalnights.org/library
Heather Bauer Drupal Nights
Thursday, March 17, 2016 – 7:00