Il paradosso dell'esperienza e il ruolo della Web Analytics
UI/UX l' approccio giusto ad un progetto.
1.
2. CHI SONO?
25 ANNI, MI OCCUPO DI UX/UI PER
DISPOSITIVI MOBILE DAL 2008.
HO FONDATO LA MIA SOFTWARE
HOUSE KFLAB.COM (2008) POI
EVOLUTASI IN
VULCANICALAB.COM
CO-FOUNDER DI COSMEETI.CO
(STARTUP OPERANTE NEL SETTORE
DEI COSMETICI)
3. SOMMARIO
Non vi annoierò con un
sommario lungo e illeggibile.
UX UI CONCLUSIONI
4. DIAMO LA DEFINIZIONE
L' UX è un approccio della progettazione
per rendere interfacce web e mobile
facili da usare per l'utente finale, senza
richiedere all'utente una curva di
apprendimento notevolmente eccessiva e
"demotivante".
6. L’ IMPATTO
- NON DARE NULLA PER SCONTATO
- GLI UTENTI POTREBBERO FARE
RAGIONAMENTI DIVERSI DAL TUO
- L’ UTENTE PUO’ VISITARE IL SITO O
APP CON UN “PERCORSO DIVERSO”
8. COSA PUO’ VEDERE L’ UTENTE
FONT TROPPO PICCOLO
QUAL E’ IL
MENU TRA LA FOTO E’
I DUE? CLICCABILE?
9. RIFLETTETE SU QUESTO
L’ UTENTE NON E’ STUPIDO!
ANCHE SE PUO’ SEMBRARE STRANO, MA HA
SEMPRE RAGIONE!
10. RIFLETTETE SU QUESTO
“LA COLPA E’ SUA CHE NONOSTANTE UNA
UI FANTASTICA, NON RIESCE A USARLA!”
SBAGLIATO!
11. L’ IMPORTANZA DEI NOMI
MENTRE COSTRUISCI UN SITO WEB O UN’ APP,
RICORDATI DI UTILIZZARE VOCI CHE SIANO
CHIARE PER TUTTI
OVVIO PER TE MENO PER L’UTENTE
TOMO LIBRO PIU’ IMMEDIATO LIBRO
OVVIO PER TE MENO PER L’UTENTE
FILTRA CERCA PIU’ IMMEDIATO CERCA
15. ORMAI SIAMO TUTTI MULTI-TASKING
MENO PAZIENZA
MENO TEMPO PER TUTTO
ACCESSO A PIU’ CONTENUTI
16. LE CONVENZIONI
LE CONVENZIONI SERVONO PER
“STANDARDIZZARE” ALCUNI
PROCESSI MIRATI A MIGLIORARE LA
CURVA DI APPRENDIMENTO DEL SITO/
APP O PER VELOCIZZARLA.
17. LE CONVENZIONI
GIUSTO COMPROMESSO TRA
CREATIVITÀ E CONVENZIONI.
(SOPRATTUTTO QUANDO SI PARLA AD UN PUBBLICO ETEROGENEO)
“VIE” NUOVE RESETTANO TUTTO QUELLO CHE
L’UTENTE HA IMPARATO
22. DIAMO UNA BUSSOLA ALL’ UTENTE
MINIMIZZA IL “RUMORE” VISIVO!
MENO TESTO RIDURRE TUTTO QUELLO
CHE E’ INUTILE
23. CREARE UN PERCORSO NELLA VITA REALE
IKEA INDICA BENE I PROPRI
PERCORSI STABILITI E “OBBLIGA” I
CLIENTI COSI A RESTARE PIU’ DEL
TEMPO DOVUTO MA CON LA
MASSIMA TRASPARENZA
24. ...MA ANCHE NEL WEB!
RASSICURA GLI UTENTI DANDO
“DELLE BRICIOLE DI PANE”
25. SEGUITE I MOVIMENTI
MIGLIORATE L’UX CONOSCENDO
E ANALIZZANDO BENE COSA FA
L’UTENTE
26. TUTTO BELLO, MA LA REALTA’ E’ DIVERSA
NELLE RIUNIONI SI RIDISCUTE SEMPRE
TUTTO, OGNI SETTORE CERCA DI
CONVINCE GLI ALTRI DELLA PROPRIA
IDEA
27. TESTA, TESTA, TESTA
FAI TESTARE TUTTO DA PERSONE ESTERNE
CREA UN DOCUMENTO DA DISTRIBUIRE
AI VARI TESTER. NON SCEGLIERE AMICI
O CONOSCENTI
28. COSA FARE - ALCUNI CONSIGLI
RIDUCI AL MINIMO I PASSAGGI DA FAR FARE
ALL’ UTENTE
29. COSA FARE - ALCUNI CONSIGLI
REGOLA 80/20! (SE E’ UN’ APP)
80% PERSONE USA IL 20% DELLE FUNZIONI!
FAI FOCUS ED ELIMINA O DAI MENO SPAZIO
ALLE COSE MENO UTILIZZATE PER AUMENTARE
L’USABILITA’
41. OK, CHE PASSI FARE QUINDI?
OTTIMIZZAZIONE
UI/UX
TESTING
PROTOTIPO
WIREFRAME
SCELTA STRADA
MOBILE/WEB
STUDIO TARGET
MERCATO
IDEA
42. STUDIATE IL VOSTRO TARGET
E’ FONDAMENTALE CONOSCERE I
NOSTRI FUTURI UTENTI/CLIENTI
43. STUDIATE IL VOSTRO TARGET
STUDIA LA GIUSTA STRATEGIA DI
INTERAZIONE! CHE SIA UN SITO WEB
O APP!
44. STUDIATE IL VOSTRO TARGET
MAGGIORE SARA’ IL TEMPO CHE
DEDICHERETE A QUESTA FASE,
MINORE SARA’ IL TEMPO CHE
PERDERETE A CAPIRE COSA VA O NON VA
DEL VOSTRO PROGETTO.
46. CUCITE UN VESTITO PERFETTO
IN BASE ALLE ESIGENZE, CREATE UNA UI CHE
SIA ADATTA PER IL WEB/MOBILE (O ENTRAMBE)
47. CUCITE UN VESTITO PERFETTO
RAGIONATE ANCHE IN BASE AL CONTESTO DI
UTILIZZO!
48. CUCITE UN VESTITO PERFETTO
L’ INTERFACCIA DI UN'APP MOBILE NON SEGUE
GLI STESSI PATTERN DI UN’ INTERFACCIA WEB!
49. WIREFRAME
REALIZZATE I WIREFRAME DELLA STRUTTURA
FACENDO ATTENZIONE IN QUESTA FASE AGLI
SPAZI TRA GLI ELEMENTI, CERCATE DI
REALIZZARE IN GRANDI LINEE LA UI CHE
IMMAGINATE FUNZIONI