Evolution Of The Sitemap
-
Upload
user-intelligence -
Category
Design
-
view
13.708 -
download
0
Transcript of Evolution Of The Sitemap
![Page 1: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/1.jpg)
evolution of the sitemap
improve the usability of your deliverablesChris Pierson & Jacco NieuwlandEuroIA - September 25th, 2009
![Page 2: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/2.jpg)
introductions
![Page 3: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/3.jpg)
![Page 4: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/4.jpg)
Chris PiersonUX consultant10 years UX experience2.5 years at User Intelligence
![Page 5: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/5.jpg)
Jacco NieuwlandUX consultant8 years UX experience4 years at User Intelligence
![Page 6: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/7.jpg)
what is a sitemap
![Page 8: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/8.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/9.jpg)
![Page 10: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/11.jpg)
why talk about sitemaps?
![Page 12: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/12.jpg)
why talk about sitemaps?
![Page 13: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/13.jpg)
why talk about sitemaps?
![Page 14: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/14.jpg)
![Page 15: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/15.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/16.jpg)
where have we come from?
![Page 17: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/17.jpg)
Where have we come from?web 1.0
hierarchicaltop-downstatic HTML
![Page 18: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/18.jpg)
![Page 19: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/19.jpg)
![Page 20: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/20.jpg)
![Page 21: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/21.jpg)
![Page 22: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/22.jpg)
where are we now?
![Page 23: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/23.jpg)
Where are we now?web 2.0
linked & shared contentfocused on user & communitiesXML, RSS
![Page 24: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/24.jpg)
sitemap
![Page 25: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/25.jpg)
primary action map
![Page 26: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/26.jpg)
sitemap + navigation scheme
![Page 27: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/27.jpg)
Alternative visualisations
![Page 28: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/28.jpg)
concept map
![Page 29: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/29.jpg)
user flows
![Page 30: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/30.jpg)
UIAML scheme
![Page 31: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/31.jpg)
screenflow plus scenario
![Page 32: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/32.jpg)
storyboard for interactive movie
![Page 33: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/33.jpg)
interaction matrix / interesting moments grid
![Page 34: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/34.jpg)
wireflow
![Page 35: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/35.jpg)
Where are we going?
![Page 36: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/36.jpg)
Where are we going?web 3.0
the semantic webthe machine weblinked data clouds
![Page 37: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/37.jpg)
![Page 38: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/38.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/39.jpg)
recap
![Page 40: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/40.jpg)
sitemaps are still used to communicate structure, navigation and concepts
![Page 41: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/41.jpg)
it takes a lot of these diagrams to create something simple
![Page 42: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/42.jpg)
different audiences can have different information needs – documentation needs to account for this
![Page 43: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/43.jpg)
so, is there a way to incorporate all these needs into one deliverable?
![Page 44: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/44.jpg)
interactive documentation
![Page 45: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/45.jpg)
interactive documentation allows for different layers of information and different views of the same design
![Page 46: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/46.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/47.jpg)
why not apply our user experience design experience to our documentation?
![Page 48: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/48.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/49.jpg)
sketches /ideas
![Page 50: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/50.jpg)
![Page 51: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/51.jpg)
![Page 52: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/52.jpg)
![Page 53: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/53.jpg)
![Page 54: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/54.jpg)
![Page 55: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/55.jpg)
![Page 56: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/56.jpg)
![Page 57: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/57.jpg)
![Page 58: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/58.jpg)
![Page 59: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/59.jpg)
![Page 60: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/60.jpg)
past experience shows enthusiasm with the audiences and improved understanding of the design
![Page 61: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/61.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/62.jpg)
wrap-up
![Page 63: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/63.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/64.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/65.jpg)
what next?
![Page 66: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/66.jpg)
Chris [email protected]
Jacco [email protected]
user intelligenceAmsterdam officewww.userintelligence.com
thank you!
![Page 67: Evolution Of The Sitemap](https://reader035.fdocuments.us/reader035/viewer/2022062401/58f9aa6d760da3da068b78e5/html5/thumbnails/67.jpg)
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