Designing happiness

69
30 30 A TALK BY ME FOR AWESOME PEOPLE LIKE YOU

description

This was one of my talks for goto; conference in Zurich Designing Happiness isn't just about proper pixel placement, fancy animations or unnecessary mobile gestures. This is about trying to genuinely understand that our users aren't just "click's or views" and instead people with complex emotions. User Experience Design is a wrapper that contains the vision, strategy and overall design in mind while going through the stages of building a product, and as digital professionals we can use Maslow's hierarchy of needs to re-map the emotional connections to our products.

Transcript of Designing happiness

Page 1: Designing happiness

30

30

A TALK BY MEFOR AWESOME

PEOPLE LIKE YOU

Page 2: Designing happiness

DesigningHappinessPresentation by: Vince Baskerville | Mobile Product Manager

Page 3: Designing happiness

engage!on existing networks!

reach!customers anywhere!

infuse!across the enterprise!

create a content hub!

communities!!

vibrant & connected!!

uniquely-branded engagement!

mobile!!

experience continuity! !

modern device capabilities!

developer nation!!

enable more innovation!!

developer outreach & support!

social web!!

self-service!customer care!

globalized!integrations!

analytics!

social intelligence! insights!performance!

Lithium Technologies

Page 4: Designing happiness
Page 5: Designing happiness

what exactlyis happiness

Page 6: Designing happiness

vince baskerville | @whoisvince

Page 7: Designing happiness

vince baskerville | @whoisvince

Page 8: Designing happiness

vince baskerville | @whoisvince

it’s co-dependent on your current situation.

So..... how do you design for something that’s constantly

changing?

Page 9: Designing happiness

vince baskerville | @whoisvince

Page 10: Designing happiness

vince baskerville | @whoisvince

Page 11: Designing happiness

vince baskerville | @whoisvince

FUNCTIONAL RELIABLEACHIEVABLEUSABLE

PLEASUREABLE

Page 12: Designing happiness

vince baskerville | @whoisvince

FUNCTIONAL RELIABLEACHIEVABLE

USABLE

PLEASUREABLE

Page 13: Designing happiness

vince baskerville | @whoisvince

CLEAR MAILBOX FLY DELTA

Page 14: Designing happiness

design for opposable

thumbs

Page 15: Designing happiness

vince baskerville | @whoisvince

Page 16: Designing happiness

vince baskerville | @whoisvince

not baby fingers

Page 17: Designing happiness

vince baskerville | @whoisvince

actual fingers accommodating for

the taps & drags of our clumsy fingers & thumbs

Page 18: Designing happiness

vince baskerville | @whoisvince

44px

Page 19: Designing happiness

vince baskerville | @whoisvince

Page 20: Designing happiness

vince baskerville | @whoisvince

tablets & thein!between

smartphone things

Page 21: Designing happiness

vince baskerville | @whoisvince

rocket science? no....

Page 22: Designing happiness

one-thousand

little things

Page 23: Designing happiness

vince baskerville | @whoisvince

vs.

Page 24: Designing happiness

vince baskerville | @whoisvince

Page 25: Designing happiness

vince baskerville | @whoisvince

context matters

Page 26: Designing happiness

vince baskerville | @whoisvince

the device wars

Page 27: Designing happiness

vince baskerville | @whoisvince

Page 28: Designing happiness

vince baskerville | @whoisvince

Page 29: Designing happiness

vince baskerville | @whoisvince

Page 30: Designing happiness

vince baskerville | @whoisvince

Page 31: Designing happiness

vince baskerville | @whoisvince

Page 32: Designing happiness

vince baskerville | @whoisvince

Page 33: Designing happiness

vince baskerville | @whoisvince

throughout the design process, our work should be situated in the context

where it will be used

Page 34: Designing happiness

vince baskerville | @whoisvince

Page 35: Designing happiness

vince baskerville | @whoisvince

Page 36: Designing happiness

vince baskerville | @whoisvince

wells fargo

Page 37: Designing happiness

vince baskerville | @whoisvince

Page 38: Designing happiness

vince baskerville | @whoisvince

Page 39: Designing happiness

vince baskerville | @whoisvince

my bank is mobile too, but doesn’t make me happy.

I expect it.

Page 40: Designing happiness

vince baskerville | @whoisvince

Page 41: Designing happiness

vince baskerville | @whoisvince

context matters

Page 42: Designing happiness

vince baskerville | @whoisvince

simple & usable is always a great start, but there’s still more that can be achieved as your audience grows*

Page 43: Designing happiness

vince baskerville | @whoisvince

TRIPLINGO

Page 44: Designing happiness

give users what they

need

Page 45: Designing happiness

vince baskerville | @whoisvince

not what they ask for

Page 46: Designing happiness

vince baskerville | @whoisvince

observe problems & listen to the questions that our

users are asking

Page 47: Designing happiness

vince baskerville | @whoisvince

unlike page view metrics, "visitors, returning visitors,

& conversions#, nothing instantly tells you what

you need to know.

Page 48: Designing happiness

vince baskerville | @whoisvince

4 simple yet powerful reasons why metrics &

user data are invaluable

Page 49: Designing happiness

1. having data solves arguments. it removes opinions from fact; either it’s true or not

2. data helps improve your intuition

3. data shows you how to increase conversions

4. investors / clients / stakeholders love data

Page 50: Designing happiness

build a product; not

features

Page 51: Designing happiness

vince baskerville | @whoisvince

Page 52: Designing happiness

vince baskerville | @whoisvince

gradually expose the depth of your product

Page 53: Designing happiness

vince baskerville | @whoisvince

Page 54: Designing happiness

vince baskerville | @whoisvince

Page 55: Designing happiness

vince baskerville | @whoisvince

Page 56: Designing happiness

vince baskerville | @whoisvince

90/10 rule

Page 57: Designing happiness

what great aesthetics

can’t do

Page 58: Designing happiness

vince baskerville | @whoisvince

design supports the strategy, promotes the

product which is built by your team & lead by a

strong vision

Page 59: Designing happiness

vince baskerville | @whoisvince

Page 60: Designing happiness

vince baskerville | @whoisvince

GOOGLE+ VINE COLOR

Page 61: Designing happiness

engagement loads

Page 62: Designing happiness

vince baskerville | @whoisvince

1.cognitive

2.visual

3.motor

Page 63: Designing happiness

vince baskerville | @whoisvince

cognitive loads are the *most expensive* — take lots of human energy

while motor loads are the least expensive

Page 64: Designing happiness

vince baskerville | @whoisvince

Page 65: Designing happiness

vince baskerville | @whoisvince

Page 66: Designing happiness

vince baskerville | @whoisvince

Page 67: Designing happiness

vince baskerville | @whoisvince

when you lower all the loads you are also lowering

engagement & entertainment

Page 68: Designing happiness

vince baskerville | @whoisvince

“The constraints in mobile devices force us to focus on

what really matters emphasize the most valuable parts [..] not

just the parts of our offering we think ‘make sense.”

- LUKE WROBLEWSKI

Page 69: Designing happiness

vince baskerville | @whoisvince

danke