MOBILE INFORMATIONARCHITECTUREEVERYTHING YOU ALREADY KNOW        IS STILL RIGHT. SORT OF.Presented by ANDY FITZGERALD
ABOUT ANDY User Experience Designer Deloitte Digital | Übermind Information Architect Simpson Center for the Humanities Do...
ABOUT DELOITTE DIGITALFocus on Mobile & Emerging Technologies  Mobile Strategy  Concepts & Prototypes  Consumer mobile & m...
Why does mobile matter?
4.8 billion people worldwide own mobile phones
4.8 billion people worldwide own mobile phones  (4.2 billion people worldwide own toothbrushes).
4.8 billion people worldwide own mobile phones  (4.2 billion people worldwide own toothbrushes).There are 1.2 billion mobi...
4.8 billion people worldwide own mobile phones  (4.2 billion people worldwide own toothbrushes).There are 1.2 billion mobi...
4.8 billion people worldwide own mobile phones  (4.2 billion people worldwide own toothbrushes).There are 1.2 billion mobi...
Is design for mobile really sodifferent from web design?
.YES.  & NO
.YES.  & NO
DONALD NORMANThe Design of Everyday Things (1988)   Knowledge in the World     Interpretation substitutes for learning    ...
THE WAY WE USE THE WEB RELIES HEAVILY ON       “KNOWLEDGE IN THE HEAD.” WE HAVE INTERNALIZED THIS KNOWLEDGE             RE...
THE WAY WE USE THE WEB RELIES HEAVILY ON       “KNOWLEDGE IN THE HEAD.” WE HAVE INTERNALIZED THIS KNOWLEDGE             RE...
WE’RE ALSO GOOD AT INTERNALIZING THE“HEAD KNOWLEDGE” WE USE IN MOBILE.INSTEAD OF ONE KNOWLEDGE PATTERN,    HOWEVER, THERE ...
WE’RE ALSO GOOD AT INTERNALIZING THE“HEAD KNOWLEDGE” WE USE IN MOBILE.INSTEAD OF ONE KNOWLEDGE PATTERN,    HOWEVER, THERE ...
AND THEN THERE’S NATIVE.
DESIGN GUIDES ARE OPTIONAL, RIGHT? SOMETIMES YOU WANT YOUR APP TO  LOOK THE SAME ACROSS DEVICES.
EPICURIOUSiPhone
EPICURIOUSiPhone
EPICURIOUSAndroid
EPICURIOUSAndroid
PORTING PITFALLS Ugly user interface Poor use of “Knowledge in the Head” Shortchanges device capabilities Require “hacks” ...
So how does onedesign for mobile?
INFORMATION ARCHITECTURE HAPPENS      BY DESIGN OR BY DEFAULT.WE HAVE INTERNALIZED THIS KNOWLEDGE            REALLY WELL.
DESIGNING FOR MOBILE Put content first Separate taxonomy and navigation Learn patterns
CONTENT FIRST Future-proof content   write for the “chunk”   create content for re-use from the start Leverage metadata   ...
CONTENT FIRST  “THE MORE STRUCTURE YOU PUT INTO  CONTENT THE FREER IT WILL  BECOME.”                        – Rachel Lovin...
TAXONOMY & NAVIGATION  “A TAXONOMY IS BOTH [...] A  HIERARCHICAL CLASSIFICATION  SYSTEM [AND] ANY MEANS OF  ORGANIZING CON...
TAXONOMY & NAVIGATION Design taxonomies, categories, and classification schemes to make the organization of content intelli...
TAXONOMY & NAVIGATIONThe tools we use for web bring with them assumptionsthat can be hard to shake
TAXONOMY & NAVIGATIONCleanly capture the organization and structure of yourcontent to keep it free from context-specific co...
TAXONOMY & NAVIGATIONDesign navigation to fit a device-specific context
LEARN PATTERNS
EVERNOTE
EVERNOTE
DELIBERATE DESIGN Facilitates architectural parity across multiple contexts Leverages device specific “knowledge in the hea...
Doesn’t this make formore work?
EXPERIENCE HAPPENS WHENCONTENT AND INTERACTION MEET   IN THE MIND OF THE USER
DESIGN TASKS Content Analysis Competitive Analysis User Research Traffic Analysis Personas Use Cases Taxonomy & Metadata
DESIGN TASKS Content Analysis       Navigation Competitive Analysis   Labeling User Research          Wireframing Traffic An...
DESIGN TASKSContent Out              Context In  Content Analysis         Navigation  Competitive Analysis     Labeling  U...
KEEPING CONTENT &CONTEXT DISTINCT Create clarity of purpose upon which to make and support sound user experience decisions...
Recap
IA FOR MOBILE Mobile is growing fast and gaining momentum You can leverage “knowledge in the head” to keep pace with mobil...
Q&A
THANK YOU!Presented by ANDY FITZGERALD
Mobile Information Architecture
Mobile Information Architecture
Mobile Information Architecture
Upcoming SlideShare
Loading in...5
×

