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 Franciscoaivmark@adobe.com

Christian RobertsonDesign DirectorPunchcut, San Franciscorobertson@punchcut.com

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