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.
PRESENTED BY
UX Detroit | February 19, 2015
PRACTICAL
CONCEPTUAL
MODELING
Hoff | Hinton | Elmendorf
2
Abstract
Models
Physical
Models
Mathematical Models
Scientific Models
Conceptual Models
MANY
KINDS OF
MODELS
Our Focus H...
3
• Manipulate ideas as objects
• Explore their relationships
• Work with complex systems
Conceptual Models
4
MODELS INTERFACES
microsoft.com
(relationships/ideas) (pixels/atoms)
Models can do things interfaces can’t…
5
MODELS INTERFACES
microsoft.com
Why are we doing this? What is it?
How do all the parts relate?
How will someone use eac...
6
Conceptual is not the
opposite of practical.
7
Models become
molds for making.
http://tombanwell.blogspot.com/2010/09/olifant-neoprene-trunk-hose.html
8
• Gain shared understanding
• Align direction
• Prioritize focus
• Identify assumptions
• Grasp essentials about big/com...
9
Models establish understanding …
project
Before During
After
10
Examples …
11
An “Info Model” for a large medical ecosystem
12
Defining the nature of a site among stakeholders
13
Describing complex workflow before making the system
14
How people shop / decide + supporting site functions
15
Created to clarify structure of checkout for developers
Cart
with Purchasable
Items
Messaging
asking users if
they woul...
16
An example going from blobs to boxes…
17
Circles can help avoid implying structure prematurely …
no sides, no lines sides imply lines
18
Architects’ “Bubble” Diagrams
19
Architects’ “Bubble” Diagrams
wikimedia commons
20
Looking for emergent patterns in all the elements …
21
Finding functional priorities & centers of gravity …
… before locking down structure.
!
22
From functional model to conceptual architecture …
ARTMAX HOME
[Visual Showcase]
Topical / curated
spotlight of brand-
...
23
• Modeling is a kind of making: it’s
the craft of understanding.
• It can work at many levels of
fidelity, from abstrac...
24
understandinggroup.com | @undrstndng
25
26
Caption
Upcoming SlideShare
Loading in …5
×

Practical Conceptual Modeling at UX Detroit Feb 2015

3,062 views

Published on

See the slides with all CORRECT notes here: http://understandinggroup.com/2015/02/practical-conceptual-modeling/
A presentation by Kaarin Hoff, Andrew Hinton, and Joe Elmendorf (not present at the event), for UX Detroit's Feb 2015 meetup. An introduction to some of the content that will be in the IA Summit 2015 workshop

Published in: Design

Practical Conceptual Modeling at UX Detroit Feb 2015

  1. 1. PRESENTED BY UX Detroit | February 19, 2015 PRACTICAL CONCEPTUAL MODELING Hoff | Hinton | Elmendorf
  2. 2. 2 Abstract Models Physical Models Mathematical Models Scientific Models Conceptual Models MANY KINDS OF MODELS Our Focus Here
  3. 3. 3 • Manipulate ideas as objects • Explore their relationships • Work with complex systems Conceptual Models
  4. 4. 4 MODELS INTERFACES microsoft.com (relationships/ideas) (pixels/atoms) Models can do things interfaces can’t…
  5. 5. 5 MODELS INTERFACES microsoft.com Why are we doing this? What is it? How do all the parts relate? How will someone use each part? What will it look like?
  6. 6. 6 Conceptual is not the opposite of practical.
  7. 7. 7 Models become molds for making. http://tombanwell.blogspot.com/2010/09/olifant-neoprene-trunk-hose.html
  8. 8. 8 • Gain shared understanding • Align direction • Prioritize focus • Identify assumptions • Grasp essentials about big/complex challenges When collaborating, models help us… … before getting tangled in the weeds.
  9. 9. 9 Models establish understanding … project Before During After
  10. 10. 10 Examples …
  11. 11. 11 An “Info Model” for a large medical ecosystem
  12. 12. 12 Defining the nature of a site among stakeholders
  13. 13. 13 Describing complex workflow before making the system
  14. 14. 14 How people shop / decide + supporting site functions
  15. 15. 15 Created to clarify structure of checkout for developers Cart with Purchasable Items Messaging asking users if they would like to keep their cart Cart empty Cart deleted No? Yes? Cart with Purchasable Items & Non-Purchasable Items Cart Non-Purchasable Items Checkout Confirmation of Purchase Page Purchasable Items purchased
  16. 16. 16 An example going from blobs to boxes…
  17. 17. 17 Circles can help avoid implying structure prematurely … no sides, no lines sides imply lines
  18. 18. 18 Architects’ “Bubble” Diagrams
  19. 19. 19 Architects’ “Bubble” Diagrams wikimedia commons
  20. 20. 20 Looking for emergent patterns in all the elements …
  21. 21. 21 Finding functional priorities & centers of gravity … … before locking down structure. !
  22. 22. 22 From functional model to conceptual architecture … ARTMAX HOME [Visual Showcase] Topical / curated spotlight of brand- representative products. PRODUCTS COMMUNITYLEARNING ACCOUNT ABOUT [Brand Statement / Description (Links to "About")] Latest News Aggregated from learning, social media, community, etc. - Editorially curated (can have sticky posts) - Item from a given org links to that org's new or home. - Link to the main News area in "About" Social Media Links Promotion Spot History / Mission content. Store Managers’ Blog Sharing (curated) - Art - Tips / Ideas (more tbd) Events Calendar (cross-ref w/ store finder) Intro / Overview About the community, policies, etc. Cross-channel connections / directions / kiosk locations shortcut to ‘find store’ facet. Company News Store Managers’ Blog - Most Recent Utility Nav - Search - Contact - Find Store Footer - Required boilerplate - Business & B2B Links Tutorials - cross-ref w/ Products when specific to a particular catalog item For Each Product … (Specifics TBD) - Attributes should include editorial ranking + user ranking Browse by tree hierarchy + facets. (Account Specifics TBD) 2.0 3.0 3.1 4.0 6.0 7.05.0 Learning Blog / Stories Related products Global Nav PRIMARY emphas SECONDARY emp Persistent Nav Elements 1.0 !
  23. 23. 23 • Modeling is a kind of making: it’s the craft of understanding. • It can work at many levels of fidelity, from abstract to specific. • You can do it whenever, to figure out big / complex concepts. Practical Modeling
  24. 24. 24 understandinggroup.com | @undrstndng
  25. 25. 25
  26. 26. 26 Caption

×