Beneficiile utilizării pe deplin a designului UX/UI de-a lungul călătoriei proiectului pentru Extractable

URMĂREȘTE-NE
16,065FaniÎmi place
1,142CititoriConectați-vă

Destul de des, implicarea unui proiectant într-un proiect este temporară, în funcție de buget, termene limită, planificare etc. Această abordare este utilizată în principal în proiecte cu bugete mici sau în stadiile POC, unde trebuie construit un prototip de lucru pentru a testarea ipotezelor. Din punct de vedere al utilizării, acest lucru pare rezonabil.

Duceți-vă prototipul la nivelul următor. Explorați cinci considerente esențiale pentru gestionarea proiectelor complexe.

Totuși, un alt motiv ar putea fi subestimarea de către client a importanței muncii designerului pe parcursul întregului proiect, ca urmare a lipsei de conștientizare a potențialelor beneficii.

Ei bine, permiteți-mi să arunc puțină lumină asupra proceselor de proiectare cu ciclu complet și a avantajelor rezultate pe care le aduce această abordare.

Introducere (cerințele și esența proiectului)

Ideea proiectului este următoarea: Pentru a ajuta companiile cu problema standardizării documentelor. În companiile mari, procesele manuale sunt inevitabil prezente și au nevoie de automatizare. În cazul nostru, este necesar să convertim un document text care conține tabele în fișiere *.csv exportabile folosind personalizarea flexibilă a schemei și AI.

Poveștile utilizatorilor și prima versiune

Backend-ul brut arăta astfel:

Implicarea unui designer era clar justificată. Punctul de plecare a fost definirea poveștilor cheie ale utilizatorilor și a criteriilor de acceptare a acestora.

Pe tot parcursul proiectului, criteriile de acceptare au suferit modificări minore, dar cele trei povești cheie au rămas neschimbate. Acest lucru ne-a ajutat să menținem structura generală concentrată și să evităm abaterile.

Următorul pas a fost primul proiect, care a inclus atât o serie de îmbunătățiri vizuale, cât și optimizări structurale.

O astfel de optimizare a fost sugestia de a elimina lista de verificare în timpul etapei de export. Deși această caracteristică părea logică în etapa finală, nu avea sens din perspectiva experienței utilizatorului și era redundantă, deoarece tabelul de ieșire în sine a servit ca o listă de verificare clară. Această sugestie a economisit timp echipei și a ajutat la respectarea termenului limită.

Continuați-vă călătoria către designul incluziv cu R/Shiny UI. Explorați această postare despre sfaturi practice despre crearea unor instrumente de cercetare accesibile.

Versiunea finală

După mai multe iterații și discuții, designul a luat forma finală.

Iată câteva modificări cheie:

  • Date de intrare sub forma unei liste – capacitatea de a personaliza fiecare tabel.
  • O fereastră pop-up de previzualizare care permite editarea conținutului, redimensionarea și deplasarea pe ecran – pentru a asigura un acces ușor și convenabil.
  • Schema și ieșirea sunt combinate într-un singur bloc – plasarea intuitivă a schemei editabile în antetul tabelului și optimizarea spațiului
  • Extindeți / Restrângeți anteturile – pentru a comuta între modurile de citire și de editare.
  • Coloană lipicioasă – înghețați coloana generată de AI pentru a îmbunătăți vizibilitatea
  • Opțiunea Ascundere / Dezvăluire pentru coloană – abordare agilă pentru a nu pierde progresul utilizatorului
  • Chips – nouă abordare pentru ajustarea nivelurilor

În această etapă, munca designerului la proiect se termină de obicei cu predarea layout-ului dezvoltatorilor. Dar există o nuanță: de obicei, designul este perceput de dezvoltatori ca nici mai mult, nici mai puțin decât o referință destul de aproximativă. Este adevărat, dar designul ar trebui să fie un ghid de implementare clar și consecvent.

Pentru a vă asigura că designul nu rămâne doar pe hârtie, următoarea etapă este extrem de importantă.

Sprijin

Pentru a asigura implementarea corectă, sunt necesare următoarele condiții:

  1. Scrieți o specificație
  2. Pregătiți designul pentru dezvoltatori – sistem de proiectare, componente, animații, grilă, receptivitate, jetoane. Aceasta este o listă destul de generală – în realitate, oferiți ceea ce este relevant pentru implementare.
  1. Audit UI în fiecare etapă de implementare – creați un backlog cu probleme și validați rezultatul
  2. Fiți în legătură – există întotdeauna riscul ca ceva să meargă prost pe parcurs. Fie un punct de vedere diferit asupra aceleiași probleme, fie incapacitatea de a se dezvolta din cauza limitării stivei. Oricare ar fi, asigurați-vă că aveți o legătură strânsă cu dezvoltatorul front-end pentru a rezolva problema.

Extra Mile

  • Munca ta ca designer poate include proiectarea siglei și participarea la alte activități, cum ar fi discutarea numelui aplicației.

Care iti place cel mai mult?

  • Gândiți-vă înainte și pregătiți întârzierile/proiectarea pentru etapele ulterioare de implementare

Îmbunătățiți-vă interfața de utilizare vorbind limba utilizatorului. Descoperiți strategii pentru a crea modele intuitive care rezonează cu publicul dvs.

Rezultat

După cum puteți vedea, diferența dintre design și implementare aproape a dispărut.

Concluzii

Experiența utilizatorului îmbunătățită:

Implicarea continuă a designerului permite îmbunătățiri și perfecționări iterative, îmbunătățind direct experiența utilizatorului. De exemplu, optimizarea funcțiilor bazate pe feedback-ul utilizatorilor, cum ar fi eliminarea listelor de verificare redundante, asigură o interfață mai intuitivă și mai eficientă.

Viziune și focalizare consistentă:

Menținerea unui designer implicat pe tot parcursul proiectului menține o viziune și o concentrare consistentă. Această aliniere ajută la evitarea abaterilor și asigură că proiectul rămâne fidel obiectivelor sale, chiar dacă criteriile de acceptare evoluează.

Proces de dezvoltare simplificat:

Furnizarea de specificații de proiectare clare și detaliate, împreună cu un sistem cuprinzător de proiectare, componente și simboluri, facilitează un proces de dezvoltare mai ușor. Acest lucru reduce la minimum neînțelegerile și discrepanțele, asigurându-se că produsul final se potrivește îndeaproape cu designul dorit.

Asigurați-vă că proiectul dvs. rămâne pe drumul cel bun cu o integrare perfectă a designului de la început până la sfârșit. Conectați-vă cu noi pentru a afla cum implicarea continuă a designerului vă poate îmbunătăți următorul proiect.

Postarea a apărut mai întâi pe appsilon.com/blog/.

Dominic Botezariu
Dominic Botezariuhttps://www.noobz.ro/
Creator de site și redactor-șef.

Cele mai noi știri

Pe același subiect

LĂSAȚI UN MESAJ

Vă rugăm să introduceți comentariul dvs.!
Introduceți aici numele dvs.