Progettazione UX. UX design per non designers

UX design per NON designers

USER EXPERIENCE DESIGN

SardiniaCodeWeek 2015//OpenCampusFRANCESCA MURTAS

*interaction designer *designer activist

*humanist *mapper

ME

TWITTER @core2design

EMAIL coretodesign@gmail.com

UX DESIGNER TISCALI MOBILE

PIANOCOSA PARLIAMO QUANDO PARLIAMO DI UX

MODULI DI PROGETTAZIONE

STRUMENTI* esercizio

TIPS

Q&A

USER

a person or thing that uses something

USER

EXPERIENCE

“The process of doing and seeing things and of having things happen to you”

USER EXPERIENCE

DESIGN

“Design is the creation of a plan or convention for the construction of an object or a system”

USER EXPERIENCE DESIGN

USER EXPERIENCE DESIGN

A plan to make do things to users

DESIGN IS NOT JUST

WHAT IT LOOKS LIKE AND

IT FEELS LIKE.

DESIGN IS HOW IT WORKS

Steve Jobs

COME ?

QUALE AZIONE?

QUALI LIMITI?

QUALE CONTESTO?

DOVE?

QUANDO?

QUANTO?

PROGETTARE

SIGNIFICA PORSI DOMANDE

FARSI LE GIUSTE DOMANDE

CI PERMETTE DI RISOLVERE

PROBLEMI E TROVARE

OPPORTUNITA’

PER CHI

PROGETTARE?

UTENTI

PERSONE

PERSONE

HUMAN CENTERED DESIGN

CONTESTO?

PERSONE?

INTERAZIONI?

LIMITI UMANI

BISOGNI

EMOZIONI

CONTESTO

PROGETTARE PER

LE PERSONE E IL CONTESTO

+ strategie business

+ limiti tecnologici

UX DESIGN

CHI SONO I NOSTRI UTENTI?

QUALI PROBLEMI

VOGLIAMO RISOLVERE?

Moduli

MODULI

Giochereste a uno sport senza stabilire un modulo di gioco?

MODULI

MODULI

Giochereste a un qualche sport senza stabilire un modulo di gioco?

Prima di iniziare un design è necessario stabilire un modulo o metodo

MODULI

Giochereste a un qualche sport senza stabilire un modulo di gioco?

Prima di iniziare un design è necessario stabilire un modulo o metodo

Il modulo nel design si chiama processo o flow

MODULIPROCESSO

RUOLO DEL DESIGNER RISPETTO AL PRODOTTO

RUOLO DEL DESIGNER RISPETTO AL TEAM

PASSAGGI DELLA PROGETTAZIONE E DELLA PRODUZIONE

MODULI

Giochereste a uno sport senza stabilire un modulo di gioco?

Prima di iniziare un design è necessario stabilire un modulo o metodo

In Design il modulo viene definito “processo”

Non esiste UX senza processo

MODULI

Giochereste a un qualche sport senza stabilire un modulo di gioco?

Prima di iniziare un design è necessario stabilire un modulo

In Design il modulo viene definito “processo”

Non esiste UX senza processo

MODULINon esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo

IDEO

COSA VOGLIONO?

COSA DOVREMMO FARE?

COSA POSSIAMO FARE?

IDEO

GOOGLE SPRINT

COMPRENSIONE

OSSERVAZIONE

PROTOTIPAZIONE

VALIDAZIONE/IMPLEMENTAZIONE

TEST

FRANCESCA’s

LA REALTA’

PROTOTIPO

TESTSVILUPPO

STRUMENTI

41

STRUMENTI

STRUMENTI

42

DOMANDE

capire il problema

REGOLA DI

PROGETTAZIONE

NON SI PROGETTA MAI PER SE’ STESSI

USER RESEARCH

capire +esplorare

OSSERVAZIONE + ASCOLTO UTENTI E CAMPO DI AZIONE

KILL TOOL

INTERVISTE

PERSONAS

PERSONAS

PUNTI DI VISTA

ESERCIZIOCreare un servizio di turismo della città di CagliariRivolto a turisti e agli abitanti della città

DomandeChe cosa voglio offrirmi? Che tecnologie sono più adatte per questo servizio? In che periodi dell’anno e della giornata userò questo servizio?

Che mezzi di trasporto utilizzerò per spostarmi? Max 2Con chi mi muoverò soprattutto? In quanti ?

Che turismo mi interessa? Scegliere uno fra: Storia, natura, enogastronomia, cultura, tradizioni, mistero, divertimentoPer cosa spenderò maggiormente? (scegliere un tema di sopra)Quale stato d’animo voglio avere a fine esperienza? Quale voglio evitare?

PUNTI DI VISTA

- Lo zio Americano o francese o di qualsiasi altra nazionalità

- La vicina di casa

INFORMATION ARCHITECTURE

Organizzare l’informazione

in un prodotto o tecnologia in

maniera usabile.

CLUSTERIZE!

KILLER TOOL 2

ANALISI =

una buona user research ci permette di

progettare con intenzionalità,con degli

obiettivi chiari per i nostri utenti

lungo tutto il progetto

PROTOTIPAZIONE

WIREFRAMES

• I wireframes sono le “brutte” delle interfacce

• Servono a prioritizzare l’informazione

• Servono a costruire i layout

• Possono essere testati

TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST

TESTTEST

TESTTEST

LAB TEST

LIVE TEST

VALIDAZIONE

IMPLEMENTAZIONE

TORNA INDIETRO

HAVE NO FEAR OF PERFECTION. YOU’LL NEVER REACH IT

Salvador Dali

MANCA QUALCOSA?

…per tutto il resto ci sono i patterns e le guidelines

ESEMPI DI SUCCESSO

• Form in cui inserire dati

• Ricerca dei propri contatti

• Ricerca delle celebrities

TWITTER CASE STUDY 1

FORM DI REGISTRAZIONE FINO AL 2010

• Form in cui inserire dati

• Richiesta delle tematiche preferite

• Suggerimento di utenti con cui conversare sulle tematiche preferite

TWITTER CASE STUDY 2

REDESIGN REGISTRAZIONE 2010

USER RESEARCH

Redesign

+29% di registrazioni

IL BOTTONE DA 300 MILIONI DI DOLLARI

DA LOGIN/REGISTER A CONTINUE /LOGIN

VOGLIO DIVENTARE UNO UX DESIGNER?

STUDIARE!!!

PSICOLOGIAE PROGETTAZIONE

VOGLIO TROVARE UNO UX DESIGNER?

Che metodo di progettazione adotta? Come coinvolge gli utenti nella progettazione?Come organizzerebbe una user research di un giorno?Mostrare un’interfaccia fatta da lui e farsi spiegare le domande a cui rispondono i singoli elementi

NON VOGLIO ASSUMERE UNO UX DESIGNER MA VOGLIO USARE LO UX DESIGN PER LA

MIA ATTIVITA’?

Farsi domande Trovare e conoscere i propri utenti Osservare Tirare fuori delle idee Contestualizzare le tecnologie e le loro guidelines Produrre Non smettere mai di testare

Darsi un metodo di progettazione

Salutare la vicina di casa Mandare una cartolina al proprio zio all’estero ;-)

thanx

https://www.ideo.com/about/

https://twitter.com

http://interview-prep-for.design

QUALCHE DOMANDA?