Feedback: Il Design System in 10 passi

La creazione di un Design System è un progetto ambizioso

Recentemente ho avuto l'opportunità di lavorare per un gruppo internazionale specializzato in servizi di ristorazione.
In un contesto di trasformazione digitale, è stato creato un nuovo ecosistema digitale. Visti i problemi riscontrati, ho presentato i numerosi vantaggi di un Design System e poi l'ho messo in atto. Una parte difficile certamente, ma molto interessante. Ecco il mio feedback in 10 punti da discutere con le squadre.
Sistema di progettazione referenziale

Un Sistema di progettazione, è un Repository UX/UI condivisi da designer e sviluppatori per creare e sviluppare un servizio o prodotti digitali.

I 3 COMPONENTI CHIAVE

Nell'interfaccia utente, lo stile visivo, sia gli elementi che compongono la tua interfaccia
In UX, l'uso, l'esperienza utente che hai definito e le linguaggio, come ti rivolgi ai tuoi utenti (Scrittura UX).
Un Design System è vivo, ciò significa che si evolverà nel tempo. egli è agnostico, perché si adatta alle tecnologie e non viceversa. Si basa sul principio dell'Atomic Design.

I vantaggi del sistema Design

È un riferimento unico e universale, che consente di mantenere la coerenza tra i diversi prodotti di un marchio.
Facilita le evoluzioni grazie a un sistema di condivisione delle versioni e fa risparmiare tempo ai team oltre ad essere Agile, perché condiviso da tutti.

PRIMA DI CREARE UN SISTEMA DI PROGETTAZIONE

sistema di progettazione

#1 CONTROLLA LO STATO DEL PROGETTO

Quando ho iniziato a creare il mio Design System, mancavano alcuni percorsi degli utenti. Mi sono adattato offrendo più componenti del previsto, ma ho dovuto lavorare alla cieca, il che ha rallentato un po' il mio lavoro.
Per impostare il tuo Design System, prova ad avere wireframe e un percorso utente completato prima di iniziare. Anche se un Design System si evolverà, risparmierai tempo avviandolo in questa fase.

#2 ASCOLTA LE PERSONE GIUSTE

Quando stavo creando il mio Design System, diverse persone mi hanno dato un feedback informale. Ma alcuni commenti erano contraddittori. Non sapevo più chi ascoltare perché tutti mi sembravano importanti nel progetto e certe scelte erano delicate.
In caso di dubbio, parlane con il tuo responsabile della missione. Saprai chi ascoltare o meno facendo riferimento a una persona specifica.

#3 ORGANIZZARE UN INCONTRO DI DIBATTITO, IN ANTICIPO

In gruppi numerosi, i processi di convalida interna sono talvolta lenti e complicati. Spesso passano per e-mail e finiscono in una catena di commenti. Quindi, come presentare il tuo lavoro a tutti e ottenere rapidamente un feedback?
Organizza con 2 o 3 settimane di anticipo un incontro che sarà la restituzione del tuo Design System.
Invita tutti gli stakeholder del progetto! I decisori di alto livello devono essere presenti perché sono quelli che dovrai convincere. Chiedi aiuto al Product Owner per assicurarti di non dimenticare nessuno. I team accolgono con favore questo tipo di iniziative e saranno ansiosi di vedere il vostro lavoro in modo concreto.

DURANTE LA REALIZZAZIONE DEL SISTEMA DI PROGETTAZIONE

fase 2 del sistema di progettazione

#4 EVANGELIZZARE

All'inizio della missione, quando ho iniziato a parlare di Design System, ho notato che stavo perdendo l'attenzione dei miei interlocutori. In piena trasformazione digitale, i dipendenti del gruppo in cui ho lavorato sono stati assaliti da nuovi concept: Design Sprint, Metodo agile, Riunioni in piedi...
Avevano appena cambiato modo di lavorare e non riuscivano a capire le complessità di tutti gli altri mestieri. Ho subito capito che dovevo evangelizzare per interessarli al Design System.
Spiega le basi dall'inizio:
La differenza tra Ux e Ui, i principi cardine del Material design, o anche atomic design…quindi il valore aggiunto di un Design System in termini di flessibilità e tempo. I tuoi dipendenti saranno lieti di ricevere queste informazioni in un modo semplice e i tuoi scambi saranno ancora migliori per questo.

#5 FARE UNA PRESENTAZIONE DI FOLLOW-UP DELLA MISSIONE

Quello che fai con il tuo tempo non è necessariamente concreto per tutti. Come spiegare rapidamente il tuo approccio?
Presenta un follow-up della missione al tuo manager dall'inizio. Metterai il contesto, gli attori, i problemi e soprattutto un programma di ciò che stai facendo. Lo invierai tutte le volte necessarie in modo che possa seguire i tuoi progressi. Se qualcuno del tuo team vorrebbe vedere il tuo lavoro in corso, tieni sempre a portata di mano questa presentazione per spiegare il tuo approccio generale.

Regolarmente, i membri del Product Owner, Product Manager, UX Designer, Techno Lead... hanno dato un'occhiata al mio lavoro.

