Design e user experience come progettare un applicazione

24
PROGETTARE UN'APPLICAZIONE Alessandro Scardova MVP Client Development Nokia Developer Champion DESIGN E USER EXPERIENCE

Transcript of Design e user experience come progettare un applicazione

Page 1: Design e user experience come progettare un applicazione

PROGETTARE UN'APPLICAZIONE

Alessandro Scardova MVP Client Development

Nokia Developer Champion

DESIGN E USER EXPERIENCE

Page 2: Design e user experience come progettare un applicazione

AGENDA

principi del Microsoft design il processo di design

Page 3: Design e user experience come progettare un applicazione

Microsoft re-immagina Windows

Un unico design language

INTRODUZIONE

«È proprio quando credete di sapere qualcosa che dovete guardarla da un'altra prospettiva.» John Keating, L’attimo fuggente.

Page 4: Design e user experience come progettare un applicazione

ORIGINI DI UN DESIGN LANGUAGE

il Bauhaus

movimento moderno

neoplasticismo

astrazione, essenzialità, geometria

lo stile svizzero

motion design

Page 5: Design e user experience come progettare un applicazione

FOCUS ON PEOPLE

Windows Phone

Windows 8

Office

Xbox

Bing

Page 6: Design e user experience come progettare un applicazione

UN UNICO CONSISTENTE LINGUAGGIO DI DESIGN

Page 7: Design e user experience come progettare un applicazione

linee guida

non solo tile e font

tutte le fasi del progetto e dello sviluppo

principi del buon design

PRINCIPI DEL MICROSOFT DESIGN

Page 8: Design e user experience come progettare un applicazione

coerenza

allineamento

comandi

canvas

toolbar

contratti

CURA NEI DETTAGLI

Page 9: Design e user experience come progettare un applicazione

design fluido e responsivo

portrait e landscape

dimensione

risoluzione

viewstate

motion e feedback

touch e tastiera

FAST AND FLUID

Page 10: Design e user experience come progettare un applicazione

AUTENTICAMENTE DIGITALE natura digitale delle applicazioni

evitare

decori e ornamenti non necessari

ombreggiature

riflessi

texture del mondo reale

colori pieni

iconografia lineare, semplice e universale

Page 11: Design e user experience come progettare un applicazione

DO MORE WITH LESS

solo quello che serve

focus sul contenuto

minimizzare il chrome

Page 12: Design e user experience come progettare un applicazione

WIN AS ONE

coerenza

condividere con OS

icone

font

gesture

brand

Page 13: Design e user experience come progettare un applicazione

METTETECI DEL VOSTRO!

Page 14: Design e user experience come progettare un applicazione

IL PROCESSO DI DESIGN

Concept

Struttura

Interazione

Visual

Prototipo

UX test

Page 15: Design e user experience come progettare un applicazione

CONCEPT

Page 16: Design e user experience come progettare un applicazione

STRUTTURA

Page 17: Design e user experience come progettare un applicazione

INTERAZIONE

Page 18: Design e user experience come progettare un applicazione

VISUAL

Page 20: Design e user experience come progettare un applicazione

DEMO Power Point Story Board

Page 21: Design e user experience come progettare un applicazione

DOMANDE?

Chi?

Cosa?

Come?

Quando?

Perché?

Page 22: Design e user experience come progettare un applicazione

DESIGN GUIDELINES http://dev.windowsphone.com/design

Page 23: Design e user experience come progettare un applicazione

Alessandro Scardova

[email protected]

blog.alessandro.scardova.it

facebook.com/alex.bream

@alexbream

CONTATTI

Page 24: Design e user experience come progettare un applicazione

Grazie!