Cosa è l'Experience Design

63
© Copyright 2013 Avanade Inc. All Rights Reserved. USER EXPERIENCE DESIGN Cosa vuol dire progettare l’esperienza d’uso. Francesca Tassistro | Creative Lead @ Avanade

description

Cosa vuol dire User Experience? Che attività svolge uno User Experience Designer? Dove lavora  e di quali progetti si occupa? Insieme agli studenti della NABA abbiamo cercato di rispondere a queste domande.

Transcript of Cosa è l'Experience Design

Page 1: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGNCosa vuol dire progettare l’esperienza d’uso.

Francesca Tassistro | Creative Lead @ Avanade

Page 2: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

Esperta di tecnologia

Artista

Guru del marketing

Interessata alle persone

Solution finder

Experience Designer

Page 3: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

?

Page 4: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGN

Page 5: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGN

Page 6: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

Page 7: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

Page 8: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

Page 9: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

Page 10: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

Page 11: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

Page 12: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGNUSER EXPERIENCE

Page 13: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGNUSER EXPERIENCE

Page 14: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

progettare l’esperienza di utilizzo di applicazioni digitali

Page 15: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

in che modo?

Page 16: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

Page 17: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

GENIUS DESIGN

Page 18: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER CENTERED DESIGN

Page 19: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

HUMANCENTERED DESIGN

Page 20: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | PagDONALD NORMAN

If we are designing for people

why not call them that:

people, a person,

or perhaps humans.

Page 21: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

ANALISI PROGETTAZIONE

Page 22: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

Cinque regole per fareDesign Research

ANALISI

Page 23: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

If I had 60 minutes to solve a problem

and my life depended on it

I’d spend 55 minutes

determining the right question to ask.

Once I got the right question,

I could easily answer it in 5 minutes.

#1

Page 24: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

#1

Capire cosa vogliamo ottenere dalla ricerca

REGOLA N.1

Page 25: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

#2

Scegliere la metodologia più adatta

REGOLA N.2

Page 26: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

QUESTIONARI

WEB ANALYTICS

#2METODI QUANTITATIVI

METODI QUALITATIVI

CO

INN

VOLG

IMEN

TO O

PER

ATIV

O

CO

INN

VOLG

IMEN

TO V

ERBA

LE

FOCUS GROUP

INTERVISTE

OSSERVAZIONE

USABILITY TEST

Page 27: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

#3

Saper ascoltare e saper porre le giuste domande

REGOLA N.3

Page 28: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

Design research

asks us to bring creative energy

to the synthesis

of confusing and conflicting

information

JANE FULTON SURI

Chief Creative Officer at IDEO

#4

Page 29: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

#4

Estrarre risultati utiliREGOLA N.4

Page 30: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

The effectiveness of research

is inversely proportional

to the thickness

of its binding.

TODD WILKENS

Experience Designer at ADAPTIVE PATH

#5

Page 31: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

#5

Comunicare i risultati in modo efficace

REGOLA N.5

Page 32: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

Page 33: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

Page 34: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

The thing about personas is

they need to be based

on reality

and they cannot be based

on self-referential thinking.

ALAIN COOPER

Founder of COOPER

#5

Page 35: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

Sei metodologie di cui non si può fare a meno

PROGETTAZIONE

Page 36: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

#1 CONCEPT

Page 37: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

This is the most abstract

part of the process,

when the concrete needs

of individuals

are transformed

into high-level insights

IDEO

about the larger population

Page 38: Cosa è l'Experience Design

Metafora High level IA

Page 39: Cosa è l'Experience Design

Modello di interazione

Page 40: Cosa è l'Experience Design
Page 41: Cosa è l'Experience Design

Moodboard

Page 42: Cosa è l'Experience Design

Proposta Visual

Page 43: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

ARCHITETTURADELLE INFORMAZIONI

#2

Page 44: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

L’arte di strutturare,

organizzare ed etichettare

i contenuti

per aiutare le persone

a trovare e gestire

i contenuti stessi.

LOUIS ROSENFELD

Principal of LOUIS ROSENFELD LLC

Page 45: Cosa è l'Experience Design
Page 46: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

FLUSSI DI INTERAZIONE

#3

Page 47: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

Razionalizzazione e formalizzazione delle connessioni logiche tra gli elementi dell’applicazione e le azioni degli utenti

Page 48: Cosa è l'Experience Design

Avanade Confidential – Do Not Copy, Forward or Circulate© Copyright 2011 Avanade Inc. All Rights Reserved.

HANDSET! FINDINGS!

SUCCESS RATE!

GENERAL NOTES ABOUT THE TASK!

U250!

N° users tested 14

N° users completed 11

N° users completed with help 0

N° users did not complete 3

Task 2"Save a given number"!

Positive findings

Cosmetic problems

Serious problems

Catastrophe

For this task users were asked to create a new contact to the contact list. To increase the difficulty, users were also asked to change the number type to “office”. !This task was designed also to check if users were able to understand the use the of the spin box . !!Starting from Day Two, user were also asked to predict the effect of pressing the “c” key while in the contact list, to check if the device behavior was coherent with their mental model.!!

Page 49: Cosa è l'Experience Design

How much?Payment

Information

Recipient

Information

Donation Options

Select DogUpsells

Confirm

Donation

Options Dog Needs

Summary

Planned Gift

Options

Planned?Y

N

Y

N

Gift?

N

Y

>$500?

Adopt a dog

go

stop

Page 50: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

WIREFRAME#4

Page 51: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

Wireframes

content

functionalities

and the means of

navigating to those

two things.

DAN SAFFER

Director of Interaction Design at SMART DESIGN

