Evolution Of The Sitemap

of 67 /67
evolution of the sitemap improve the usability of your deliverables Chris Pierson & Jacco Nieuwland EuroIA - September 25 th , 2009

Embed Size (px)


This presentation was given during the EuroIA 2009, by Chris Pierson and Jacco Nieuwland. The slides are exactly the same, but the large images of most title slides have been removed to make sure no copyrights are being violated. We want to thank everybody for contributing their materials as examples in this presentation.

Transcript of Evolution Of The Sitemap

  • evolution of the sitemapimprove the usabilityof your deliverablesChris Pierson & Jacco NieuwlandEuroIA - September 25th, 2009
  • introductions
  • Chris PiersonUX consultant10 years UX experience2.5 years at User Intelligence
  • Jacco NieuwlandUX consultant8 years UX experience4 years at User Intelligence
  • User IntelligenceIts our goal to design interactive products thatprovide great User Experiences, based onknowledge of boththe users and the business.Services we offer: Research Design Optimizewww.userintelligence.com
  • what is asitemap
  • a sitemap is a diagram in which the various pagesor page types throughout the site and the userpaths to and from them are documented. A sitemap is an overview of the pages within a website.A site map is a diagrammaticalrepresentation of the logical structure of aset of webpages the sitemap is an IA relic from the web 1.0 era
  • our definitiona design deliverable that seeks tocommunicate the overall structure andnavigation of [a website] possibly including screens, pages,objects, states and flows
  • why talk aboutsitemaps?
  • why talk about sitemaps?
  • why talk about sitemaps?
  • why (talk about) sitemaps? So many of us still do this and need to do this Nature of websites and applications is changing Structure needs to be mapped & communicatedSo sitemaps need to evolve to be able toeffectively communicate structure andconcepts
  • where have we come from?
  • Where have we come from?web 1.0 hierarchical top-down static HTML
  • where are we now?
  • Where are we now?web 2.0 linked & shared content focused on user & communities XML, RSS
  • sitemap
  • primary action map
  • sitemap + navigation scheme
  • Alternative visualisations
  • concept map
  • user flows
  • UIAML scheme
  • screenflow plus scenario
  • storyboard for interactive movie
  • interaction matrix / interesting moments grid
  • wireflow
  • Where are we going?
  • Where are we going?web 3.0 the semantic web the machine web linked data clouds
  • even though the way data is handled willchange, in many cases the design of thewebsites that display that data will not changedrastically
  • recap
  • sitemaps are still used to communicatestructure, navigation and concepts
  • it takes a lot of these diagrams to createsomething simple
  • different audiences can have differentinformation needs documentation needs toaccount for this
  • so, is there a way to incorporate all theseneeds into one deliverable?
  • interactive documentation
  • interactive documentation allows for differentlayers of information and different views ofthe same design
  • there are existing tools that do this(Axure, Balsamiq, swipr, etc) - but none provide thecomplete set of features were looking for
  • why not apply our user experience designexperience to our documentation?
  • requirements for documentation: easy to create easy to maintain creative control (open) easy to share/publish contextual communication easy to navigate / intuitive
  • sketches /ideas
  • past experience shows enthusiasm with theaudiences and improved understanding ofthe design
  • 2005 UK government communicate thedesign of a complicated web applicationintegratingscreenflows, wireframes, mockups, validation rules/business rules
  • wrap-up
  • a sitemap is more than just a hierarchicalcollection of pagesmapping & visualising structure andbehaviour is still importantvisualisations are naturally evolving withevolving technologydifferent audiences have different needs
  • interactive documentation helps to cater for these audiences in one deliverable is an opportunity to apply our UX Design experience to our deliverables allows us to present these different layers of information in context
  • what next?
  • thank you! user intelligence Amsterdam office www.userintelligence.comChris [email protected] [email protected]
  • Interested? Want to see more? Follow our activities on twitter or subscribe to our newsletter Visit our website Blog posts, articles, cases and much more See more of our presentations slideshare.net/UserIntelligence