Curs de Design UI/UX

Lecția 1 • Principii Fundamentale ale Designului Bun

Acoperă utilizabilitatea, accesibilitatea, consistența și feedback-ul ca principii fundamentale. Studenții le aplică drept criterii de evaluare în toate lucrările ulterioare.

Lecția 2 • Înțelegerea UI vs. UX

Definește UI ca stratul vizual al interfeței și UX ca întreaga călătorie a utilizatorului. Stabilește vocabularul folosit pe parcursul cursului.

Lecția 3 • Prezentare Generală a Procesului de Design

Trasează fluxul de lucru complet al designului, de la descoperire la predare. Oferă o foaie de parcurs pe care studenții o urmează în toate capitolele esențiale.

Lecția 1 • Metode de Cercetare Cantitativă

Introducerea chestionarelor, analizei de date și interpretării datelor comportamentale. Echilibrează descoperirile calitative cu dovezi măsurabile.

Lecția 2 • Planificarea și Strategia Cercetării

Învață cum să definești obiectivele de cercetare, să selectezi metodele și să recrutezi participanți. Aliniază sfera cercetării cu constrângerile proiectului.

Lecția 3 • Sintetizarea Cercetării în Informații

Transformă datele brute în hărți de afinitate, personae și hărți de călătorie. Rezultatele alimentează direct procesul de ideare și arhitectura informației.

Lecția 1 • Modele de Navigare și Meniuri

Acoperirea modelelor de navigare globală, locală și contextuală pentru web și mobil. Studenții selectează modele în funcție de volumul de conținut și contextul utilizatorului.

Lecția 2 • Card Sorting și Tree Testing

Învață card sorting deschis și închis pentru a valida gruparea categoriilor. Tree testing verifică navigarea înainte de a începe designul vizual.

Lecția 3 • Principiile Arhitecturii Informației

Explicarea organizării, etichetării, navigării și căutării ca piloni ai AI. Conectează deciziile de AI cu modelele mentale ale utilizatorilor din cercetare.

Lecția 1 • Fluxuri ale Utilizatorului și Maparea Sarcinilor

Definește fluxurile utilizatorului ca trasee pas cu pas prin sarcini, înainte de a desena ecranele. Asigură că wireframe-urile răspund obiectivelor reale ale utilizatorilor identificate în cercetare.

Lecția 2 • Tehnici de Schițare și Ideare

Introducerea schiței rapide, a exercițiului Crazy Eights și a metodelor de miniaturi pentru ideare rapidă. Încurajează cantitatea în detrimentul calității pentru a scoate la suprafață opțiuni variate de aspect.

Lecția 3 • Legarea Prototipurilor de Joasă Fidelitate

Conectează ecranele wireframe în prototipuri clickabile pentru testarea timpurie a utilizabilității. Validează navigarea și fluxurile de sarcini înainte de investiția în designul vizual.

Lecția 1 • Ierarhie Vizuală și Accent

Ghidează utilizarea dimensiunii, greutății, contrastului și poziției pentru a direcționa atenția utilizatorului. Studenții aplică ierarhia pentru a se asigura că acțiunile critice sunt imediat vizibile.

Lecția 2 • Aspect, Grile și Spațiere

Explicarea grilelor de coloane, a grilelor de bază și a token-urilor de spațiere pentru aspecte consecvente. Conectează deciziile de aspect cu ritmul vizual și ierarhia conținutului.

Lecția 3 • Teoria Culorii și Sisteme de Culori în UI

Învață psihologia culorii, raporturile de contrast și construirea unei palete de culori pentru UI. Studenții creează sisteme de culori accesibile care respectă standardele de contrast.

Lecția 4 • Tipografia în Designul de Interfață

Acoperirea selecției de familii tipografice, a scării tipografice, a înălțimii rândurilor și a lizibilității pentru ecrane. Alegerile tipografice afectează direct utilizabilitatea și percepția brandului.

Lecția 1 • Documentarea și Întreținerea Sistemelor

Ghidează scrierea ghidurilor de utilizare, a exemplelor de tip „de făcut/nu de făcut” și a versionării componentelor. Documentația permite echipelor să adopte sistemul fără intervenția designerului.

Lecția 2 • Anatomia unui Sistem de Design

Definește token-urile de design, componentele, modelele și documentația ca straturi ale sistemului. Stabilește de ce sistemele reduc inconsistența și accelerează producția.

Lecția 3 • Componente Responsive și Adaptive

Acoperirea modului în care componentele se adaptează la diferite dimensiuni de ecran folosind auto-layout și constrângeri. Asigură că sistemul funcționează pe contexte mobile, tabletă și desktop.

Lecția 1 • Construirea Prototipurilor de Înaltă Fidelitate

Aplică componentele sistemului de design pentru a crea prototipuri interactive, precise la nivel de pixel. Prototipurile replică comportamentul real al aplicației pentru o testare de utilizabilitate credibilă.

Lecția 2 • Testarea și Rafinarea Prototipurilor

Ghidează testarea structurată a prototipurilor de înaltă fidelitate pentru a identifica eșecurile de interacțiune. Ciclurile de rafinare reduc decalajul dintre prototip și produsul final.

Lecția 3 • Micro-Interacțiuni și Animații

Învață buclele declanșator-reacție, curbele de înmuiere și ghidurile de durată pentru animația UI. Studenții proiectează animații care ghidează atenția fără a provoca distragere.

Lecția 4 • Design de Interacțiune prin Gesturi și Atingere

Acoperirea modelelor de glisare, ciupire, atingere și apăsare lungă pentru interfețe mobile și tactile. Studenții proiectează fluxuri bazate pe gesturi care se simt naturale și descoperibile.

Lecția 1 • Fundamentele Testării Utilizabilității

Definește testarea moderată vs. nemoderată și când să se aplice fiecare metodă. Stabilește testarea ca o activitate continuă, nu ca o verificare în etapa finală.

Lecția 2 • Scrierea Planurilor de Test și a Sarcinilor

Învață cum să scrii sarcini bazate pe scenarii care dezvăluie probleme reale de utilizabilitate. Sarcinile bine scrise previn ghidarea participanților și produc date valide.

Lecția 3 • Analizarea și Raportarea Constatărilor

Transformă datele sesiunii în probleme clasificate pe severitate și recomandări prioritizate. Rapoartele comunică constatările părților interesate care nu au fost prezente.

Lecția 4 • Facilitarea Sesilunilor de Utilizabilitate

Acoperirea tehnicilor de moderator pentru menținerea sesiunilor neutre și productive. Studenții practică observarea, luarea de notițe și sondarea fără prejudecăți.