Mobile Information Architecture

1,310

Published on

A talk I gave on Mobile IA at the University of Washington iSchool's Information Architecture Summer Institute. Presented in Seattle, June 2012.

[Originally uploaded to Slideshare June 21, 2012]

Published in: Technology, Business

Mobile Information Architecture

  1. 1. MOBILE INFORMATIONARCHITECTUREEVERYTHING YOU ALREADY KNOW IS STILL RIGHT. SORT OF.Presented by ANDY FITZGERALD
  2. 2. ABOUT ANDY User Experience Designer Deloitte Digital | Übermind Information Architect Simpson Center for the Humanities Doctor of Language & Literature University of Washington @andybywire In the Twittersphere
  3. 3. ABOUT DELOITTE DIGITALFocus on Mobile & Emerging Technologies Mobile Strategy Concepts & Prototypes Consumer mobile & mCommerce Enterprise mobiles B2B mobile Public sector mobile Mobile readiness
  4. 4. Why does mobile matter?
  5. 5. 4.8 billion people worldwide own mobile phones
  6. 6. 4.8 billion people worldwide own mobile phones (4.2 billion people worldwide own toothbrushes).
  7. 7. 4.8 billion people worldwide own mobile phones (4.2 billion people worldwide own toothbrushes).There are 1.2 billion mobile web users worldwide.
  8. 8. 4.8 billion people worldwide own mobile phones (4.2 billion people worldwide own toothbrushes).There are 1.2 billion mobile web users worldwide.The number of mobile-connected devices willexceed the world’s population in 2012.
  9. 9. 4.8 billion people worldwide own mobile phones (4.2 billion people worldwide own toothbrushes).There are 1.2 billion mobile web users worldwide.The number of mobile-connected devices willexceed the world’s population in 2012.Mobile internet use is expected to surpass desktopby 2014. Digital  Disrup,on,  Deloi&e  Digital h&p://www.deloi&edigital.com/featured/digital-­‐disrup9on-­‐2x.png
  10. 10. Is design for mobile really sodifferent from web design?
  11. 11. .YES. & NO
  12. 12. .YES. & NO
  13. 13. DONALD NORMANThe Design of Everyday Things (1988) Knowledge in the World Interpretation substitutes for learning High ease of use on first encounter Efficiency slowed by the need of interpretation Knowledge in the Head Requires learning Low ease of use on first encounter Highly efficient
  14. 14. THE WAY WE USE THE WEB RELIES HEAVILY ON “KNOWLEDGE IN THE HEAD.” WE HAVE INTERNALIZED THIS KNOWLEDGE REALLY WELL.
  15. 15. THE WAY WE USE THE WEB RELIES HEAVILY ON “KNOWLEDGE IN THE HEAD.” WE HAVE INTERNALIZED THIS KNOWLEDGE REALLY WELL.
  16. 16. WE’RE ALSO GOOD AT INTERNALIZING THE“HEAD KNOWLEDGE” WE USE IN MOBILE.INSTEAD OF ONE KNOWLEDGE PATTERN, HOWEVER, THERE ARE DOZENS.
  17. 17. WE’RE ALSO GOOD AT INTERNALIZING THE“HEAD KNOWLEDGE” WE USE IN MOBILE.INSTEAD OF ONE KNOWLEDGE PATTERN, HOWEVER, THERE ARE DOZENS.
  18. 18. AND THEN THERE’S NATIVE.
  19. 19. DESIGN GUIDES ARE OPTIONAL, RIGHT? SOMETIMES YOU WANT YOUR APP TO LOOK THE SAME ACROSS DEVICES.
  20. 20. EPICURIOUSiPhone
  21. 21. EPICURIOUSiPhone
  22. 22. EPICURIOUSAndroid
  23. 23. EPICURIOUSAndroid
  24. 24. PORTING PITFALLS Ugly user interface Poor use of “Knowledge in the Head” Shortchanges device capabilities Require “hacks” that lead to poor performance and unreliability Create poor forward compatibility of design work Generate aggravating user experiences (& resulting negative feedback and brand damage)
  25. 25. So how does onedesign for mobile?
  26. 26. INFORMATION ARCHITECTURE HAPPENS BY DESIGN OR BY DEFAULT.WE HAVE INTERNALIZED THIS KNOWLEDGE REALLY WELL.
  27. 27. DESIGNING FOR MOBILE Put content first Separate taxonomy and navigation Learn patterns
  28. 28. CONTENT FIRST Future-proof content write for the “chunk” create content for re-use from the start Leverage metadata design for dynamically generated pages that respond to presentation and context Adapted  from  Adap,ng  Ourselves  to  Adap,ve  Content,   Karen  McGrane  @  IAS12
  29. 29. CONTENT FIRST “THE MORE STRUCTURE YOU PUT INTO CONTENT THE FREER IT WILL BECOME.” – Rachel Lovinger @rlovinger
  30. 30. TAXONOMY & NAVIGATION “A TAXONOMY IS BOTH [...] A HIERARCHICAL CLASSIFICATION SYSTEM [AND] ANY MEANS OF ORGANIZING CONCEPTS OF KNOWLEDGE.” –Heather Hedden, The Accidental Taxonomist
  31. 31. TAXONOMY & NAVIGATION Design taxonomies, categories, and classification schemes to make the organization of content intelligible to users. Design navigation and interaction to make using that content context appropriate.
  32. 32. TAXONOMY & NAVIGATIONThe tools we use for web bring with them assumptionsthat can be hard to shake
  33. 33. TAXONOMY & NAVIGATIONCleanly capture the organization and structure of yourcontent to keep it free from context-specific constraints
  34. 34. TAXONOMY & NAVIGATIONDesign navigation to fit a device-specific context
  35. 35. LEARN PATTERNS
  36. 36. EVERNOTE
  37. 37. EVERNOTE
  38. 38. DELIBERATE DESIGN Facilitates architectural parity across multiple contexts Leverages device specific “knowledge in the head” Leverages device and context specific capabilities Is future friendly Fits naturally into device ecosystems
  39. 39. Doesn’t this make formore work?
  40. 40. EXPERIENCE HAPPENS WHENCONTENT AND INTERACTION MEET IN THE MIND OF THE USER
  41. 41. DESIGN TASKS Content Analysis Competitive Analysis User Research Traffic Analysis Personas Use Cases Taxonomy & Metadata
  42. 42. DESIGN TASKS Content Analysis Navigation Competitive Analysis Labeling User Research Wireframing Traffic Analysis Interaction Design Personas Usability Testing Use Cases Visual Design Taxonomy & Implementation Metadata Oversight
  43. 43. DESIGN TASKSContent Out Context In Content Analysis Navigation Competitive Analysis Labeling User Research Wireframing Traffic Analysis Interaction Design Personas Usability Testing Use Cases Visual Design Taxonomy & Implementation Metadata Oversight
  44. 44. KEEPING CONTENT &CONTEXT DISTINCT Create clarity of purpose upon which to make and support sound user experience decisions Guard against falling into default patterns Build a future-friendly and re-useable foundation
  45. 45. Recap
  46. 46. IA FOR MOBILE Mobile is growing fast and gaining momentum You can leverage “knowledge in the head” to keep pace with mobile’s rate of expansion Mobile friendly design: puts content first designs for taxonomy & navigation deliberately uses patterns to bridge device differences Deliberate decisions allow you to better defend design choices and to create future-friendly foundations
  47. 47. Q&A
  48. 48. THANK YOU!Presented by ANDY FITZGERALD
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×