UX e UI: buone pratiche e strumenti

23
12 dicembre 2017 @ Copernico

Transcript of UX e UI: buone pratiche e strumenti

Page 1: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Page 2: UX e UI: buone pratiche e strumenti

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

12 dicembre 2017 @ Copernico

Javier Oliver

Dal low-fidelity all’high-fidelity.

Page 4: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Lo UX/UI designer esiste davvero?

Page 5: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Minimalismo > Usabilità Dettaglio > Sistema Stile > Flusso

Quando lo UI fa UX

Page 6: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Rework, rework, rework

Quando lo UI fa UX

Page 7: UX e UI: buone pratiche e strumenti

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

12 dicembre 2017 @ Copernico

Rework, rework, rework

Quando lo UX fa UI

Page 9: UX e UI: buone pratiche e strumenti

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

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

12 dicembre 2017 @ Copernico

Integrare più strumenti per non sovraccaricare le persone.

La soluzione

Page 12: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Page 13: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Page 14: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Una buona pratica: nomi univoci

Template

Componenti

Page 15: UX e UI: buone pratiche e strumenti

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

12 dicembre 2017 @ Copernico

Sketch

Un cocktail di strumenti

Craft InVision Zep.lin+ + +

Page 17: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Sketch

Alternative

Marvel Sketch Plugin

Marvel App

Marvel Handoff

+ + +

Page 18: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Dropbox

Repository remota

Google Drive/

Page 19: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Da tenere d’occhio

InVision Studio

Page 20: UX e UI: buone pratiche e strumenti

12 dicembre 2017 @ Copernico

Da tenere d’occhio

Framer

Page 21: UX e UI: buone pratiche e strumenti

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

12 dicembre 2017 @ Copernico

“Non devi mai permettere ai tuoi strumenti di avere la meglio sul messaggio.”

Platon, Abstract

Page 23: UX e UI: buone pratiche e strumenti

Grazie.

http://www.polidesign.net/uxd