1.
Everything First:
Structured UX
Thinking
by Jon Fisher
@ergonjon

2.
Everything old is
new again…

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.
http://www.markboulton.co.uk/journal/structure-first-content-always
Structure first: Mark Boulton

5.
http://patternlab.io/
Brad Frost and design systems…

6.
http://alistapart.com/article/object-oriented-ux
Object orientated UX

7.
http://alistahttp://www.smashingmagazine.com/2015/03/real-life-responsive-
web-design-smashing-book-5/
Smashing Mag Responsive Design Book

8.
http://www.amazon.co.uk/Domain-driven-Design-Tackling-Complexity-
Software/dp/0321125215
BBC and Domain Modelling

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.
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.
Structural UX Thinking

12.
Examples

13.
Volunteering
Recipe
Article #2
Itinerary
Trail
Project
Panorama
Article #1
Place
Event
Activity

14.
National Trust

15.
National Trust

16.
Filter Facets
TestimonialsComparison Products
S&I Concepts

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.
Work flow implications

19.
BackendContent
Strategy
Design Frontend

20.
Backend
Content
Model
Interface
Design
Copy Writing
Research Launch
Structural UX
thinking!!!

21.
seesparkbox.com/foundry/content_priority_guide
Content priority wireframes or guides

22.
https://gathercontent.com/
Gather Content

23.
Advantages

24.
Advantage #1: Reduces
snowball effect

25.
Advantage #2: Simple Nav

26.
Advantage #3: The second task

27.
Advantage #4: The lorem
ipsum debate

28.
Advantage #5: Plays well with
Innovation or evidence driven
research

29.
Closing remarks

30.
JK Rowling’s notepad

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.
https://the-pastry-box-project.net/baker/cennydd-bowles
IA in 2012…

33.
What, not where!
Jon Fisher, Ranting in a team meeting

34.
What, not where!
It’s just an interface, get over it!!
Jon Fisher, Ranting in a team meeting

35.
Thank you.
For more information please contact
Jon Fisher
jfisher@nomensa.com
+44 (0) 117 9297333