Downloaded 28 times
Uploaded byAynne Valencia
In Context
The document discusses designing experiences that span multiple platforms. It begins by examining the current state of practice, with experiences reaching desktops, mobile apps, social media, and more. Examples are provided of experiences that take different forms across platforms, such as centralized "hub" models or experiences with discrete entry points. Design deliverables for multi-targeted experiences are then outlined, including experience maps, wireframes, and standards libraries to maintain consistency. The document stresses the importance of considering user experience holistically across all devices and channels.
More Related Content
In Context
- 1. // SECTION /SUBSECTION Designing for multi-targeted In Context experiences Guillermo Torres & Aynne Valencia UX Australia, Canberra 08.28.09
- 2. IN CONTEXT: DESIGNINGMULTITARGETED EXPERIENCES Guillermo Torres Aynne Valencia
- 3. IN CONTEXT: DESIGNINGMULTITARGETED EXPERIENCES The State Of Our Practice Examples Design Deliverables
- 4. // THE STATEOF OUR PRACTICE Desktop Web
- 5. // THE STATEOF OUR PRACTICE Desktop Web Personas Concept Model Site Maps Flow Charts Wireframes
- 6. // THE STATEOF OUR PRACTICE Desktop Web Widgets/ Social Air Apps Platform Connected Rich Media Apps Banners
- 7. // THE STATEOF OUR PRACTICE Desktop Web Mobile Kiosks Widgets/ Social Smartphone Platform Touchscreen Air Apps Apps Connected Rich Media Augmented Internet Apps Banners Reality Enabled TV Gaming Consoles
- 8. // THE STATEOF OUR PRACTICE Desktop Web Smartphone Apps
- 9. // THE STATEOF OUR PRACTICE Web Air Apps/ Social Widgets Platform Rich Media Banners Gaming Consoles
- 10. // THE STATEOF OUR PRACTICE / SUBSECTION Mul⋅ti⋅tar⋅get⋅ed Ex⋅pe⋅ri⋅ence One experience that runs across multiple platforms and is appropriate to the context of use.
- 11. // THE STATEOF OUR PRACTICE / SUBSECTION Who is doing this? Publishers Media and Advertising Software
- 12. // THE STATEOF OUR PRACTICE / A CALL FOR ACTION A Call For Action
- 13. // EXAMPLES /GO WORLD
- 14. // EXAMPLES /GO WORLD
- 15. // EXAMPLE /GO WORLD
- 16. // EXAMPLE /GO WORLD
- 17. // EXAMPLE /GO WORLD
- 18. // EXAMPLE /GO WORLD
- 20.
- 21. Hub Experience main site Facebook TV YouTube Mobile
- 22. main site Facebook TV YouTube Mobile
- 23. main site Facebook TV YouTube Mobile
- 24. main site Facebook TV YouTube Mobile
- 25.
- 26.
- 27.
- 28.
- 29. // EXAMPLE /FACEBOOK Facebook
- 30. // EXAMPLE /FACEBOOK
- 31. // EXAMPLE /FACEBOOK
- 34. // EXAMPLE /CURATED EXPERIENCE Consolidates snippets of information Sensitive to the context of the device or platform Smart about what to show and what to suppress Flows and features may vary depending on where and how the user consumes them
- 35.
- 36.
- 37. // EXAMPLE /TWITTER Twitter
- 38. // EXAMPLE /TWITTER
- 39. // EXAMPLE /TWITTER
- 40. // EXAMPLE /TWITTER
- 41. // EXAMPLE /EVERNOTE Evernote
- 42. // EXAMPLE /EVERNOTE
- 43. // EXAMPLE /EVERNOTE
- 44. // EXAMPLE /EVERNOTE
- 45. // EXAMPLE /CLONED EXPERIENCE Replicates the same functionality across multiple channels Useful for when you want the user to learn features once Has the same basic user flows, features and functions
- 46.
- 47. // EXAMPLE /LOST RING The Lost Ring
- 48. // EXAMPLE /LOST RING
- 49. // EXAMPLE /LOST RING
- 50. // EXAMPLE /LOST RING
- 51. // EXAMPLE /LOST RING
- 52. // EXAMPLE /LOST RING
- 53. // EXAMPLE /DISTRIBUTED EXPERIENCES There can be multiple entry and exit points Users can have discreet "mini-experiences" There is no consistency in user flows, features or functions
- 54. // DESIGN DELIVERABLES Design Deliverables
- 55. // DESIGN DELIVERABLES/ ELEVATOR PITCH El⋅e⋅va⋅tor Pitch Short sentence, or statement describing the experience. The name reflects the fact that an elevator pitch can be delivered in the time span of an elevator ride (for example, thirty seconds and 100-150 words).
- 56. // DESIGN DELIVERABLES/ ELEVATOR PITCH What is the experience? Who is your user? How is it different?
- 57. // DESIGN DELIVERABLES/ ELEVATOR PITCH Evernote allows you to easily capture information in any environment, and makes this information accessible and searchable at any time, from anywhere. Did we mention that it's free?
- 58. // DESIGN DELIVERABLES/ EXPERIENCE MAP Ex⋅pe⋅ri⋅ence Map A holistic visual representation of the user experience accross locations and channels
- 59. // SECTION /SUBSECTION a day in the life
- 60. //Cross-Channel SECTION/ SUBSECTION Customize Experience Map Routine My Training Overview Browse/View Input Resources Results Print out Routine Online Log in to Nike Training Hit the eld At the Field Record Get Today’s Results Workout Train Sparq Test
- 61. // SECTION /SUBSECTION site map
- 64. // SECTION /SUBSECTION concept model
- 65. // SECTION /SUBSECTION
- 66. // SECTION /SUBSECTION
- 67. // DESIGN DELIVERABLES/ HYPERWIREFRAME Hy⋅per⋅wire⋅frame hyperwireframe is a visual guide that suggest a common structure or partition across the different silos in a multitargeted experience.
- 68.
- 69. PC Mac Web
- 70. PC Mac Web
- 71. EXPERIENCES THAT SCALEACROSS DEVICES TITLE TEXT
- 72. EXPERIENCES THAT SCALEACROSS DEVICES TITLE TEXT
- 73. EXPERIENCES THAT SCALEACROSS DEVICES TITLE TEXT
- 74. EXPERIENCES THAT SCALEACROSS DEVICES TITLE TEXT
- 75. EXPERIENCES THAT SCALEACROSS DEVICES TITLE TEXT
- 76. EXPERIENCES THAT SCALEACROSS DEVICES TITLE TEXT
- 77. EXPERIENCES THAT SCALEACROSS DEVICES TITLE TEXT
- 78. // DESIGN DELIVERABLES/ STANDARDS LIBRARY Standards Library
- 79. // DESIGN DELIVERABLES/ STANDARDS LIBRARY Worflows Register Purchase Share
- 80. // DESIGN DELIVERABLES/ STANDARDS LIBRARY Patterns v
- 81. // DESIGN DELIVERABLES/ STANDARDS LIBRARY Components v
- 82. // DESIGN DELIVERABLES/ STANDARDS LIBRARY Components v
- 83. // CONCLUSION Wewant to hear from you http://www.multitargetedexperience.com
- 84.