73

Designing For Your User's Needs

Embed Size (px)

Citation preview

Page 1: Designing For Your User's Needs
Page 2: Designing For Your User's Needs

What will you learn?

The age of context

Simple guidelines to design for context

The first step in creating adaptive interfaces

How we will be interacting with our apps in the future

Page 3: Designing For Your User's Needs

What is context?

Page 4: Designing For Your User's Needs
Page 5: Designing For Your User's Needs
Page 6: Designing For Your User's Needs

Sometimes your greatest strength can emerge as a weakness if the context changes.

Harsha Bhogle

Page 7: Designing For Your User's Needs
Page 8: Designing For Your User's Needs
Page 9: Designing For Your User's Needs

The amount of wearable technology is growing exponentially

820x

2010 - 2014

Page 10: Designing For Your User's Needs

The Quantified Self

Page 11: Designing For Your User's Needs
Page 12: Designing For Your User's Needs
Page 13: Designing For Your User's Needs
Page 14: Designing For Your User's Needs

BIG DATA

Page 15: Designing For Your User's Needs

9287Tweets per Second

Page 16: Designing For Your User's Needs

Wearable computing + Big Data + Sensor Data + Social media =

A highly personalized world

Page 17: Designing For Your User's Needs

Adaptive SystemsGetting quick answers to quick questions

Page 18: Designing For Your User's Needs
Page 19: Designing For Your User's Needs

The ProcessDesigning products directly from an understanding of how the customer

works

Page 20: Designing For Your User's Needs

Research Storyboard

Prototype

The 3 stages of contextual design

Page 21: Designing For Your User's Needs

Classifying ContextLooking for context when doing field research

Page 22: Designing For Your User's Needs

Device

Page 23: Designing For Your User's Needs

Device Features

● Size

● Input Methods

● Operating System

● Outputs

● Network Connectivity

● Battery

● Sensors

Page 24: Designing For Your User's Needs
Page 25: Designing For Your User's Needs

Environment

Page 26: Designing For Your User's Needs

Environment

● Weather

● Brightness

● Temperature

● Ambient Noise

Page 27: Designing For Your User's Needs

Beginning of Adaptive Interfaces

Page 28: Designing For Your User's Needs
Page 29: Designing For Your User's Needs

Time

Page 30: Designing For Your User's Needs

Time

● Time of Day

● Weekend/Weekday

● Holidays (ecommerce)

Page 31: Designing For Your User's Needs
Page 32: Designing For Your User's Needs

Activity

Page 33: Designing For Your User's Needs

Lean Forward vs Lean Back

Page 34: Designing For Your User's Needs
Page 35: Designing For Your User's Needs

Questions About Activity

● Do users have simple tasks to fulfil, or a more complex network of activities?

● Are these activities or tasks digital, or do they support real-world activities?

● Does the current activity have a physical component? How can we support that?

● Are the interactions likely to be lean-forward, lean-back, or both?

Page 36: Designing For Your User's Needs

Individual

Page 37: Designing For Your User's Needs

Individual Limitations

● The human body (Ergonomics)

● Memory

● State of mind

● Behavioral preferences

● Motivations

Page 38: Designing For Your User's Needs

Human Behavior

Page 39: Designing For Your User's Needs
Page 40: Designing For Your User's Needs

Edward T. Hall’s Personal Space Research

Page 41: Designing For Your User's Needs

Social

Page 42: Designing For Your User's Needs

Questions To Consider A Social Context

● Will the app be used in more of a private or public context?

● Who else is involved in this activity other than the user?

● Is there benefit in asking the user to authorise my app with their social

networks?

● Does my app protect the user’s sensitive information with sufficient care?

Page 43: Designing For Your User's Needs
Page 44: Designing For Your User's Needs
Page 45: Designing For Your User's Needs

Location

Page 46: Designing For Your User's Needs
Page 47: Designing For Your User's Needs
Page 48: Designing For Your User's Needs
Page 49: Designing For Your User's Needs
Page 50: Designing For Your User's Needs
Page 51: Designing For Your User's Needs

Context StereotypesAlways give users a way out

Page 52: Designing For Your User's Needs
Page 53: Designing For Your User's Needs

Mobile Isn’t Mobile

68%

of mobile usage occurs at home

http://advertising.aol.com/sites/advertising.aol.com/files/insights/research-reports/downloads/aol-bbdo-7-shades-mobile-abstract-final.pdf

Page 54: Designing For Your User's Needs

VS

Page 55: Designing For Your User's Needs

Data-Implied Context

Page 56: Designing For Your User's Needs

Data alone cannot assure us of intent

Page 57: Designing For Your User's Needs

Microinteractions

Page 58: Designing For Your User's Needs

What are they good for?

● Accomplishing a single task

● Managing an ongoing task

● Interacting with a piece of data

● Controlling an ongoing process

● Adjusting a setting

● Viewing or creating a small piece of content

● Turning a feature on/off

Page 59: Designing For Your User's Needs

The difference between a product you love and one you tolerate are often the

microinteractions you have with it.Dan Saffer

Page 60: Designing For Your User's Needs

The pebble in the shoe effect

Page 61: Designing For Your User's Needs

Creating Microinteractions

Triggers Rules Feedback Loop

Page 62: Designing For Your User's Needs

Manual Triggers vs System Triggers

Page 63: Designing For Your User's Needs

Rules for a Light

1. Turn on when switch is flipped.

2. Stay at full brightness until switch is flipped back to off.

Page 64: Designing For Your User's Needs

Rules for a Light w/ Motion Sensor

1. Check every 2 seconds for movement

2. Movement detected

3. Is there enough to turn the light on?

4. Turn the light on

5. Check every 10 seconds for movement

6. If there’s no movement after 1 minute, turn light off

Page 65: Designing For Your User's Needs
Page 66: Designing For Your User's Needs

Feedback

Page 67: Designing For Your User's Needs

Feedback

Page 68: Designing For Your User's Needs

Short Loops

Page 69: Designing For Your User's Needs

Long Loops

Page 70: Designing For Your User's Needs

Don’t Start From Zero

Page 71: Designing For Your User's Needs

Future Present

Page 73: Designing For Your User's Needs

Thanks!Follow me @joezeoli

[email protected]