Instrumente și website-uri pentru a învăța UI/UX Design

Resurse documentate pentru începători | Diana Leon - Senior UI/UX Designer

Când am început să lucrez ca designer UX, nu erau mulți designeri experimentați care să mă învețe, eram încă junior. Așa că, am făcut ceea ce ar face orice designer UX, am cercetat internetul pentru a învăța pe cont propriu. S-a dovedit a fi o idee bună pentru că mai târziu, am început să predau în cadrul IT School, iar resursele pe care le-am adunat au fost foarte utile pentru studenții mei.

Înțeleg că internetul poate fi o mare și copleșitoare de informații, mai ales pentru începători. 

Gândește-te la acest articol ca la o listă atent selectată de resurse care te vor ajuta să navighezi prin el.

Research Kits

Interviuri cu utilizatori (User interviews)

Când am început să învăț despre cercetare și interviurile cu utilizatorii, am găsit Userinterviews.com.

Vei găsi kituri de lansare care te vor ajuta să treci de la 0 la o viteză rapidă, chiar dacă ești nou în cercetare. Alege unul dintre kiturile de lansare specifice metodei de mai jos și începe cercetarea!

Principii de proiectare

Atunci când lucrezi ca designer UX, trebuie să iei o mulțime de decizii, dar de unde știi care este cea potrivită?

Principles.design este o platformă pentru învățarea și elaborarea principiilor de design. 

Condusă de Ben Brignell, un designer independent de produse, acest proiect își propune să asiste echipele în luarea deciziilor. Oferind principii simple și întrebări constructive, această resursă ghidează echipele să ia decizii adecvate. Exploreazăi numeroase exemple, inclusiv modul în care companii precum Airbnb își dezvoltă principiile de design și informații despre principiile de design incluziv.

Rezolvarea problemelor și colaborarea

Dacă ai workshop-uri pe care să le moderezi sau să colaborezi cu mai multe echipe, pe Untools.co vei găsi o colecție de șabloane care explică cum le poți utiliza și de ce sunt benefice.

Catalogul metodelor de cercetare UX (UX Research)

Uxmethods.guru - Acesta este punctul de plecare pentru cei care doresc să cunoască toate metodele de UX Research și cum să le poată aplica eficient.

Psihologia și comportamentul utilizatorului (User Behavior)

Unul dintre preferatele mele, dacă dorești să înțelegi psihologia și comportamentul utilizatorului.

UX Core este o colecție de toate principiile psihologice care te ajută să creezi interfețe informate.

Este primul instrument de acest fel care a devenit popular în comunitățile de management al produselor din întreaga lume în mai puțin de șase luni de la lansarea sa, în 2020. 

Constă din 210 exemple practice de procese cognitive utilizate în managementul companiei și dezvoltarea de software. Cele mai multe dintre sfaturi sunt axate pe munca echipei de Product și HR. 

Mult asemănător cu UX Core, Laws of UX oferă diverse definiții și exemple de principii psihologice și chiar prejudecăți cognitive (cognitive biases).

Unul dintre lucrurile care îmi plac cel mai mult la aceste site-uri web este că explică și experimentele din spatele lor.

UI de la A-Z

Material Design

Înțeleg că mulți oameni sunt familiarizați cu Material Designul, dar, în mod surprinzător, mulți dintre studenții mei nu l-au întâlnit. 😀

Dacă ești nou în UX și nu ai explorat prea mult, există șanse mari să nu fi menționat cât de importante sunt bibliotecile de componente, iar designul de materiale este lider printre ele. 

Nu este doar pentru dezvoltatori; designerii apelează la el ca resursă supremă pentru a studia comportamentul componentelor și pentru a găsi un exemplu solid de sistem de proiectare eficient.

Site-uri web care te pot ajuta să înțelegi tiparele UI

O galerie de componente este ca o hartă a componentelor, aș spune. Beneficiezi de numeroase exemple de componente, dar este foarte bine organizat.

Să presupunem că dorești să verifici componenta modală - după un simplu clic pe ea, vei vedea o mulțime de documentație și exemple de alte sisteme de proiectare a acestora.

Justinmind îți va oferi exemple de componente interactive și o bibliotecă de exemple de wireframes și șabloane de design. De asemenea, oferă și un sistem de design solid, pe care îl poți descărca și deschide cu aplicația Justinmind.

Accesibilitate

Verificator de contrast de culoare

Mereu pun accentul pe accesibilitate!

Primul pas pentru a face un model accesibil este întotdeauna să ai un contrast bun de culoare. Verificatorul de contrast de culoare de la Monsido.com și Tanaguru îți va oferi întotdeauna opțiuni pentru contraste de culoare mai bune, dacă al tău este sub raportul minim de 4,5.

Pe Accessibilitychecker.org, poți, de asemenea, să îți scanezi site-ul web gratuit, să identifici problemele de accesibilitate și să obții instrucțiuni exacte despre cum să le remediezi.

Acesta are, de asemenea, un verificator de contrast și un generator de declarații.

Instrumente AI

Când vine vorba de AI, uneori folosesc Firefly de la Adobe, care este un generator de text-to-image.

Poți obține imagini superbe dacă le descrii suficient de bine peisajul. Aceasta este o modalitate bună de a adăuga imagini grozave designului tău!

Testarea design-ului tău

Nu în ultimul rând, modelele tale trebuie testate, iar visualeyes.design te poate ajuta să obții informații valoroase cu doar câteva clicuri. 

Utilizatorii pot opta fie pentru aplicația web versatilă, fie pentru plugin-urile instrumentelor de proiectare pentru a-și încărca proiectele. Li se solicită să aleagă dispozitivul țintă pentru proiectul lor.

Sper că acest articol ți-a fost de ajutor! 

Din proprie experiență, pe mine m-a ajutat enorm la începutul carierei mele. 

Munca individuală este extrem de importantă pentru un începător, chiar și atunci când urmezi un curs specializat. Dacă încă ai nevoie de ghidare prin universul UI/UX Design-ului, un curs alături de un mentor practician te ajută să navighezi mai ușor prin etapele de dezvoltare și să evoluezi mai rapid ca începător.

Don’t forget, the internet is your learning buddy! Use it properly!