• Save
Navigation Design for Complex Web Applications
Upcoming SlideShare
Loading in...5
×
 

Navigation Design for Complex Web Applications

on

  • 7,619 views

Presentation about navigation design for complex web applications given on the Information Architecture Day in Ghent. Abstract available on ...

Presentation about navigation design for complex web applications given on the Information Architecture Day in Ghent. Abstract available on http://www.ianua.be/blog/navigation-design-for-complex-web-applications.

Statistics

Views

Total Views
7,619
Views on SlideShare
6,359
Embed Views
1,260

Actions

Likes
4
Downloads
0
Comments
0

5 Embeds 1,260

http://www.ianua.be 682
http://informatiearchitectuur.be 549
http://ianua.be 21
http://www.linkedin.com 7
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Navigation Design for Complex Web Applications Navigation Design for Complex Web Applications Presentation Transcript

  • Navigation Design forComplex Web Applications Gino Lardon IA Day Gent February 11, 2012 @glardon #ia2012gent #WIAD
  • Deliverables• Navigation requirements• Application map• Navigation design (IA + UI)
  • Hub vs. Spoke
  • Hub vs. Spoke
  • One-page form vs. Wizard
  • One-page form vs. Wizard
  • Horizontal vs. Vertical wizard
  • Wizard in a wizard ?
  • Wizard in a wizard ?
  • Hub in a wizard ?
  • Hub in a wizard ?
  • Navigation design• Global• Local• Cross• Dashboard
  • Global navigation
  • Global navigation
  • Global navigation
  • Navigation design• Global• Local• Cross• Dashboard
  • Local navigation
  • Local navigation
  • Local navigation
  • Local navigation – Modal screen
  • Local navigation – Modal screen
  • Local navigation – Modal screen
  • What about overlays?
  • What about overlays?
  • What about breadcrumbs?
  • What about breadcrumbs?
  • Navigation design• Global• Local• Cross• Dashboard
  • Dashboard navigation
  • Dashboard navigation
  • Other attention points• Mental model vs. technical architecture• User profiles• Browser chrome• Multi-device• Multi-language• …
  • Courtesy statementThe application maps are inspired by andmade with the OmniGraffle template fromHagan Rivers.
  • Thank you !Please feel free to contact me with any questions and suggestions. Gino Lardon @glardon www.iAnua.be