3 suggerimenti per preparare una migliore documentazione UX

La documentazione di UX si basa sul monitoraggio dei dettagli specifici del tuo progetto per assicurarti che l'implementazione avvenga senza intoppi. Dopo tutti i cicli di iterazioni, ricerche e critiche del design, è importante non trascurare questa importante transizione dal codice di progettazione a quello di funzionamento. 

Ecco come strutturare le tue specifiche di progettazione leggera e assicurarti che il risultato finale sia lucido come lo hai immaginato!

Componenti della documentazione UX

Di cosa hanno bisogno gli sviluppatori per implementare i tuoi progetti? Questo può dipendere dal tuo rapporto di lavoro e dalla complessità del tuo progetto. In ogni caso, sappi che un design contiene più livelli di informazioni, quindi è meglio farlo al di sopra di-comunicare piuttosto che lasciare le cose aperte all'interpretazione. 

1. Design Mockups: mostra le specifiche di stile come le redline per posizionamento, colore, tavolozza, carattere tipografico. 
2. interazioni: mostra come funziona, attraverso un flusso o un click-through. 
3. Specifiche aggiuntive: tutto ciò che potrebbe mancare dalle precedenti categorie. Questo può includere dipendenze da altri team, eventuali elementi che potrebbero cambiare nel prossimo futuro o specifici dettagli di implementazione. 
4. Risorse: risorse utilizzate nel design, come icone, immagini ottimizzate / audio / video, copia, ecc.

Utensili

Al giorno d'oggi, ci sono diversi strumenti di progettazione con specifiche integrate, sia come integrazioni che come parte del flusso di lavoro. Controllali per vedere quale funziona meglio per la tua squadra. 

uxtools.co/tools/handoff

Figma 

Simile a InvisionApp, in quanto esiste una vista che offre agli sviluppatori la possibilità di ispezionare, copiare ed esportare risorse di progettazione. Uno strumento basato sul web che include la possibilità di creare siti Web, app mobili e collaborare in tempo reale con i compagni di squadra. 

Adobe XD 

Ora libero. Una soluzione UX / UI all-in-one per la progettazione di siti Web, app mobili e altro ancora. Genera un collegamento esterno per le specifiche, include la funzionalità di protezione della password. 

InvisionApp

Design del prodotto, flusso di lavoro e piattaforma di collaborazione. Include la modalità Inspect per generare misurazioni, colori e risorse di design un gioco da ragazzi. Sfoglia e accedi alle dimensioni dello schermo, tra cui posizione, tavolozza, carattere tipografico, caratteri, codice, anteprima degli asset, funzione di download degli asset.

zeplin

Strumento di handoff di progettazione, con integrazioni a Slack e Sketch (solo Mac) per semplificare la collaborazione con gli sviluppatori. Inoltre, puoi esportare i tuoi file di disegno da Figma, Photoshop o XD direttamente in Zeplin. Le funzioni di commento sono utili e nella stessa pagina delle specifiche effettive. 

Ulteriori informazioni sugli strumenti UX

• uxtools.co: un sito di confronto di strumenti di progettazione informativa
• Una lista di controllo per i trasferimenti di progetti di InvisionApp