Presented at OZIA 09. Thoughts on navigation models from the hive mind of Queensland's leading usability and user centered design services and the results from some initial research into the usability of various navigation UI models.
4. Our collective thoughts Our team had pretty strong opinions about a lot of nav models… … but we had no solid test data based on navigation models alone
5. The usual suspects Fly-out menus Dropdowns Index pages Mega-dropdowns Contextual dropdowns
6.
7. Index pages – What we don’t like Too much text! Too much scrolling! Operational Procedures under Policies & Procedures for QAS and QFRS. 1st of 84 pages only Related information or form appears as a link here which just looks like another link. Related information or form appears as a link here which just looks like another link.
8. Vertical drop downs Good for sites with frequent repeat users e.g. intranets Work well with index pages Needs a good IA & labels
9. Variant – Contextual vertical drop downs Provides more context to support user @iiNet Looks good, particularly the menus/left nav, 10 points for putting phone numbers right there in the 'contact' menu. - @ben_h
32. Thank you David Humphreys [email_address] @peakusability @davemonkey http:// www.volkside.com/go/ozia /
Editor's Notes
Start with a definition What do we mean by nav models? Start – not talking about the IA (related) We are talking about how that IA is presented to the user How the user interacts with it to travel through the IA to locate the information they’re after
We had pretty strong opinions about a lot of nav models 100s of usability test sessions between us Over the last 8-10 years A lot of that experience crammed into the last few Seen a lot of navigation models in action Good and bad We’ve noticed a few things about certain nav models Had no dedicated data All of our test sites – too many variables So we took four navigation models. 3 we’d seen a lot of and 1 we were curious about (+ 1 surprise inclusion!) Partnered with UQ who supplied some final year HCI students Start with those observations of the four models we evaluated What did we think about them based on our experience?
Index pages What are they? Features Links Often supported by contextual information Provide that ‘scent of information’ Can include deep links – well grouped under headings Strengths Good for first time visitors – get their bearings Good for big complex websites (e.g. government – big content, diverse content sites Support other types of navigation well A very obvious manifestation of the IA Users don’t really mind clicking as long as they have a clear path to get where they need to go Breadcrumbs are a big help as well
What doesn’t work? The content needs to be well chunked (ACU) Too much text can be as bad as too little (DES portal) Not too long – too much scrolling (DES example) 84 pages in print preview
Widely used Almost a default Work well & users like them Especially for frequent use sites e.g. internets & extranets We like them if - tested IA & no ambiguous labels - Issues - Not a lot of support for users
Widely used Almost a default Work well & users like them Especially for frequent use sites e.g. internets & extranets We like then if - tested IA & no ambiguous labels - Issues - Not a lot of support for users
Tell the Fireman story
Determine key target users - current and potential user groups Speak with business/content experts Speak with client facing staff Look at available customer data if available e.g. customer databases Look at any marketing reports or strategies
* Caveat # 1 – not true megamenus – more contextual dropdowns * Caveat # 2 – landing page did not include in-page links on the home page which boss reckons completely invalidates the results.
* Caveat – not true megamenu – contextual dropdowns
Caveat
We haven’t tested every nav model on the web e.g. overlooked horizontal tree/accordion style navs Pretty much correlates with other research conducted (except for megamenus and contextual dropdowns)
Landing pages and dropdowns working together and apart in testing Testing with different types of fly-outs