3 sfaturi pentru pregătirea unei mai bune documentații UX

Documentația UX vizează urmărirea detaliilor specifice ale designului dvs. pentru a vă asigura că implementarea are loc fără probleme. După toate rundele de iterații de proiectare, cercetare și critică, este important să nu neglijați această tranziție importantă de la design la codul funcțional. 

Iată cum să vă structurați designul ușor de design și asigurați-vă că rezultatul final este la fel de lustruit cum v-ați imaginat!

Componente ale documentației UX

Ce au nevoie dezvoltatorii pentru implementarea proiectelor? Acest lucru depinde de relația dvs. de lucru și de complexitatea proiectului dvs. În orice caz, știți că un design conține mai multe straturi de informații, astfel încât este mai bine să peste-comunica decât să lase lucrurile deschise la interpretare. 

1. Design Mockups: afișarea specificațiilor de stil, cum ar fi redlines pentru poziționare, culoare, paletă, text. 
2. interacţiuni: arătând cum funcționează, fie printr-un flux, fie prin clicuri. 
3. Caracteristici suplimentare: orice poate lipsi din categoriile anterioare. Aceasta poate include dependențe de alte echipe, orice elemente care se pot schimba în viitorul apropiat sau detalii specifice implementării. 
4. bunuri: resursele utilizate în proiectare, cum ar fi icoane, imagini / audio / video optimizate, copii, etc.

Unelte

În zilele noastre, există mai multe instrumente de proiectare care au specificații integrate, fie ca integrare, fie ca parte a fluxului de lucru. Verificați-le pentru a vedea care este cea mai bună metodă pentru echipa dvs.. 

uxtools.co/tools/handoff

Figma 

Similar cu InvisionApp, prin faptul că există o viziune care oferă dezvoltatorilor posibilitatea de a inspecta, copia și exporta activele de design. Un instrument bazat pe web care include abilitatea de a crea site-uri web, aplicații mobile și de a colabora în timp real cu colegii de echipă. 

Adobe XD 

Acum gratis. O soluție UX / UI "all-in-one" pentru proiectarea de site-uri web, aplicații mobile și multe altele. Generă o legătură externă pentru specificații, include funcția de protecție cu parolă. 

InvisionApp

Proiectare, flux de lucru și platformă de colaborare. Include modul Inspect pentru a genera măsurători, culori și elemente de design o briză. Căutați și accesați dimensiunile ecranului - inclusiv poziția, paleta, textul, fonturile, codul, previzualizarea activelor, funcția de descărcare a materialelor.

Zeplin

Instrumentul de transfer de proiectare, cu integrare în Slack and Sketch (numai Mac), pentru a ușura colaborarea cu dezvoltatorii. De asemenea, puteți exporta fișierele de design de la Figma, Photoshop sau XD direct în Zeplin. Funcțiile de comentare sunt utile și pe aceeași pagină cu specificațiile reale. 

Aflați mai multe despre UX Tools

• uxtools.co: un site de comparare a instrumentelor de design informativ
• O listă de verificare a invitațiilor de design de către InvisionApp