© Copyright 2013 Avanade Inc. All Rights Reserved.

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

Francesca Tassistro | Creative Lead @ Avanade

© Copyright 2013 Avanade Inc. All Rights Reserved.

Esperta di tecnologia

Artista

Guru del marketing

Interessata alle persone

Solution finder

Experience Designer

© Copyright 2013 Avanade Inc. All Rights Reserved.

?

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGN

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGN

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

USER EXPERIENCE

HAPPENSWITH OR WITHOUT

DESIGN

USER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGNUSER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER EXPERIENCE DESIGNUSER EXPERIENCE

© Copyright 2013 Avanade Inc. All Rights Reserved.

progettare l’esperienza di utilizzo di applicazioni digitali

© Copyright 2013 Avanade Inc. All Rights Reserved.

in che modo?

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

© Copyright 2013 Avanade Inc. All Rights Reserved.

GENIUS DESIGN

© Copyright 2013 Avanade Inc. All Rights Reserved.

USER CENTERED DESIGN

© Copyright 2013 Avanade Inc. All Rights Reserved.

HUMANCENTERED 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.

© Copyright 2013 Avanade Inc. All Rights Reserved.

ANALISI PROGETTAZIONE

© Copyright 2013 Avanade Inc. All Rights Reserved.

Cinque regole per fareDesign Research

ANALISI

© 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

© Copyright 2013 Avanade Inc. All Rights Reserved.

#1

Capire cosa vogliamo ottenere dalla ricerca

REGOLA N.1

© Copyright 2013 Avanade Inc. All Rights Reserved.

#2

Scegliere la metodologia più adatta

REGOLA N.2

© 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

© Copyright 2013 Avanade Inc. All Rights Reserved.

#3

Saper ascoltare e saper porre le giuste domande

REGOLA N.3

© 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

© Copyright 2013 Avanade Inc. All Rights Reserved.

#4

Estrarre risultati utiliREGOLA N.4

© 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

© Copyright 2013 Avanade Inc. All Rights Reserved.

#5

Comunicare i risultati in modo efficace

REGOLA N.5

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

© Copyright 2013 Avanade Inc. All Rights Reserved | Pag

© 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

© Copyright 2013 Avanade Inc. All Rights Reserved.

Sei metodologie di cui non si può fare a meno

PROGETTAZIONE

© Copyright 2013 Avanade Inc. All Rights Reserved.

#1 CONCEPT

© 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

Metafora High level IA

Modello di interazione

Moodboard

Proposta Visual

© Copyright 2013 Avanade Inc. All Rights Reserved.

ARCHITETTURADELLE INFORMAZIONI

#2

© 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

© Copyright 2013 Avanade Inc. All Rights Reserved.

FLUSSI DI INTERAZIONE

#3

© Copyright 2013 Avanade Inc. All Rights Reserved.

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

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.!!

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

© Copyright 2013 Avanade Inc. All Rights Reserved.

WIREFRAME#4

© 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

© 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

© 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

© Copyright 2013 Avanade Inc. All Rights Reserved.

VISUAL DESIGN

© Copyright 2013 Avanade Inc. All Rights Reserved.

Due casi concretiESEMPI

2 SETTIMANE 2 SETTIMANE1 SETTIMANA 3 SETTIMANE

OSSERVAZIONE

FOCUS GROUP

CONCEPT

INTERVISTE

IA

APPLICATIVO PER CALL CENTER

2 MESI

1 MESE 2 MESI 1 MESE 1 SETTIMANA 1 SETTIMANA

FLUSSIINTERAZIONE

VISUAL DESIGN

PROTOTIPO

USER TESTREFINEMENT

WIREFRAMES

MESE 1 ChiamataConnettività

ChiamataFotocamera

SETTIMANA 2 ChiamataConnettivitàFotocamera

eMail

INTERVISTESTAKEHOLDER

INTERVISTEUTENTE

APPLICAZIONE WIN8 PER TABLET

IA

WIREFRAME

VISUALDESIGN

© Copyright 2013 Avanade Inc. All Rights Reserved.

CHI E’ LO UX DESIGNER?

© Copyright 2013 Avanade Inc. All Rights Reserved.

?

© Copyright 2013 Avanade Inc. All Rights Reserved.

GRAZIEfrancesca.tassistro@avanade.com