Curs de UI/UX Design

Lecția 1 • Principii fundamentale de design

Prezintă Gestalt, ierarhia vizuală, contrastul și alinierea ca reguli vizuale de bază. Aplică aceste principii în exerciții de critică a interfețelor.

Lecția 2 • Procesul de design thinking

Prezintă modelul de design thinking în cinci etape ca un cadru de rezolvare a problemelor. Conectează fiecare etapă cu livrabile practice de UI/UX.

Lecția 3 • Istoria și evoluția design-ului

Urmărește design-ul de la rădăcinile printului și industriale până la interfețele digitale. Contextualizează practicile moderne în cadrul schimbărilor istorice.

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

Definește UI ca strat vizual al interfeței și UX ca parcursul holistic al utilizatorului. Stabilește vocabularul folosit pe parcursul cursului.

Lecția 1 • Sondaje și cercetare cantitativă

Prezintă proiectarea sondajelor, eșantionarea și interpretarea statistică de bază. Completează constatările calitative cu date măsurabile despre utilizatori.

Lecția 2 • Sintetizarea insight-urilor din cercetare

Acoperă maparea afinităților, analiza tematică și prioritizarea insight-urilor. Transformă datele brute în direcții de design acționabile.

Lecția 3 • Realizarea interviurilor cu utilizatorii

Învață tehnici de interviu structurate și semi-structurate pentru a descoperi motivațiile utilizatorilor. Dezvoltă abilități de ascultare activă și de formulare neutră a întrebărilor.

Lecția 4 • Crearea de personae ale utilizatorilor și hărți ale călătoriei

Ghidează studenții în construirea de personae bazate pe dovezi și în maparea călătoriilor complete ale utilizatorilor. Aceste artefacte comunică contextul utilizatorilor părților interesate.

Lecția 1 • Sisteme de căutare și orientare

Abordează UX-ul căutării, filtrele, breadcrumb-urile și indicatorii de progres. Asigură că utilizatorii știu întotdeauna unde se află și cum să continue.

Lecția 2 • Proiectarea sitemap-urilor și taxonomiilor

Acoperă structuri de site ierarhice, plate și hub-and-spoke. Studenții creează sitemap-uri care reflectă modelele mentale ale utilizatorilor.

Lecția 3 • Card sorting și tree testing

Învață metode participative pentru validarea grupărilor de conținut și a etichetelor de navigare. Produce decizii de arhitectură a informației bazate pe date.

Lecția 4 • Modele de navigare și meniuri

Prezintă modele comune de navigare, inclusiv navigare de sus, laterală, file și meniu hamburger. Potrivește modelele cu dispozitivul și contextul.

Lecția 1 • Tehnici de wireframing digital

Acoperă crearea de wireframe-uri de fidelitate medie folosind instrumente standard din industrie. Se concentrează pe grile de aspect, spațiere și plasarea componentelor.

Lecția 2 • Fundamentele design-ului de interacțiune

Definește obiectivele design-ului de interacțiune, inclusiv feedback, affordance și schimbări de stare. Face legătura între wireframe-uri statice și prototipuri dinamice.

Lecția 3 • Schițare și wireframe-uri de joasă fidelitate

Prezintă schițarea rapidă și wireframing-ul pe hârtie ca instrumente rapide de ideare. Încurajează gândirea divergentă înainte de a te angaja la instrumente digitale.

Lecția 4 • Construirea de prototipuri clickabile

Învață să conectezi ecranele și să adaugi tranziții pentru a simula comportamentul real al produsului. Produce prototipuri testabile pentru sesiunile de cercetare cu utilizatorii.

Lecția 1 • Consecvența vizuală și ghidurile de stil

Ghidează studenții în documentarea deciziilor vizuale într-un ghid de stil reutilizabil. Asigură consecvența design-ului pe toate ecranele unui produs.

Lecția 2 • Aspect, grile și spațiere

Prezintă grilele pe coloane, grilele de bază și sistemele de spațiere pentru aspecte consecvente. Aplică regulile de aspect sistemelor de design multi-ecran.

Lecția 3 • Teoria culorii și aplicarea în UI

Acoperă modelele de culoare, paletele, rapoartele de contrast și asocierile emoționale. Aplică deciziile de culoare în mod sistematic componentelor de interfață.

Lecția 4 • Iconografie și imagini

Învață principiile design-ului de pictograme, consecvența stilului și utilizarea imaginilor în interfețe. Asigură că elementele vizuale întăresc conținutul, nu distrag atenția de la el.

Lecția 1 • Planificarea unui studiu de utilizare

Acoperă redactarea planurilor de test, definirea sarcinilor și recrutarea participanților reprezentativi. Asigură că testele oferă insight-uri valide și fiabile.

Lecția 2 • Analiza datelor de utilizare

Acoperă ratele de succes ale sarcinilor, analiza erorilor, timpul pe sarcină și codificarea calitativă. Transformă observațiile din sesiuni în probleme de design prioritizate.

Lecția 3 • Raportarea și acționarea pe baza constatărilor

Ghidează studenții în redactarea rapoartelor de constatări și prezentarea recomandărilor părților interesate. Închide bucla între testare și iterația de design.

Lecția 4 • Fundamentele testării de utilizare

Definește dimensiunile de utilizare, inclusiv eficacitatea, eficiența și satisfacția. Poziționează testarea ca o activitate centrală de design, nu un pas final.

Lecția 1 • Linii directoare pentru accesibilitatea conținutului web

Acoperă cele patru principii WCAG: perceptibil, operabil, ușor de înțeles și robust. Mapează liniile directoare la decizii specifice de design UI.

Lecția 2 • Culoare și tipografie accesibilă

Aplică cerințele de raport de contrast și dimensiunile minime ale tipurilor de literă design-ului vizual. Asigură că conținutul este lizibil indiferent de abilitățile vizuale.

Lecția 3 • Auditarea accesibilității și remedierea

Învață metode de audit automat și manual pentru a identifica eșecurile de accesibilitate. Studenții produc planuri de remediere prioritizate pentru interfețe reale.

Lecția 4 • Principiile design-ului incluziv

Prezintă spectrul abilității umane și modelul social al dizabilității. Reformulează accesibilitatea ca o calitate a design-ului, nu o bifă de conformitate.

Lecția 1 • Documentarea și guvernarea unui sistem de design

Învață redactarea liniilor directoare de utilizare, procesele de contribuție și strategiile de versionare. Asigură că sistemul rămâne corect și adoptat de echipe.

Lecția 2 • Metodologia de design atomic

Aplică modelul de design atomic al lui Brad Frost pentru a descompune UI-ul în atomi, molecule, organisme și șabloane. Structurează ierarhic logica componentelor.

Lecția 3 • Introducere în sistemele de design

Definește sistemele de design ca surse unice de adevăr care combină componente, modele și linii directoare. Explică valoarea de afaceri și câștigurile de eficiență ale echipei.

Lecția 4 • Token-uri de design și tematizare

Prezintă token-urile de design ca variabile denumite pentru culoare, spațiere și tipografie. Permite tematizarea consecventă și suportul pentru modul întunecat.