In context
Upcoming SlideShare
Loading in...5
×
 

In context

on

  • 1,063 views

http://www.slideshare.net/aynne/in-context

http://www.slideshare.net/aynne/in-context

Statistics

Views

Total Views
1,063
Slideshare-icon Views on SlideShare
1,058
Embed Views
5

Actions

Likes
2
Downloads
8
Comments
0

1 Embed 5

http://www.linkedin.com 5

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    In context In context Presentation Transcript

    • // SECTION / SUBSECTION Designing for multi-targeted In Context experiences Guillermo Torres & Aynne Valencia UX Australia, Canberra 08.28.09Wednesday, December 16, 2009
    • IN CONTEXT: DESIGNING MULTI-TARGETED EXPERIENCES Aynne Valencia Guillermo TorresWednesday, December 16, 2009
    • IN CONTEXT: DESIGNING MULTI-TARGETED EXPERIENCES Web Application Design Physical Product and Devices Mobile/iPhone applications Software applications Digital AdvertisingWednesday, December 16, 2009
    • IN CONTEXT: DESIGNING MULTI-TARGETED EXPERIENCES The State Of Our Practice Examples Design DeliverablesWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE Desktop WebWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE Wireframes Desktop Web Personas Concept Model Site Maps Flow ChartsWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE Create Desktop Web Design Collaborate Sell EvangelizeWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE Desktop Web Widgets/ Social Air Apps Platform Connected Web Apps/ Apps RIA Rich Media BannersWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE Desktop Web Mobile Kiosks Widgets/ Social Smartphone Platform Touchscreen Air Apps Apps Connected Web Apps/ Augmented Internet Apps RIA Reality Enabled TV Rich Media Gaming Banners ConsolesWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE Web Mobile Widgets/ Smartphone Air Apps AppsWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE Social Smartphone Platform Apps Web Apps/ RIAWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE / Definition Mul⋅ti⋅tar⋅get⋅ed Ex⋅pe⋅ri⋅ence One experience that runs across multiple platforms and is appropriate to the context of use.Wednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE /WHO IS DOING THIS? Who is doing this? Publishers Media and Advertising SoftwareWednesday, December 16, 2009
    • // THE STATE OF OUR PRACTICE / A CALL FOR ACTION A Call For ActionWednesday, December 16, 2009
    • // EXAMPLES / GO WORLDWednesday, December 16, 2009
    • // EXAMPLES / GO WORLDWednesday, December 16, 2009
    • // EXAMPLE / GO WORLDWednesday, December 16, 2009
    • // EXAMPLE / GO WORLDWednesday, December 16, 2009
    • // EXAMPLE / GO WORLDWednesday, December 16, 2009
    • // EXAMPLE / GO WORLDWednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • Hub ExperienceWednesday, December 16, 2009
    • Hub Experience main site Facebook TV YouTube MobileWednesday, December 16, 2009
    • main site Facebook TV YouTube MobileWednesday, December 16, 2009
    • main site Facebook TV YouTube MobileWednesday, December 16, 2009
    • main site Facebook TV YouTube MobileWednesday, December 16, 2009
    • More examplesWednesday, December 16, 2009
    • // EXAMPLE / OBAMA Obama CampaignWednesday, December 16, 2009
    • // EXAMPLE / OBAMAWednesday, December 16, 2009
    • // EXAMPLE / OBAMAWednesday, December 16, 2009
    • // EXAMPLE / OBAMAWednesday, December 16, 2009
    • // EXAMPLE / OBAMAWednesday, December 16, 2009
    • // EXAMPLE / OBAMAWednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • // EXAMPLE / HUB EXPERIENCE Content comes from centralized place on the web Information is syndicated out Often branded experience with single call to action "all roads lead to Rome"Wednesday, December 16, 2009
    • Curated ExperienceWednesday, December 16, 2009
    • Curated ExperienceWednesday, December 16, 2009
    • Curated ExperienceWednesday, December 16, 2009
    • // EXAMPLE / FACEBOOK FacebookWednesday, December 16, 2009
    • // EXAMPLE / FACEBOOKWednesday, December 16, 2009
    • // EXAMPLE / FACEBOOKWednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • Wednesday, December 16, 2009
    • // 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 themWednesday, December 16, 2009
    • Cloned ExperienceWednesday, December 16, 2009
    • Cloned ExperienceWednesday, December 16, 2009
    • // EXAMPLE / TWITTER TwitterWednesday, December 16, 2009
    • // EXAMPLE / TWITTERWednesday, December 16, 2009
    • // EXAMPLE / TWITTERWednesday, December 16, 2009
    • // EXAMPLE / TWITTERWednesday, December 16, 2009
    • // EXAMPLE / EVERNOTE EvernoteWednesday, December 16, 2009
    • // EXAMPLE / EVERNOTEWednesday, December 16, 2009
    • // EXAMPLE / EVERNOTEWednesday, December 16, 2009
    • // 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 functionsWednesday, December 16, 2009
    • Distributed ExperienceWednesday, December 16, 2009
    • // EXAMPLE / LOST RING The Lost RingWednesday, December 16, 2009
    • // EXAMPLE / LOST RINGWednesday, December 16, 2009
    • // EXAMPLE / LOST RINGWednesday, December 16, 2009
    • // EXAMPLE / LOST RINGWednesday, December 16, 2009
    • // EXAMPLE / LOST RINGWednesday, December 16, 2009
    • // EXAMPLE / LOST RINGWednesday, December 16, 2009
    • // 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 functionsWednesday, December 16, 2009
    • // DESIGN DELIVERABLES Design DeliverablesWednesday, December 16, 2009
    • // 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).Wednesday, December 16, 2009
    • // DESIGN DELIVERABLES / ELEVATOR PITCH What is the experience? Who is your user? How is it different?Wednesday, December 16, 2009
    • // 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 its free?Wednesday, December 16, 2009
    • // DESIGN DELIVERABLES / EXPERIENCE MAP Ex⋅pe⋅ri⋅ence Map A holistic visual representation of the user experience accross locations and channelsWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / EXPERIENCE MAP A Day In The LifeWednesday, December 16, 2009
    • //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 TestWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / EXPERIENCE MAP Site MapWednesday, December 16, 2009
    • THE LOST RING Experience 1.0A The Lost Ring.com 2.0 Heroine Site 3.0A French Ally Character Site 4.0 Japanese Ally Character Mobile Site 6.0A Portuguese Language Site 7.0 Historian Site **** 8.0 S Entry Points 4.00 1.0B The Lost Ring.de 2.00 3.0B German Ally Character Site m.findthelostring 6.0B Italian Language Site .jp Findthelostring 7.00 8.00 Link From Badged Content 1.0C The Lost Ring.jp 3.0C Spanish Ally Character Site 6.0C Korean Language Site Olympic Secrets.com Olympic Secrets.com 1.0D The Lost Ring.es 2.1 10.3 2.4.0 10.1 4.1 4.2 4.4.0 10.5 Create/View 6.00 8.10 In-store Wifi Start Page ? Upcoming Feed of List Of Artifacts View/Post Create/View Profile Access Secret Events Blog Entries Game Activity Content List Of Artifacts Profile 3.00 Findthelostring 7.1 7.2 7.3 7.4 Site 1.0E The Lost Ring.co.uk Visualization Findthelostring Episodes Pangaea Mailing List Contact Professor 4.4.1 Overlay Sign Up 4.2.1 8.20 Youtube Link (Heroine) 2.4.1 1.0F The Lost Ring.fr 2.1.2 Upcoming Digitized Blog Entries Digitized Artifacts 7.1.2 7.4.1 Artifact Info Artifacts Events 6.4.0 Podcasts 6.1 10.3 10.1 Canned reply 4.2.2 View/Post Create/View Youtube Link (Player) 1.0G The Lost Ring.br 3.1 10.3 View/Post 3.4.0 10.1 Create/View Post Comment Game Activity Visualization Content List Of Artifacts Profile Game Activity Content List Of Artifacts Profile 7.1.3 Visualization Quizzes 1.0H The Lost Ring.cn 2.3.0 2.3.1 2.3.2 2.3.3 4.2.2.1 6.1.2 6.4.1 Twitter Profile (Heroine) 3.4.1 Delete Comment Digitized RSS Feeds You Tube Twitter Flickr 3.1.2 Upcoming Artifacts Events 1.0I The Lost Ring.it Upcoming Events Digitized Artifacts 4.2.3 7.1.3.1 Save Quiz 3rd party feeds/badged content Flag Inappropriate Twitter Profile (Ally) 7.1.4Experience model 1.00 6.3.0 2.3.1 2.3.2 2.3.3 Post Comment Thelostring 2.3.1 2.3.2 2.3.3 RSS Feeds You Tube Twitter Flickr .com 3.3.0 RSS Feeds You Tube Twitter Flickr 4.3 4.3.1 4.3.2 3rd party feeds/badged content RSS Feeds You Tube Flickr 1.10 1.20 1.30 3rd party feeds/badged content Trailer Story Of The Game Rules Lost Ring 3rd party feeds/badged content 0.00 .00 2.00 Parallel Olympicsecrets FindthelostRing University.com Mobile site An imbedded Google map pro with annotations showing where artifacts were found and where labyrinths are located Limited story line Do we want to consider placing an upcoming events badge using a third party? 5.0 Mandarin Chinese Ally Character Site 5.00 Findthelostring 5.1 10.3 5.4.0 10.1 View/Post Create/View Game Activity Content List Of Artifacts Profile Visualization 5.4.1 5.1.2 Digitized Upcoming Artifacts Events 5.3.0 5.3.1 5.3.2 5.3.3 * RSS Feeds * You Tube * Twitter * Flickr 3rd party feeds/badged content * Follow up to see what restrictions if any on content into Chinese domain - some inbound feeds may be restricted 10.0 Shared Platform/Common Components 10.2 Manage Profile 10.3 Content 10.4 Search 10.5 Mobile Registration 10.1 Create Profile 10.1 10.3 10.5 10.2 10.4 Create Profile Blog User Texts Code View Profile Search Archives to register 10.5.1 10.1.1 10.3.1 10.4.1 10.2.1 TOC/Guidelines TOC/Community Blog Search Result Edit Profile Opt-in link Guidelines Entries Create pro le 10.3.1.2 10.5.2 Post Comment m.thelostring 10.2.1.1 10.2.1.2 Delete Profile Upload Avatar 10.3.1.2.1 Delete Comment 10.5.2 m.thelostring /profile Pro le 10.3.2 Search Flag Inappropriate Create pro leWednesday, December 16, 2009
    • Flag Inappropriate User experience 3.0A French Ally Character Site 4.0 Japanese Ally Character Mobile Site 6.0A Portuguese Language Site 7.0 Historian Site **** 8.0 Secret Site 9.0 Puppet master Tracking Site 4.00 3.0B German Ally Character Site m.findthelostring .jp 6.0B Italian Language Site 9.00 7.00 8.00 URL TBD 3.0C Spanish Ally Character Site 6.0C Korean Language Site Olympic Secrets.com Olympic Secrets.com 4.1 4.2 4.4.0 10.5 8.10 9.1 9.2 9.3 9.4 9.5 9.6 9.7.0 9.8.0 Feed of Create/View 6.00 Regional Upcoming List Of Artifacts Access Secret Blog Entries Profile Game Activity Activity Viewer User Inbox Latest Moderator Link to Admin List Of Events View Player Rate Player Events Findthelostring 7.1 7.2 7.3 7.4 Site 3.00 Visualization Tasks Blog Entry Local Site Profile Participation Contact Findthelostring Episodes Pangaea Mailing List Professor Overlay Sign Up 9.4.1 4.4.1 8.20 9.6.1 4.2.1 Post To Moderator Digitized Artifact Info Add New Game Blog 7.1.2 Blog Artifacts Event Entries 7.4.1 6.4.0 Podcasts 6.1 10.3 10.1 Canned reply 9.4 4.2.2 View/Post Create/View Game Activity Content List Of Artifacts Profile View Moderator 9.6.2 3.1 10.3 3.4.0 10.1 View/Post Create/View Post Comment Visualization Blog Entries 7.1.3 Event Detail Game Activity Content List Of Artifacts Profile Visualization Quizzes 6.4.1 9.4 4.2.2.1 6.1.2 9.6.3 Digitized Moderator 3.4.1 Delete Comment Upcoming Edit Event 3.1.2 Artifacts Blog Archive Events Digitized 7.1.3.1 Upcoming Artifacts Events 4.2.3 Flag Save Quiz Event tracking and management* Inappropriate 7.1.4 6.3.0 2.3.1 2.3.2 2.3.3 Post Comment 2.3.1 2.3.2 2.3.3 RSS Feeds You Tube Twitter Flickr 3.3.0 RSS Feeds You Tube Twitter Flickr 4.3 4.3.1 4.3.2 3rd party feeds/badged content RSS Feeds You Tube Flickr 3rd party feeds/badged content 3rd party feeds/badged content Mobile site An imbedded Google map pro with annotations showing where artifacts were found and where labyrinths are located Limited story line Do we want to consider placing an upcoming events badge using a third party? SUSPENSE REVEALATION WEEK 1 WEEK 2 WEEK 3 WEEK 4 WEEK 5 WEEK 6 WEEK 7 WEEK 8 WEEK 9 WEEK 10 WEE Lostring.com ARG Community Launch THE LOST RING.COM Lostring.com Public Launch M-DAY HEROINE SITE FINDTHELOST RING.COM HISTORIAN SITE PARALELLUNIVERSITY.COM Time line ALLY SITE TRACKING TOOL (FOR PUPPETMASTERS) PROFLE MANAGEMENT/STORE IN PLACE CONTENT MANAGEMENT SYSTEM (WHERE ALL SITES LIVE)Wednesday, December 16, 2009
    • // DESIGN DELIVERABLES / EXPERIENCE MAP Concept ModelWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / EXPERIENCE MAP Walks Man DogWednesday, December 16, 2009
    • // SECTION / SUBSECTIONWednesday, December 16, 2009
    • // SECTION / SUBSECTIONWednesday, December 16, 2009
    • // 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.Wednesday, December 16, 2009
    • WireframeWednesday, December 16, 2009
    • PC Mac WebWednesday, December 16, 2009
    • PC Mac WebWednesday, December 16, 2009
    • EXPERIENCES THAT SCALE ACROSS DEVICES TITLE TEXTWednesday, December 16, 2009
    • EXPERIENCES THAT SCALE ACROSS DEVICES TITLE TEXTWednesday, December 16, 2009
    • EXPERIENCES THAT SCALE ACROSS DEVICES TITLE TEXTWednesday, December 16, 2009
    • EXPERIENCES THAT SCALE ACROSS DEVICES TITLE TEXTWednesday, December 16, 2009
    • EXPERIENCES THAT SCALE ACROSS DEVICES TITLE TEXTWednesday, December 16, 2009
    • EXPERIENCES THAT SCALE ACROSS DEVICES TITLE TEXTWednesday, December 16, 2009
    • EXPERIENCES THAT SCALE ACROSS DEVICES TITLE TEXTWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / STANDARDS LIBRARY Standards LibraryWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / STANDARDS LIBRARY Workflows Register Purchase ShareWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / STANDARDS LIBRARY Patterns vWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / STANDARDS LIBRARY Components vWednesday, December 16, 2009
    • // DESIGN DELIVERABLES / STANDARDS LIBRARY Components vWednesday, December 16, 2009
    • // CONCLUSION We want to hear from you http://www.multitargetedexperience.comWednesday, December 16, 2009
    • Thank You http://www.multitargetedexperience.com https://xd.adobe.com http://www.openscreenproject.comWednesday, December 16, 2009
    • Keep in Touch! Aynne Guillermo g1sh aynneWednesday, December 16, 2009