Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Structured UX Thinking : Jon Fisher

Everything First! - Structured UX Thinking

There's been a wave of articles and techniques about object oriented UX, or applying content modelling to modern web projects. These tools actually hark back to traditional User Centred Design and Information Architecture, so how do we apply these old school techniques in a modern context.

Mobile first?! Content first?! Customer first?! How can all these things come first? Jon argues that a focus on structure allows a project team to put everything first, helping him run project streams in parallel.

With examples from our previous work, this will be a practical talk on getting the most out of a structured approach.

Structured UX Thinking : Jon Fisher

  1. 1. Everything First: Structured UX Thinking by Jon Fisher @ergonjon
  2. 2. Everything old is
 new again…
  3. 3. A (re)emerging trend for structured thinking • Rush to grab sharpies and ideate. “Lets just make stuff” mentality. • IMO, a little up front thinking didn’t hurt anyone • Lean UX, General explosion of UX, Responsive design, changing design workflows… • Structured content is inherently what the web is!
  4. 4. Structure first: Mark Boulton
  5. 5. Brad Frost and design systems…
  6. 6. Object orientated UX
  7. 7. http://alista web-design-smashing-book-5/ Smashing Mag Responsive Design Book
  8. 8. Software/dp/0321125215 BBC and Domain Modelling
  9. 9. What is a content model? • A representation of all the various types of content in your digital product • It demonstrates the relationships between each of these content types • It also documents the elements that make up each content type • Essentially the structural side of Content Strategy (whisper it…IA) a-master-skill
  10. 10. Content elements Structured thinking aids flow: • Identify all the pieces • Their relative size and power • Their role in your greater plan • Some elements are small but mighty in relation to enhancing the experience
  11. 11. Structural UX Thinking
  12. 12. Examples
  13. 13. Volunteering Recipe Article #2 Itinerary Trail Project Panorama Article #1 Place Event Activity
  14. 14. National Trust
  15. 15. National Trust
  16. 16. Filter Facets TestimonialsComparison Products S&I Concepts
  17. 17. Banking interface High Street Bank All Products | Learning Welcome to High-street Bank Select some options below to explore what’s available. I am looking to invest short term.some money less important online. in the Access to my money is than maximising my financial returns. I prefer to manage my accounts What’s available. If you’re unsure what’s right for you, try out learning sections. Find a store Prefer to call? Get in touch on 0845 123 4567.
  18. 18. Work flow implications
  19. 19. BackendContent Strategy Design Frontend
  20. 20. Backend Content Model Interface
 Design Copy Writing Research Launch Structural UX thinking!!!
  21. 21. Content priority wireframes or guides
  22. 22. Gather Content
  23. 23. Advantages
  24. 24. Advantage #1: Reduces snowball effect
  25. 25. Advantage #2: Simple Nav
  26. 26. Advantage #3: The second task
  27. 27. Advantage #4: The lorem ipsum debate
  28. 28. Advantage #5: Plays well with Innovation or evidence driven research
  29. 29. Closing remarks
  30. 30. JK Rowling’s notepad
  31. 31. Models Different types of models: • Mental models • Content models • Data models If everywhere you look people are using the word model then you should probably pay attention. A model is nothing but a structural entity.
  32. 32. IA in 2012…
  33. 33. What, not where! Jon Fisher, Ranting in a team meeting
  34. 34. What, not where! It’s just an interface, get over it!! Jon Fisher, Ranting in a team meeting
  35. 35. Thank you. For more information please contact Jon Fisher +44 (0) 117 9297333