Curs UI/UX Designer

Lecția 1 • Accesibilitate și design incluziv

Prezintă standardele de accesibilitate, rapoartele de contrast și navigarea cu tastatura ca cerințe de bază. Încadrează incluziunea ca o măsură a calității design-ului, nu ca o adaptare ulterioară.

Lecția 2 • Principii de bază ale design-ului vizual

Acoperă principiile Gestalt, ierarhia vizuală, contrastul și alinierea ca gramatică vizuală a interfețelor. Conectează teoria vizuală la deciziile practice de aspect.

Lecția 3 • Procesul de design dintr-o privire

Prezintă ciclul de viață al design-ului de la descoperire până la predare. Oferă o hartă mentală pe care studenții o vor extinde în capitolele ulterioare.

Lecția 1 • Realizarea interviurilor cu utilizatorii

Învață tehnici de interviu structurate și semi-structurate care scot la suprafață nevoile latente ale utilizatorilor. Studenții exersează ascultarea activă și adresarea neutră a întrebărilor.

Lecția 2 • Sondaje și anchetă contextuală

Prezintă design-ul sondajelor și observația pe teren ca completări ale interviurilor. Studenții învață când fiecare metodă oferă cele mai fiabile date.

Lecția 3 • Sintetizarea cercetării în perspective

Transformă datele brute în perspective acționabile folosind maparea afinităților și analiza tematică. Rezultatele alimentează direct personae și hărți de empatie.

Lecția 4 • Planificarea unui studiu de cercetare

Acoperă obiectivele de cercetare, domeniul de aplicare și selecția metodei înainte de începerea lucrului pe teren. Asigură că studenții evită capcanele comune de planificare care irosesc timp și buget.

Lecția 1 • Inventarul de conținut și auditul

Învață catalogarea sistematică și evaluarea conținutului existent înainte de restructurare. Studenții identifică lacune, redundanțe și conținut prioritar.

Lecția 2 • Sitemap-uri și modele de navigare

Traduce cercetarea IA în sitemap-uri și selectează modele de navigare potrivite pentru profunzimea conținutului și obiectivele utilizatorilor. Acoperă navigarea globală, locală și contextuală.

Lecția 3 • Card sorting și tree testing

Folosește metode participative pentru a valida etichetele categoriilor și ierarhia vizuală cu utilizatori reali. Rezultatele informează direct deciziile privind sitemap-ul.

Lecția 4 • Căutare și găsibilitate

Acoperă design-ul UX al căutării, inclusiv filtre, fațete și stări cu zero rezultate. Conectează găsibilitatea la calitatea generală a IA.

Lecția 1 • Tehnici de schițare și ideare

Metodele rapide de schițare generează multe idei de layout rapid, fără a intra în detalii. Gândirea divergentă în această etapă previne fixarea prematură pe design.

Lecția 2 • Adnotarea wireframe-urilor pentru predare

Documentează logica de interacțiune, stările și cazurile limită, astfel încât dezvoltatorii să înțeleagă intenția. Reduce schimburile de mesaje în timpul implementării.

Lecția 3 • Prototipuri clickabile pentru testare

Leagă ecranele wireframe în prototipuri navigabile care simulează fluxurile utilizatorilor fără cod. Permite testarea timpurie a utilizabilității înainte de investiția vizuală.

Lecția 4 • Anatomia și standardele wireframe-ului

Definește nivelurile de fidelitate ale wireframe-ului și stabilește convenții de adnotare pentru predarea către dezvoltatori. Studenții învață ce să includă și ce să amâne.

Lecția 1 • Documentația sistemului de design

Împachetează componentele, token-urile de design și ghidurile de utilizare într-un document de sistem de design viu. Permite coerența între echipe și accelerează munca viitoare de design.

Lecția 2 • Proiectarea componentelor și variantelor

Construiește componente UI reutilizabile, cu toate stările și variantele documentate într-un instrument de design. Metodologia atomic design structurează componentele de la atomi la șabloane.

Lecția 3 • Sisteme de culoare și alinierea cu brandul

Construiește o paletă de culori scalabilă cu token-uri primare, secundare, semantice și neutre. Asigură coerența brandului și conformitatea cu accesibilitatea pe toate ecranele.

Lecția 4 • Iconografie și imagini

Definește stilul, dimensiunea și regulile de utilizare ale pictogramelor, alături de ghidurile de tratare a imaginilor. Coerența activelor vizuale întărește identitatea de brand.

Lecția 1 • Interacțiune prin gesturi și atingere

Proiectează pentru swipe, pinch, long-press și alte gesturi tactile pe platforme mobile. Acoperă regulile de dimensionare a țintelor, descoperirea gesturilor și modele de rezervă.

Lecția 2 • Principii de design de interacțiune

Acoperă feedback-ul, affordanțele, maparea și constrângerile ca vocabular de bază al design-ului de interacțiune. Aplică fiecare principiu la deciziile reale de interfață.

Lecția 3 • Interacțiune vocală și multimodală

Prezintă principiile de design UI vocal și experiențele multimodale care combină atingerea, vocea și feedback-ul vizual. Pregătește studenții pentru paradigmele de interacțiune emergente.

Lecția 4 • Prototipare de înaltă fidelitate

Construiește prototipuri interactive precise la pixel, folosind funcții avansate de prototipare din instrumentele de design. Simulează comportamentul real al produsului pentru demonstrații părților interesate și teste de utilizabilitate.

Lecția 1 • Redactarea planurilor de test și a sarcinilor

Construiește planuri de test cu obiective clare, sarcini realiste și rezultate măsurabile. Sarcinile bine redactate previn ca părtinirea facilitatorului să contamineze rezultatele.

Lecția 2 • Facilitarea sesiunilor de utilizabilitate

Acoperă tehnicile facilitatorului pentru a menține sesiunile neutre, adunând în același timp date comportamentale bogate. Studenții exersează protocolul gândirii cu voce tare și întrebările de aprofundare.

Lecția 3 • Analizarea și raportarea constatărilor

Sintetizează observațiile din sesiuni în probleme clasificate pe severitate și recomandări acționabile. Rapoartele sunt structurate atât pentru echipele de design, cât și pentru părțile interesate non-tehnice.

Lecția 4 • Fundamentele testării utilizabilității

Definește obiectivele, tipurile și momentele de utilizare ale testării de utilizabilitate. Distinge testarea formativă de cea sumativă și stabilește așteptări realiste pentru constatări.

Lecția 1 • Utilizarea instrumentelor de predare și inspecție

Demonstrează cum instrumentele de inspecție expun valorile CSS, spațierea și activele către dezvoltatori care nu au acces la instrumentul de design. Acoperă funcțiile de comentare și istoricul versiunilor.

Lecția 2 • QA de design și pregătirea pentru lansare

Stabilește un proces de asigurare a calității design-ului pentru a depista erorile de implementare înainte de lansare. Acoperă liste de verificare QA, raportarea bug-urilor și procedurile de aprobare.

Lecția 3 • Pregătirea fișierelor pentru predarea către dezvoltatori

Organizează fișierele de design cu o denumire coerentă, o structură de straturi și active exportate. Fișierele curate reduc confuzia dezvoltatorilor și accelerează implementarea.

Lecția 4 • Colaborarea cu dezvoltatorii

Construiește relații productive designer-dezvoltator printr-un vocabular comun și respect reciproc. Acoperă cum să gestionezi abaterile de implementare în mod constructiv.