Skip to content



Design documentation – Navigation Chart and Storyboard

Design documentation – includes variety of techniques including:

  • navigation charts
  • storyboards

Techniques provide common understanding of development needs.

Captures views of both clients and developers.

Show organisation and structure of content.

Navigation types

Four main navigation types:

  • Linear
    • Navigate sequentially
    • Build knowledge
    • Example of user: Training materials
  • Non-linear
    • Navigate freely
    • No pre-determined routes
  • Hierarchical
    • Navigate along branches of tree structure
    • Structure shaped by logic of content (e,g, chapters, sections)
    • Like course notes
  • Composite
    • Mixture of navigation types

Navigation chart

Navigation chart exampleStoryboard example

Storyboard example

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: