UI Design

Creare un modello e una linea guida UI

Come parte di un progetto volto a definire l’identità visiva di un’applicazione mobile turistica, l’obiettivo era di elaborare una guida di stile e un modello per l’interfaccia grafica.

Risultati

Il progetto è servito per definire un linguaggio visivo coerente sui vari canali digitali, correggere incongruenze e fornire uno strumento di lavoro per sviluppatori e designer.

Attività

Il progetto è stato realizzato utilizzando una combinazione di strumenti di produzione online e di condivisione in modo da rendere le specifiche e linee guida disponibili al team di sviluppatori che operava in remoto. Tutte le correzioni necessarie, i commenti e i problemi riscontrati sono stati riportati all’interno di un documento google utilizzando un codice a due colori per contrassegnare gli elementi risolti e irrisolti. A completamento del lavoro, è stata realizzata una dettagliata documentazione degli stili e dei pattern dell’interfaccia grafica per il web e mobile.

Prodotto

  • Linee guida per il web e mobile: griglia, palette colori, linguaggio tipografico e iconografico, elementi UI
  • Patterns: UI kit per ios

Strumenti

Sketch  Invision  Google Docs