Embed Size (px)
Citation preview
Everything First: Structured UX Thinkingby Jon Fisher
@ergonjon
Everything old is new again…
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!
http://www.markboulton.co.uk/journal/structure-first-content-always
Structure first: Mark Boulton
http://alistahttp://www.smashingmagazine.com/2015/03/real-life-responsive-web-design-smashing-book-5/
Smashing Mag Responsive Design Book
http://www.amazon.co.uk/Domain-driven-Design-Tackling-Complexity-Software/dp/0321125215
BBC and Domain Modelling
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
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
Structural UX Thinking
Examples
Volunteering
Recipe
Article #2
Itinerary
Trail
Project
Panorama
Article #1
Place
Event
Activity
National Trust
National Trust
Filter Facets
TestimonialsComparison Products
S&I Concepts
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.
Work flow implications
BackendContent Strategy
Design Frontend
Backend
Content Model
InterfaceDesign
Copy Writing
Research Launch
Structural UX thinking!!!
seesparkbox.com/foundry/content_priority_guide
Content priority wireframes or guides
Advantages
Advantage #1: Reduces snowball effect
Advantage #2: Simple Nav
Advantage #3: The second task
Advantage #4: The lorem ipsum debate
Advantage #5: Plays well with Innovation or evidence driven research
Closing remarks
JK Rowling’s notepad
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.
https://the-pastry-box-project.net/baker/cennydd-bowles
IA in 2012…
What, not where!
Jon Fisher, Ranting in a team meeting
What, not where! It’s just an interface, get over it!!
Jon Fisher, Ranting in a team meeting
Thank you.For more information please contact
Jon Fisher
+44 (0) 117 9297333