Ho colto l'occasione per evangelizzarli. Ho sempre avuto questa presentazione con me e l'ho mostrata per spiegare il mio processo. Potevano vedere in che direzione stavo andando e, anche se non ero preparato, potevo presentare il mio lavoro in qualsiasi momento in modo conciso.

#6 MOSTRA IL CALCESTRUZZO

Il tuo cliente non si proietta, non immagina il modo in cui lavorerai né l'aspetto del tuo rendering.
Oltre al follow-up della tua missione, mostra ai tuoi interlocutori cosa stai facendo. Mostra come costruisci i tuoi file in sketch e parla loro di Material Design. Se il tuo interlocutore non lo sa, mostragli i principi fondamentali:
design dei materiali
Il materiale è la metafora / Audace, grafica, intenzionale / Il movimento fornisce significato.
Apri l'editor del tema del materiale e mostra loro come funziona.

#7 ELENCO ELEMENTI MANCANTI

Ho incontrato grandi difficoltà nel recuperare le icone del brand per cui ho lavorato. Questi esistevano, ma nessuno li aveva.
Se hai elementi mancanti, elencali e chiedi risorse per crearli. Nel mio caso, una persona è stata appositamente incaricata di ricreare le icone necessarie per il Design System.

#8 VEDI IL PIU' POSSIBILE BRAND MANAGER

Come puoi essere sicuro che il tuo Design System si adatti perfettamente all'immagine del tuo marchio?
Se lavori per un gruppo numeroso e hai già una carta grafica, avvicinati al responsabile del marchio. Ti guiderà nello sviluppo del tuo Design System. Questa persona convaliderà le tue scelte e ti aiuterà a trovare soluzioni in caso di impasse, perché conosce il marchio meglio di chiunque altro.

Sono sufficienti riunioni informali di 15 minuti a giorni alterni.

#9 CREA IL TUO SISTEMA DI PROGETTAZIONE

Un Design System è complicato… gli atomi sono simboli che sono incorporati in molecole che sono simboli che sono incorporati in organismi che sono simboli che sono incorporati in modelli… AIUTO!
Pensa al design atomico
Atomic Design consiste nel disporre gli elementi di un progetto in ordine di dimensione dal più piccolo al più grande in: atomi / molecole / organismi / modelli. Questo metodo di progettazione, ampiamente diffuso da Brad Frost, aiuterà il progettista a creare un sistema flessibile che si adatta a tutti i supporti.
Elenca tutti gli articoli di cui hai bisogno e conservali in questo modo:
Esempio di sistema di progettazione UX Republic

  • atomo : È irriducibile. un logo, un colore, una tipografia...
  • molecola : Ha diversi atomi, può essere reattivo. una casella di ricerca, ecc. 
  • Organizzazione : Queste sono combinazioni di molte molecole e atomi. un'intestazioneEcc. ...
  • Modelli : secondo Brad frost, sono sviluppati in codice, possono essere privi di contenuto e servono per testare il funzionamento del sistema di responsive design.
  • Pagine : si tratta di modelli avanzati con contenuto.

Costruisci il tuo file nello schizzo con i simboli.
Personalmente, sono ispirato dall'editor del tema materiale per creare questo file.

IL GIORNO DELLA PRESENTAZIONE

presentazione del sistema di progettazione

#10 INDIRIZZARE I DECISIONALI

Ecco alcuni suggerimenti per attirare l'attenzione di tutti per convincere e ottenere rapidamente un feedback.
cordialità 
Acquista degli snack, a seconda dell'ora pianifica pasticcini, dolci, torte... e prima di iniziare ringrazia tutti i presenti per essere venuti.
Contenuti accessibili ed educativi
Torna alle basi ed evangelizza un po' nell'introduzione. Dì a te stesso che se devi mostrarlo domani mattina a tuo cugino che non sa nulla di UX, deve capire tutto.
Un po 'di narrativa 😉
Racconta loro una storia, quella del loro progetto, con i tuoi errori, le tue ricerche, i tuoi schizzi… li catturerai!
formazione
Devi essere puntuale nel D-Day.
 

togliere 

  • Comunicare con tutti, è la chiave del successo!
  • Non dimenticare che un sistema di Design è vivo. Ciò che conta è il processo e se il tuo sistema di progettazione non è perfetto la prima volta, è normale.
  • Ricorda che teoria e pratica sono due cose diverse.
  • È così che ti adatti ai vincoli che renderanno il tuo Design System uno strumento utile per l'azienda.
  • Lasciati ispirare dai grandi (e non dai concorrenti o dai vicini!)

 
Leslie, designer dell'interfaccia utente @UX-Repubblica
 
[riga] [un_terzo]
[/un_terzo] [due_terzi]

CERTIFICATO UX® di Nielsen Norman Group

Dal 12 al 16 novembre 2018
UX-Repubblica – Parigi Saint-Lazare

5 Giorni | 5 lezioni | 5 Certificazioni | 1 Diploma Internazionale
Per la prima volta in Francia, UX-Republic Digital Training Center ti propone, nella sua sede di Parigi, una nuova formazione in collaborazione con Nielsen Norman Group.
[/due_terzi] [/riga]