Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Principi UI Design con Sketch

cirox
February 09, 2019

Principi UI Design con Sketch

Da un workshop dal titolo "Principi UI Design con Sketch"

cirox

February 09, 2019
Tweet

More Decks by cirox

Other Decks in Design

Transcript

  1. Cosa faccio Docente di Web Design @ABA Catania Head of

    Design @Metooo Contatti ciroesposito.com twitter.com/cirox Newsletter dispenser.design Ciro Esposito design | teaching Bologna
  2. Senza design e il designer, non c’è innovazione Paola Antonelli

    Curatrice del dipartimento di Architettura e Design del MoMa di New York
  3. Good design is a good business Frank Pick Capo della

    comunicazione della Metropolitana di Lon- dra all’inizio del Novecento
  4. UX

  5. UI

  6. Ogni volta che si usa un software, un’app sul telefono

    o sul computer, un sito web, un check-in in un chiosco all’aeroporto, stai interagendo con un’interfaccia creata da un designer.
  7. Il designer, oggi più che in passato, non si occupa

    solo di come deve apparire qualcosa, decide anche cosa succede.
  8. Legge di Fitts Il tempo necessario a spostarsi da un

    punto di partenza a un bersaglio è determinato dalla distanza e dalla dimensione del bersaglio.
  9. Legge di Hick Il tempo impiegato dall’utente a prendere decisioni

    è determinato dal numero possibile di scelte che si hanno a disposizione.
  10. Legge di Miller Le persone sono in grado di memorizzare

    le informazioni in blocchi di sette elementi (più o meno due).
  11. Legge di Tesler Nota anche come legge della conservazione della

    complessità, stabilisce che ogni processo necessità un certo grado di complessità.
  12. Comprensione Chi sono i nostri utenti? Quali bisogni hanno? Oggi

    come risolvono i loro problemi? Quali azioni compiono? Cosa desiderano?
  13. Metodi per creare Interviste Test sull’architettura delle informazioni Test di

    usabilità Test di desiderabilità Design partecipativo
  14. Si concentra sugli utenti (o clienti) Suggerisce di affidarsi a

    team interdisciplinari per generare soluzioni innovative Attribuisce un’importanza primaria a ricerche esplorative
  15. Il Design Thinking parte dall’osservazione di una situazione problematica, a

    cui risponde con l’ideazione di una soluzione efficace
  16. concretezza astrazione obiettivi del sito bisogni degli utenti specifiche funzionali

    requisiti del contenuto interaction design architettura dell’informazione progettazione navigazione progettazione visiva progettazione interfacce
  17. 01. Iniziare dai bisogni 02. Fare meno 03. Progettare con

    i dati 04. Lavorare per rendere tutto semplice 05. Iterare, iterare ancora 06. Costruire per l’inclusione 07. Capire il contesto 08. Costruire servizi digitali, non siti web 09. Essere coerenti, non uniformi 10. Rendere le cose open-source rende le cose migliori
  18. UX Design ricerca, wireframe, prototipi UI/Interaction Design Designer Developer Front-End

    Dev Back-End Database Back-End Dev visual design, grafica, prototipi avanzati, interazioni HTML / CSS / JS SQL, etc… Php, Ruby, JS, etc…
  19. Eccetto dove diversamente specificato, i contenuti di questa presentazione sono

    rilasciati sotto Licenza Creative Commons - (CC BY-NC-SA 3.0) Attribuzione - Non commerciale - Condividi allo stesso modo