should contain

Page 52: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

Products

Garden Doctor

Plant Guide

Garden Care

Home Care

Seasonal Adiveces DISCOVER OUR WIDE RANGE

OF GARDEN CARE PRODUCTS

Community BEST SOLUTIONS FOR YOUR

GARDEN PROBLEMSALL INFOMRATION YOU NEED

ABOUT YOUR PLANTSTIPS AND CUES FOR THE

BEAUTY OF YOUR GARDENTIPS AND CUES FOR THEBEAUTY OF YOUR HOME

WHAT TO DO IN YOUR GARDENMONTH BY MONTH

SHARE WITH OTHER PEOPLEYOUR GARDENING P

United  Kingdom En About Bayer | Contact | Store Locator | News | Protect Tomorrow Today | Site map | Trade Access

Email PasswordLogin

Forgot password?

Ants

Logo

settings

New: 100% natural products Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

Top products

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit,

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit,

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit,

JOIN THE COMMUNITY!

- Create your garden- Ask help- Participate to contests

Subscribe now

VIDEO

Video title

TO DO IN [MONTH]

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

Title

4.1 2.6

SketchesHigh fidelity

Page 53: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

Products

Garden Doctor

Plant Guide

Garden Care

Home Care

Seasonal Adiveces DISCOVER OUR WIDE RANGE

OF GARDEN CARE PRODUCTS

Community BEST SOLUTIONS FOR YOUR

GARDEN PROBLEMSALL INFOMRATION YOU NEED

ABOUT YOUR PLANTSTIPS AND CUES FOR THE

BEAUTY OF YOUR GARDENTIPS AND CUES FOR THEBEAUTY OF YOUR HOME

WHAT TO DO IN YOUR GARDENMONTH BY MONTH

SHARE WITH OTHER PEOPLEYOUR GARDENING PASSION

United  Kingdom En About Bayer | Contact | Store Locator | News | Protect Tomorrow Today | Site map | Trade Access

Email PasswordLogin

Forgot password?

Ants

Logo

1.0

1.1

Popular tags Ants

RosesTomatoes

Insecticides LawnGarden

Natural

Slugs

House

Popular topics

NatriaSprayer

Ants Beautiful rose

Sowing calendar

Garden stylesInside plants

House

Parasites Protect

JuneBrochure download

Gardening manual

Spring

My vegetable garden

My orchardNatria manual

[Month] products Name of product

Name of productName of productName of product

Popular Videos

Video Video

Video Video

Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsumPlant guide

Search for a plant...

Follow us

1.3

London Mon 13 June

18°

Tue 14 Wed 15 Thu 16 Fri 17

23° 15°

22° 15°

24° 17°

24° 16°

24°

17°

settings

Garden glossary

Search for a word...

FAQs

Search for a topic...

- Lorem ipsum dolor sit amet, consectetuer adipiscing elit?

- Lorem ipsum dolor sit amet, consectetuer adipiscing elit?

- Lorem ipsum dolor sit amet, consectetuer adipiscing elit?

- Lorem ipsum dolor sit amet, consectetuer adipiscing elit?

BAYER GARDEN NEWSLETTER

- Garden tips & tricks- Promotions- News

Email

Subscribe

Privacy

View June newsletter >

New: 100% natural products Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

Top products

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit,

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit,

Product nameLorem ipsum dolor sit amet, consectetuer adipiscing elit,

JOIN THE COMMUNITY!

- Create your garden- Ask help- Participate to contests

Subscribe now

3.0

2.4

2.0

2.2

2.1

2.3

LAST FROM THE COMUNITY

Lorem ipsum dolet sit

amet?

2 Responses

Answer

Lorem ipsum dolet sit

amet?

2 Responses

Answer

Lorem ipsum dolet sit

amet?

2 Responses

Answer

view all

VIDEO

Video titleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

TO DO IN [MONTH]

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

view all

4.4

4.1 2.6

GARDEN DOCTOR

The Bayer resident experts want to help you. Find a solution to your gardening problems

Ask help

TIPS

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

view all

HOW TO CREATE A GARDEN?

nd simple steps and tips to create a beautiful garden in different styles

GO

Bayer links | General conditions of use | Privacy statement | Imprint | Credits | Contact | Site map | Recommended links | Newsletter1.4

4.1 4.3

4.3

Content only Drawing

Page 54: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

VISUAL DESIGN

Page 55: Cosa è l'Experience Design
Page 56: Cosa è l'Experience Design
Page 57: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

Due casi concretiESEMPI

Page 58: Cosa è l'Experience Design

2 SETTIMANE 2 SETTIMANE1 SETTIMANA 3 SETTIMANE

OSSERVAZIONE

FOCUS GROUP

CONCEPT

INTERVISTE

IA

APPLICATIVO PER CALL CENTER

2 MESI

Page 59: Cosa è l'Experience Design

1 MESE 2 MESI 1 MESE 1 SETTIMANA 1 SETTIMANA

FLUSSIINTERAZIONE

VISUAL DESIGN

PROTOTIPO

USER TESTREFINEMENT

WIREFRAMES

Page 60: Cosa è l'Experience Design

MESE 1 ChiamataConnettività

ChiamataFotocamera

SETTIMANA 2 ChiamataConnettivitàFotocamera

eMail

INTERVISTESTAKEHOLDER

INTERVISTEUTENTE

APPLICAZIONE WIN8 PER TABLET

IA

WIREFRAME

VISUALDESIGN

Page 61: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

CHI E’ LO UX DESIGNER?

Page 62: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

?

Page 63: Cosa è l'Experience Design

© Copyright 2013 Avanade Inc. All Rights Reserved.

[email protected]