Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Structured UX Thinking : Jon Fisher

1 775 vues

Publié le

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.

Publié dans : Design
  • Identifiez-vous pour voir les commentaires

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. http://www.markboulton.co.uk/journal/structure-first-content-always Structure first: Mark Boulton
  5. 5. http://patternlab.io/ Brad Frost and design systems…
  6. 6. http://alistapart.com/article/object-oriented-ux Object orientated UX
  7. 7. http://alistahttp://www.smashingmagazine.com/2015/03/real-life-responsive- web-design-smashing-book-5/ Smashing Mag Responsive Design Book
  8. 8. http://www.amazon.co.uk/Domain-driven-Design-Tackling-Complexity- 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) http://alistapart.com/article/content-modelling- 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. seesparkbox.com/foundry/content_priority_guide Content priority wireframes or guides
  22. 22. https://gathercontent.com/ 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. https://the-pastry-box-project.net/baker/cennydd-bowles 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 jfisher@nomensa.com +44 (0) 117 9297333