Adobe MAX 2009: Design Considerations for Contextually Aware Solutions

  • 231 views
Uploaded on

2009: Simple, straightforward principles to consider when pushing the user experience beyond the ordinary context. …

2009: Simple, straightforward principles to consider when pushing the user experience beyond the ordinary context.

Am posting only as it makes a good frame of reference/artifact given it's only about 4 years old!

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
231
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
10
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Design Considerations For Contextually Aware Solutions Ali Ivmark and Christian Robertson #adobemax21© Adobe Systems Incorporated 2009. All rights reserved. Adobe confidential.
  • 2. Who We Are Ali Ivmark Experience Design Manager Christian Robertson Adobe XD, San Francisco Design Director aivmark@adobe.com Punchcut, San Francisco robertson@punchcut.comA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 2
  • 3. Our Vision Awareness Contextual Seamlessly connected experience, living beyond a single device imgs left to right: MikroMikko, Nokia N900 , Nokia Morph ConceptA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 3
  • 4. RoadmapRoadmap emerging Examples guidelines ResourcesContext framework
  • 5. context
  • 6. Bad Contexts Painfully Broken Experiences (YouTube): citi big boyA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 6
  • 7. Good Contexts Seamlessly Connected ExperiencesA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 7
  • 8. We Are Here Christian RobertsonA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 8
  • 9. Emerging Opportunities Top/Mid/Low Tier Media Entertainment Consumer Electronics Smartphones (Portable Media Players) PMP (Wi-Fi/Multi-Player Enabled or 3rd Gen) Top/Mid Tier (or 3G) Smartphones HDTV Hi-Definition Tv NETWORK Mobile Mid/Low Tier (or 2G) Smartphones EDTV Enhanced Definition Legacy or CDMA/GSM Smartphones SDTV Standard Definition Desktop eBooks Gaming Consoles SmartBooks(Wi-Fi/Multi-Player Enabled) On-Demand HD Netbooks HD Streaming / Apple TV Mini-Desktop / Net-topDigital Media Receiver/network appliance Pro Laptops Consumer DesktopsA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 9
  • 10. Contextual Solutions, The Big Picture Applications Content Video Network Push/Pull Pull (Ajax) Streaming Context System UI + Hardware Conformity Rendering Playback Controls Context Analytics User Adaptive & Responsive UI Preview Customization Sharing Context User Roles & Privileges (Dashboards, Widgets, skins, themes, font size, etc.)A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 10
  • 11. emergingframework
  • 12. Traditional Drivers TECHNOLOGICAL ADVANTAGES COMPETITIVE ADVANTAGES EMOTIONAL ADVANTAGESA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 12
  • 13. Emerging User Contexts PHYSICAL CULTURAL SOCIAL INDIVIDUALA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 13
  • 14. Emerging User Contexts A Contextual Framework PHYSICAL Environmental, Temporal, Conditional or Situational StatesA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 14
  • 15. Emerging User Contexts A Contextual Framework PHYSICAL CULTURAL Universal Symbols & PatternsA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 15
  • 16. Emerging User Contexts A Contextual Framework PHYSICAL CULTURAL SOCIAL Familiar or Shared InterestsA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 16
  • 17. Emerging User Contexts A Contextual Framework PHYSICAL CULTURAL SOCIAL INDIVIDUAL Personal Rituals & PreferencesA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 17
  • 18. Contextual Drivers PHYSICAL REACH CULTURAL RELATIVITY SOCIAL RELEVANCE INDIVIDUAL RESONANCEA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 18
  • 19. exmaples
  • 20. Physical Context Environmental, temporal, conditional or situational considerations (cc) flickr: morizaA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 20
  • 21. Environment Environmental UI designed byA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 21
  • 22. Driving Photo: Wired Magazine / Eric PawassarA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 22
  • 23. Drivinga Automobile: designed by Dashboard UI A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 23
  • 24. Drivinga Automobile: designed by Dashboard UI A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 24
  • 25. Baking http://www.frogdesign.com/case-study/turbochef-30-double-wall-speedcook-oven.htmlA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 25
  • 26. Running (cc) flickr: vestmanA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 26
  • 27. Walking http://www.soundwalk.com/blog/2009/08/17/augmented-reality-soundwalk-with-layar/A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 27
  • 28. Shopping http://www.robinwestergren.com/A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.
  • 29. Scanning (cc) flickr: akababaA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 29
  • 30. Cultural Context Universally recognized symbols or world views (cc) flickr: St0rmzA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 30
  • 31. Symbols (cc) flickr: matsuda.yukihiro (cc) flickr: laurenatclemsonA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 31
  • 32. Social Context Mutually shared goals, interests or connections (cc) flickr: jonrawlinsonA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 32
  • 33. Drinking Games http://www.mobiadnews.com/?p=3172A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 33
  • 34. Role Playing http://www.youtube.com/watch?v=5lbIBfN6dkIA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 34
  • 35. Land Marking http://www.google.com/help/maps/favoriteplaces/A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 35
  • 36. Social BraggingA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 36
  • 37. Peer ReviewsA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 37
  • 38. Individual Context Personal rituals, tastes, styles and preferences (cc) flickr: Jon ÅslundA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 38
  • 39. WidgetingA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 39
  • 40. Watching TV Adaptive Channel / Search IPTV InterfaceA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 40
  • 41. Phone CallsA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 41
  • 42. Phone CallsA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 42
  • 43. Phone CallsA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 43
  • 44. Reading the Paper (cc) flickr: Seamus MurrayA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 44
  • 45. Reading the Paper AmazonKindleA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 45
  • 46. Reading the Paper(cc) flickr: Seamus MurrayA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 46
  • 47. guidelines
  • 48. Think Contextually PHYSICAL CULTURAL SOCIAL INDIVIDUALA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 48
  • 49. Think Sensibility (cc) flickr: TheNicksterA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 49
  • 50. Think Creatively Christian RobertsonA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 50
  • 51. Resources
  • 52. Connect to CommunitiesThe OpenScreen Projecthttp://www.openscreenproject.org/ Flash Platform Developer Connections http://www.adobe.com/devnet/flashplatform/A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 52
  • 53. Discover our ToolsApplications, Content and Video Design Tools Authoring Tools Framework Clients Servers DS Fireworks Illustrator Flash Flash Flash Flex Air Flash Player Flash Media LiveCycle Professional Catalyst Builder Framework Server Data Services ES Photoshop After Effects Services Distribution Collaboration Social Media ManagerA Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 53
  • 54. Inspire OthersINSPIRATIONAdobe XD Inspirehttps://xd.adobe.com/ Punchcut’s Idlemode http://idlemode.com/A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 54
  • 55. A Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.