Design Considerations For Contextually Aware Solutions © Adobe Systems Incorporated 2009. All rights reserved. Adobe condential. Ali Ivmark and Christian Robertson #adobemax21
May 08, 2015
Design Considerations For Contextually Aware Solutions
© Adobe Systems Incorporated 2009. All rights reserved. Adobe con!dential.
Ali Ivmark and Christian Robertson
#adobemax21
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 2
Who We Are
Ali IvmarkExperience Design ManagerAdobe XD, San [email protected]
Christian RobertsonDesign DirectorPunchcut, San [email protected]
Seamlessly connected experience, living beyond a single device
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 3
Contextual AwarenessOur Vision
imgs left to right: MikroMikko, Nokia N900 , Nokia Morph Concept
Context Examples Resources
RoadmapRoadmap
guidelinesemergingframework
context
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Bad Contexts
6
(YouTube): citi big boy
PainfullyBrokenExperiences
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 7
Good Contexts
Seamlessly ConnectedExperiences
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
We Are Here
8
Christian Robertson
eBooks
Mobile
Desktop
Tv
Top/Mid/Low Tier Media Entertainment
Smartphones
Top/Mid Tier (or 3G) Smartphones
Mid/Low Tier (or 2G) Smartphones
Legacy or CDMA/GSM Smartphones
Netbooks
Mini-Desktop / Net-top
On-Demand HD
Gaming Consoles(Wi-Fi/Multi-Player Enabled)
Consumer Electronics (Portable Media Players)
PMP(Wi-Fi/Multi-Player
Enabled or 3rd Gen)
EDTV Enhanced Definition
SDTVStandard Definition
HDTVHi-Definition
HD Streaming / Apple TVDigital Media Receiver/network appliance Pro Laptops
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 9
Consumer Desktops
SmartBooks
Emerging Opportunities
NETWORK
Contextual Solutions, The Big Picture
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 10
NetworkContext
Applications Content Video
UserContext
SystemContext
Push/Pull Pull (Ajax) Streaming
UI + Hardware Conformity Rendering Playback ControlsAnalytics
Adaptive & Responsive UIUser Roles & Privileges
Preview Customization(Dashboards, Widgets, skins, themes, font size, etc.)
Sharing
emergingframework
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 12
Traditional Drivers
COMPETITIVE ADVANTAGES
TECHNOLOGICALADVANTAGES
EMOTIONAL ADVANTAGES
PHYSICAL
CULTURAL
SOCIAL
INDIVIDUAL
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 13
Emerging User Contexts
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 14
PHYSICAL
A Contextual FrameworkEnvironmental, Temporal, Conditional or Situational States
Emerging User Contexts
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 15
PHYSICAL
CULTURAL
A Contextual Framework
Universal Symbols & Patterns
Emerging User Contexts
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 16
SOCIAL
A Contextual Framework
Familiar or Shared Interests
Emerging User ContextsPHYSICAL
CULTURAL
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 17
PHYSICAL
CULTURAL
SOCIAL
INDIVIDUAL
A Contextual Framework
Personal Rituals & Preferences
Emerging User Contexts
PHYSICAL
CULTURAL
SOCIAL
INDIVIDUAL
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 18
Contextual Drivers
RELATIVITY
RELEVANCE
REACH
RESONANCE
exmaples
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
(cc) "ickr: moriza
Physical Context
Environmental, temporal, conditional or situationalconsiderations
20
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Environment
21
Environmental UIdesigned by
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Photo: Wired Magazine / Eric Pawassar
Driving
22
CR
aAutomobile:Dashboard UI designed by
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Driving
23
aAutomobile:Dashboard UI designed by
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Driving
24
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
http://www.frogdesign.com/case-study/turbochef-30-double-wall-speedcook-oven.html
Baking
25
ATI
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
(cc) "ickr: vestman
Running
26
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
http://www.soundwalk.com/blog/2009/08/17/augmented-reality-soundwalk-with-layar/
Walking
27
CR
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
http://www.robinwestergren.com/
Shopping
ATI
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
(cc) "ickr: akababa
Scanning
29
CR
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 30
Cultural Context
Universally recognized symbols or world views
(cc) "ickr: St0rmz
(cc) "ickr: laurenatclemson
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Symbols
31
(cc) "ickr: matsuda.yukihiro
Social Context
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
(cc) "ickr: jonrawlinson
32
Mutually shared goals, interests or connections
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Drinking Games
33
http://www.mobiadnews.com/?p=3172
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Role Playing
34
http://www.youtube.com/watch?v=5lbIBfN6dkI
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
http://www.google.com/help/maps/favoriteplaces/
Land Marking
35
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Social Bragging
36
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Peer Reviews
37
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Individual Context
(cc) "ickr: Jon Åslund
38
Personal rituals, tastes, styles and preferences
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential.A
Widgeting
39
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Watching TV
40
Adaptive Channel / SearchIPTV Interface
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential.A
Phone Calls
41
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential.A
Phone Calls
42
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential.A
Phone Calls
43
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Reading the Paper
44
(cc) "ickr: Seamus Murray
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Reading the Paper
45
AmazonKindle
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Reading the Paper
46
(cc) "ickr: Seamus Murray
guidelines
PHYSICAL
CULTURAL
SOCIAL
INDIVIDUAL
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 48
Think Contextually
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 49
Think Sensibility
(cc) "ickr: TheNickster
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
Think Creatively
50
Christian Robertson
Resources
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 52
Connect to Communities
The OpenScreen Projecthttp://www.openscreenproject.org/
Flash Platform Developer Connectionshttp://www.adobe.com/devnet/flashplatform/
Authoring Tools Framework Clients Servers
Flash Professional
Flash Catalyst
Flash Builder
FlexFramework
Air Flash Player
Design Tools
Fireworks
Photoshop After Effects
Illustrator
Flash MediaServer
LiveCycleData Services ES
Distribution Manager
Services Collaboration Social Media
DS
Discover our Tools
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A 53
Applications, Content and Video
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A
INSPIRATIONInspire Others
54
Adobe XD Inspirehttps://xd.adobe.com/
Punchcut’s Idlemodehttp://idlemode.com/
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.A