Download - Evolution Of The Sitemap

Transcript
Page 1: Evolution Of The Sitemap

evolution of the sitemap

improve the usability of your deliverablesChris Pierson & Jacco NieuwlandEuroIA - September 25th, 2009

Page 2: Evolution Of The Sitemap

introductions

Page 3: Evolution Of The Sitemap
Page 4: Evolution Of The Sitemap

Chris PiersonUX consultant10 years UX experience2.5 years at User Intelligence

Page 5: Evolution Of The Sitemap

Jacco NieuwlandUX consultant8 years UX experience4 years at User Intelligence

Page 6: Evolution Of The Sitemap

User IntelligenceIt’s our goal to design interactive products that provide great User Experiences, based on knowledge of both the users and the business.

Services we offer:• Research • Design• Optimize

www.userintelligence.com

Page 7: Evolution Of The Sitemap

what is a sitemap

Page 8: Evolution Of The Sitemap

a sitemap is a diagram in which the various pages or page types throughout the site and the user paths to and from them are documented.

A sitemap is an overview of the pages within a website.

the sitemap is an IA relic from the web 1.0 era

A site map is a diagrammatical representation of the logical structure of a set of webpages

Page 9: Evolution Of The Sitemap
Page 10: Evolution Of The Sitemap

a design deliverable that seeks to communicate the overall structure and navigation of [a website] –possibly including screens, pages, objects, states and flows

our definition

Page 11: Evolution Of The Sitemap

why talk about sitemaps?

Page 12: Evolution Of The Sitemap

why talk about sitemaps?

Page 13: Evolution Of The Sitemap

why talk about sitemaps?

Page 14: Evolution Of The Sitemap
Page 15: Evolution Of The Sitemap

why (talk about) sitemaps?• So many of us still do this – and need to do

this• Nature of websites and applications is changing

So sitemaps need to evolve to be able to effectively communicate structure and concepts

• Structure needs to be mapped & communicated

Page 16: Evolution Of The Sitemap

where have we come from?

Page 17: Evolution Of The Sitemap

Where have we come from?web 1.0

hierarchicaltop-downstatic HTML

Page 18: Evolution Of The Sitemap
Page 19: Evolution Of The Sitemap
Page 20: Evolution Of The Sitemap
Page 21: Evolution Of The Sitemap
Page 22: Evolution Of The Sitemap

where are we now?

Page 23: Evolution Of The Sitemap

Where are we now?web 2.0

linked & shared contentfocused on user & communitiesXML, RSS

Page 24: Evolution Of The Sitemap

sitemap

Page 25: Evolution Of The Sitemap

primary action map

Page 26: Evolution Of The Sitemap

sitemap + navigation scheme

Page 27: Evolution Of The Sitemap

Alternative visualisations

Page 28: Evolution Of The Sitemap

concept map

Page 29: Evolution Of The Sitemap

user flows

Page 30: Evolution Of The Sitemap

UIAML scheme

Page 31: Evolution Of The Sitemap

screenflow plus scenario

Page 32: Evolution Of The Sitemap

storyboard for interactive movie

Page 33: Evolution Of The Sitemap

interaction matrix / interesting moments grid

Page 34: Evolution Of The Sitemap

wireflow

Page 35: Evolution Of The Sitemap

Where are we going?

Page 36: Evolution Of The Sitemap

Where are we going?web 3.0

the semantic webthe machine weblinked data clouds

Page 37: Evolution Of The Sitemap
Page 38: Evolution Of The Sitemap

even though the way data is handled will change, in many cases the design of the websites that display that data will not change drastically

Page 39: Evolution Of The Sitemap

recap

Page 40: Evolution Of The Sitemap

sitemaps are still used to communicate structure, navigation and concepts

Page 41: Evolution Of The Sitemap

it takes a lot of these diagrams to create something simple

Page 42: Evolution Of The Sitemap

different audiences can have different information needs – documentation needs to account for this

Page 43: Evolution Of The Sitemap

so, is there a way to incorporate all these needs into one deliverable?

Page 44: Evolution Of The Sitemap

interactive documentation

Page 45: Evolution Of The Sitemap

interactive documentation allows for different layers of information and different views of the same design

Page 46: Evolution Of The Sitemap

there are existing tools that do this (Axure, Balsamiq, swipr, etc) - but none provide the complete set of features we’re looking for

Page 47: Evolution Of The Sitemap

why not apply our user experience design experience to our documentation?

Page 48: Evolution Of The Sitemap

requirements for documentation:• easy to create• easy to maintain• creative control (open) • easy to share/publish

• contextual communication• easy to navigate / intuitive

Page 49: Evolution Of The Sitemap

sketches /ideas

Page 50: Evolution Of The Sitemap
Page 51: Evolution Of The Sitemap
Page 52: Evolution Of The Sitemap
Page 53: Evolution Of The Sitemap
Page 54: Evolution Of The Sitemap
Page 55: Evolution Of The Sitemap
Page 56: Evolution Of The Sitemap
Page 57: Evolution Of The Sitemap
Page 58: Evolution Of The Sitemap
Page 59: Evolution Of The Sitemap
Page 60: Evolution Of The Sitemap

past experience shows enthusiasm with the audiences and improved understanding of the design

Page 61: Evolution Of The Sitemap

2005 – UK government – communicate the design of a complicated web application

integrating screenflows, wireframes, mockups, validation rules/business rules

Page 62: Evolution Of The Sitemap

wrap-up

Page 63: Evolution Of The Sitemap

mapping & visualising structure and behaviour is still important

a sitemap is more than just a hierarchical collection of pages

visualisations are naturally evolving with evolving technology

different audiences have different needs

Page 64: Evolution Of The Sitemap

helps to cater for these audiences in one deliverable

interactive documentation

is an opportunity to apply our UX Design experience to our deliverables allows us to present these different layers of information in context

Page 65: Evolution Of The Sitemap

what next?

Page 66: Evolution Of The Sitemap

Chris [email protected]

Jacco [email protected]

user intelligenceAmsterdam officewww.userintelligence.com

thank you!

Page 67: Evolution Of The Sitemap

Interested? Want to see more?

See more of our presentationsslideshare.net/UserIntelligence

Visit our websiteBlog posts, articles, cases and much more

Follow our activitieson twitter or subscribe to our newsletter