structured ux thinking : jon fisher
TRANSCRIPT
![Page 1: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/1.jpg)
Everything First: Structured UX Thinkingby Jon Fisher
@ergonjon
![Page 2: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/2.jpg)
![Page 3: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/3.jpg)
![Page 4: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/4.jpg)
Everything old is new again…
![Page 5: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/5.jpg)
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!
![Page 6: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/6.jpg)
![Page 7: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/7.jpg)
http://www.markboulton.co.uk/journal/structure-first-content-always
Structure first: Mark Boulton
![Page 10: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/10.jpg)
http://alistahttp://www.smashingmagazine.com/2015/03/real-life-responsive-web-design-smashing-book-5/
Smashing Mag Responsive Design Book
![Page 11: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/11.jpg)
http://www.amazon.co.uk/Domain-driven-Design-Tackling-Complexity-Software/dp/0321125215
BBC and Domain Modelling
![Page 12: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/12.jpg)
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
![Page 13: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/13.jpg)
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
![Page 14: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/14.jpg)
Structural UX Thinking
![Page 15: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/15.jpg)
Examples
![Page 16: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/16.jpg)
Volunteering
Recipe
Article #2
Itinerary
Trail
Project
Panorama
Article #1
Place
Event
Activity
![Page 17: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/17.jpg)
National Trust
![Page 18: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/18.jpg)
National Trust
![Page 19: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/19.jpg)
![Page 20: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/20.jpg)
Filter Facets
TestimonialsComparison Products
S&I Concepts
![Page 21: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/21.jpg)
Banking interfaceHigh Street Bank
All Products | Learning
Welcome to High-street BankSelect 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.
![Page 22: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/22.jpg)
Work flow implications
![Page 23: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/23.jpg)
BackendContent Strategy
Design Frontend
![Page 24: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/24.jpg)
Backend
Content Model
InterfaceDesign
Copy Writing
Research Launch
Structural UX thinking!!!
![Page 25: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/25.jpg)
seesparkbox.com/foundry/content_priority_guide
Content priority wireframes or guides
![Page 27: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/27.jpg)
Advantages
![Page 28: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/28.jpg)
Advantage #1: Reduces snowball effect
![Page 29: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/29.jpg)
Advantage #2: Simple Nav
![Page 30: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/30.jpg)
Advantage #3: The second task
![Page 31: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/31.jpg)
Advantage #4: The lorem ipsum debate
![Page 32: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/32.jpg)
Advantage #5: Plays well with Innovation or evidence driven research
![Page 33: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/33.jpg)
Closing remarks
![Page 34: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/34.jpg)
JK Rowling’s notepad
![Page 35: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/35.jpg)
ModelsDifferent 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.
![Page 36: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/36.jpg)
https://the-pastry-box-project.net/baker/cennydd-bowles
IA in 2012…
![Page 37: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/37.jpg)
What, not where!
Jon Fisher, Ranting in a team meeting
![Page 38: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/38.jpg)
What, not where! It’s just an interface, get over it!!
Jon Fisher, Ranting in a team meeting
![Page 39: Structured UX Thinking : Jon Fisher](https://reader037.vdocuments.us/reader037/viewer/2022103104/5886e9e61a28abba528b5b3d/html5/thumbnails/39.jpg)
Thank you.For more information please contact
Jon Fisher
+44 (0) 117 9297333