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.
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
PROTOTYPING
INFORMATION ARCHITECTURE
IA SUMMIT
CHICAGO, IL | 23 MARCH, 2018
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
“The invention of the powered aeroplane in
1903 somewhat overshadows the earl...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
RUDDERS & TILLERS
Ford Quadricycle (1896 - 1901)RMS Olympic (1908)
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
WING WARPING
1901 GLIDER
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
1902 GLIDER
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
1903 FLYER
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
‣ Seemingly obvious interventions produce non-obvious
consequences
‣ Connecti...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
MODELING TO LEARN
Model
SimulateIterate
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
PROTOTYPING INFORMATION ARCHITECTURE
‣ Where we encounter Dynamic Complexity ...
DYNAMIC COMPLEXITY IN
INFORMATION ARCHITECTURE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
Dynamic Complexity
‣ Seemingly obvious interventions produce non-obvious consequences
‣ Connections between causes & effec...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
DYNAMIC COMPLEXITY
“Have you ever seen people in
families produce consequence...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
DYNAMIC COMPLEXITY
“Have you ever seen people in
teams produce consequences t...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
IA AS A “SHIM”
Carbon
Heuristic
Associative
Approximate
Silicon
Exhaustive
En...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
IA AS A “SHIM”
Carbon
Heuristic
Associative
Approximate
Silicon
Exhaustive
En...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
DYNAMIC COMPLEXITY IN INFORMATION ARCHITECTURE
IA
The Symbolic & Conceptual s...
MODELING TO LEARN
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
MODELING TO LEARN
To understand the relationships
between banking, yaw, and t...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
MODELING TO LEARN
SimulateIterate
With users, stakeholders,
developers, and t...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
MODELING TO LEARN
`
SimulateIterate
Model
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
MODELING TO LEARN
1. Isolate Variables
2. Balance Complexity
3. Surface Feedb...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
MODELING TO LEARN
1. Isolate Variables
2. Balance Complexity
3. Surface Feedb...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
THREE LEVELS OF PROCESSING
Visceral Behavioral Reflective
Adapted from Don Nor...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
THREE LEVELS OF PROCESSING
Visceral Behavioral Reflective
+
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
THREE LEVELS OF PROCESSING
Visceral Behavioral Reflective
+ +
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
“Code is today what nuts & bolts were
100 years ago.”
– Erik Spiekermann
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
CONTENT FIRST PROTOTYPING
StructureContent Style Serve
Content Structure Styl...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
CONTENT FIRST PROTOTYPING
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
CONTENT FIRST PROTOTYPING
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
CONTENT FIRST PROTOTYPING
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
CONTENT FIRST PROTOTYPING
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
CONTENT FIRST PROTOTYPING
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
CONTENT FIRST PROTOTYPING
1. Isolate Variables
2. Balance Complexity
3. Surfa...
CASE STUDY:
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
Job prospects?
Earning potential?
Career opportun...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
1. Isolate Variables: Discover, Align & Validate ...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
SHORELINE COMMUNITY COLLEGE
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
“1903 Wright Flyer was so unstable as to be
almost unmanageable by anyone but...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
andyfitzgeraldconsulting.com
andybywire@gmail.com
@andybywire
Thank you!
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
GETTING STARTED
Content First Prototyping Framework
Jekyll
Zurb Foundation
Co...
#PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
GETTING STARTED
Upcoming SlideShare
Loading in …5
×

Prototyping Information Architecture

719 views

Published on

My talk from the 2018 Information Architecture Summit in Chicago on March 23rd. You can find the video and audio of this talk on my website at http://www.andyfitzgeraldconsulting.com/speaking/prototyping-ia

Published in: Design

Prototyping Information Architecture

  1. 1. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE PROTOTYPING INFORMATION ARCHITECTURE IA SUMMIT CHICAGO, IL | 23 MARCH, 2018
  2. 2. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  3. 3. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  4. 4. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE “The invention of the powered aeroplane in 1903 somewhat overshadows the earlier critical flight control developments, but the birth of flight control in 1902 opened the way for aviation to flourish.” – Padfield & Lawrence
  5. 5. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE RUDDERS & TILLERS Ford Quadricycle (1896 - 1901)RMS Olympic (1908)
  6. 6. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE WING WARPING
  7. 7. 1901 GLIDER #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  8. 8. 1902 GLIDER #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  9. 9. 1903 FLYER #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  10. 10. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE ‣ Seemingly obvious interventions produce non-obvious consequences ‣ Connections between causes & effects are subtle ‣ Effects of interventions over time are not immediately apparent DYNAMIC COMPLEXITY
  11. 11. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE MODELING TO LEARN Model SimulateIterate
  12. 12. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE PROTOTYPING INFORMATION ARCHITECTURE ‣ Where we encounter Dynamic Complexity in IA ‣ A modeling approach to facilitate discovery, alignment, and validation of IA solutions ‣ An example of a modeling to learn prototyping process from my own recent client work
  13. 13. DYNAMIC COMPLEXITY IN INFORMATION ARCHITECTURE #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  14. 14. Dynamic Complexity ‣ Seemingly obvious interventions produce non-obvious consequences ‣ Connections between causes & effects are subtle ‣ Effects of interventions over time are not obvious #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE DYNAMIC COMPLEXITY Detail Complexity ‣ High number of variables ‣ Incremental increases in power, speed, efficiency, or scope ‣ Predictable solutions to known problems Dr. Peter Senge The Fifth Discipline
  15. 15. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE DYNAMIC COMPLEXITY “Have you ever seen people in families produce consequences that aren’t what anybody intends?” – Peter Senge
  16. 16. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE DYNAMIC COMPLEXITY “Have you ever seen people in teams produce consequences that aren’t what anybody intends?”
  17. 17. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE IA AS A “SHIM” Carbon Heuristic Associative Approximate Silicon Exhaustive Enumerative Exact
  18. 18. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE IA AS A “SHIM” Carbon Heuristic Associative Approximate Silicon Exhaustive Enumerative Exact IA The Symbolic & Conceptual controls that allow us to match one system to the other
  19. 19. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE DYNAMIC COMPLEXITY IN INFORMATION ARCHITECTURE IA The Symbolic & Conceptual shim that allow us to connect carbon and silicon based systems ‣ User, Stakeholder, and Content Discovery ‣ Client Organization Workflow ‣ Stakeholder Priorities and Alignment ‣ Information Model Creation and Validation ‣ Team Alignment and Coordination
  20. 20. MODELING TO LEARN #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  21. 21. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE MODELING TO LEARN To understand the relationships between banking, yaw, and the rudder Model SimulateIterate Controlled environment of steady wind and soft sand Incorporated a progressive understanding of the relationships between elements in the system
  22. 22. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE MODELING TO LEARN SimulateIterate With users, stakeholders, developers, and team members To incorporate an understanding of relationships between language, categorization, and layout • Controlled use of language • Deliberate and orderly categorization • Coherent navigation and findability metaphors Symbols and concepts that create connections between carbon and silicon Model
  23. 23. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE MODELING TO LEARN ` SimulateIterate Model
  24. 24. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE MODELING TO LEARN 1. Isolate Variables 2. Balance Complexity 3. Surface Feedback Loops
  25. 25. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE MODELING TO LEARN 1. Isolate Variables 2. Balance Complexity 3. Surface Feedback Loops : Impact of Language, Categorization, and Structure : Leave detail complexity to the machines : Look for ways the human actor is part of the feedback process
  26. 26. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE THREE LEVELS OF PROCESSING Visceral Behavioral Reflective Adapted from Don Norman’s Emotional Design Well learned, routine operations Sensitive to experience, training & education Rapid judgements about good & bad, safe & dangerous
  27. 27. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE THREE LEVELS OF PROCESSING Visceral Behavioral Reflective +
  28. 28. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE THREE LEVELS OF PROCESSING Visceral Behavioral Reflective + +
  29. 29. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE “Code is today what nuts & bolts were 100 years ago.” – Erik Spiekermann
  30. 30. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE CONTENT FIRST PROTOTYPING StructureContent Style Serve Content Structure Style Serve XLSX JSON Images + Assets Markdown config.yml SASS/CSS Javascript localserver JSON + Markdown + Modular Includes + HTML Templates + Logic ontent Structure Style Serve LSX JSON mages + Assets Markdown config.yml SASS/CSS Javascript localserver JSON + Markdown + Modular Includes + HTML Templates + Logic Foundation + + +
  31. 31. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE CONTENT FIRST PROTOTYPING
  32. 32. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE CONTENT FIRST PROTOTYPING
  33. 33. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE CONTENT FIRST PROTOTYPING
  34. 34. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE CONTENT FIRST PROTOTYPING
  35. 35. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE CONTENT FIRST PROTOTYPING
  36. 36. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE CONTENT FIRST PROTOTYPING 1. Isolate Variables 2. Balance Complexity 3. Surface Feedback Loops
  37. 37. CASE STUDY: SHORELINE COMMUNITY COLLEGE #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE
  38. 38. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE
  39. 39. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE
  40. 40. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE
  41. 41. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE
  42. 42. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE
  43. 43. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE Job prospects? Earning potential? Career opportunities? What will I do in class? What will I do when I finish?Which programs allow me to study this subject area? “I am interested in pursuing study in _______.“ “This is the program for me!“ Projected Future Communication Touchpoints Requirements & Prerequisites Will this work with my schedule? Can I work at the same time? How hard will this be? How long will it take? What will it cost? What do I need to do to get into the program? What are the pre-requisites? What skills do I already need to have? What is required to apply? How will I be supported? Friends & Family Shoreline Marketing Campaigns Enrollment Coach SCC Website Social Media Opportunity Areas • show related programs Opportunity Areas • emphasize rolling admissions • show relative cost vs. absolute cost Opportunity Areas • show student success stories/social proof Areas to Highlight • class content & offerings • career opportunities Areas to Highlight • supportive Shoreline College brand message • success coaches • learning centers
  44. 44. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE
  45. 45. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE 1. Isolate Variables: Discover, Align & Validate Stakeholder and 
 User needs 2. Balance Complexity: Content and Metadata Detail Complexity were handled by the framework 3. Surface Feedback Loops: Relationships between individuals and parts of the system emerged over the course of simulations and iterations
  46. 46. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE SHORELINE COMMUNITY COLLEGE
  47. 47. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE “1903 Wright Flyer was so unstable as to be almost unmanageable by anyone but the Wrights, who had trained themselves in the 1902 glider.” – Culick & Jex
  48. 48. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE andyfitzgeraldconsulting.com andybywire@gmail.com @andybywire Thank you!
  49. 49. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE GETTING STARTED Content First Prototyping Framework Jekyll Zurb Foundation Content First Prototyping
  50. 50. #PROTOTYPINGIA ANDY FITZGERALD | @ANDYBYWIRE GETTING STARTED

×