UX e UI: buone pratiche e strumenti
-
Upload
coppalandini -
Category
Design
-
view
288 -
download
4
Transcript of UX e UI: buone pratiche e strumenti
![Page 1: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/1.jpg)
12 dicembre 2017 @ Copernico
![Page 2: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/2.jpg)
12 dicembre 2017 @ Copernico
Designer specializzato in User Experience per prodotti e servizi digiali.
+10 anni di attività come consulente per agenzie - es. VISUP, AKQA, H-Farm - startup, PMI e istituzioni.
Collaborazione continuativa col Politecnico di Milano nella didattica e nei progetti di ricerca.
Direttore Tecnico del Corso di Alta Formazione in User Experience Design di POLI.design.
Quick bio
![Page 3: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/3.jpg)
12 dicembre 2017 @ Copernico
Javier Oliver
Dal low-fidelity all’high-fidelity.
![Page 4: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/4.jpg)
12 dicembre 2017 @ Copernico
Lo UX/UI designer esiste davvero?
![Page 5: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/5.jpg)
12 dicembre 2017 @ Copernico
Minimalismo > Usabilità Dettaglio > Sistema Stile > Flusso
Quando lo UI fa UX
![Page 6: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/6.jpg)
12 dicembre 2017 @ Copernico
Rework, rework, rework
Quando lo UI fa UX
![Page 7: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/7.jpg)
12 dicembre 2017 @ Copernico
Familiarità > Impatto Quick & dirty > Dettaglio Concept > Esecutivi
Quando lo UX fa UI
![Page 8: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/8.jpg)
12 dicembre 2017 @ Copernico
Rework, rework, rework
Quando lo UX fa UI
![Page 9: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/9.jpg)
12 dicembre 2017 @ Copernico
Di fatto esistono sul mercato persone con valide skill sia di UX che di UI.
Ma in un progetto è comunque bene separare i ruoli in due figure diverse.
![Page 10: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/10.jpg)
12 dicembre 2017 @ Copernico
Dedicare una fase alla UX e una alla UI ha un costo, ma è un costo che
dovrebbe massimizzare quelli a venire.
Il problema
![Page 11: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/11.jpg)
12 dicembre 2017 @ Copernico
Integrare più strumenti per non sovraccaricare le persone.
La soluzione
![Page 12: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/12.jpg)
12 dicembre 2017 @ Copernico
![Page 13: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/13.jpg)
12 dicembre 2017 @ Copernico
![Page 14: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/14.jpg)
12 dicembre 2017 @ Copernico
Una buona pratica: nomi univoci
Template
Componenti
![Page 15: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/15.jpg)
12 dicembre 2017 @ Copernico
UX e UI designer lavorano: • con lo stesso formato • con la stessa griglia • con gli stessi contenuti• nello stesso ambiente
Perché ora Sketch è lo standard
![Page 16: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/16.jpg)
12 dicembre 2017 @ Copernico
Sketch
Un cocktail di strumenti
Craft InVision Zep.lin+ + +
![Page 17: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/17.jpg)
12 dicembre 2017 @ Copernico
Sketch
Alternative
Marvel Sketch Plugin
Marvel App
Marvel Handoff
+ + +
![Page 18: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/18.jpg)
12 dicembre 2017 @ Copernico
Dropbox
Repository remota
Google Drive/
![Page 19: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/19.jpg)
12 dicembre 2017 @ Copernico
Da tenere d’occhio
InVision Studio
![Page 20: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/20.jpg)
12 dicembre 2017 @ Copernico
Da tenere d’occhio
Framer
![Page 21: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/21.jpg)
12 dicembre 2017 @ Copernico
Da tenere d’occhio
Design Systems tools • https://medium.com/sketch-app-sources/sketch-tools-for-managing-a-design-
system-ca8845d1903b • https://www.uxpin.com/design-systems
![Page 22: UX e UI: buone pratiche e strumenti](https://reader035.fdocuments.net/reader035/viewer/2022081723/5a6d5ab37f8b9a0a428b5455/html5/thumbnails/22.jpg)
12 dicembre 2017 @ Copernico
“Non devi mai permettere ai tuoi strumenti di avere la meglio sul messaggio.”
Platon, Abstract