Sari la conținut
RUROEN
Intră în cont Alege un curs
Design DS—03

Înainte de machetă

Un curs despre partea de muncă ce are loc înainte de primul pixel. În «Interfețe în Figma» wireframe-ul catalogului ți-a fost dat gata — aici ajungi la el singur: de la brief și scenarii până la structura ecranelor, texte și verificarea pe conținut incomod. Exact pentru asta este plătit designerul mai bine decât pentru un auto layout îngrijit.

8 module19 lecții
14 orede video și practică
Necesită bazăcerințe
Pe viațăacces și actualizări
Format
€39 plată unică
Plasează comanda Deschide programa
Plată cu cardul sau prin PayPal
Accesul se deschide imediat după plată
Retur în 14 zile, dacă nu ai început să vizionezi
Rezultat

Ce vei putea face

Să iei un brief după care să fie limpede ce ai de făcut
Să deosebești problema clientului de soluția propusă tot de el
Să descrii scenariul ca drum al omului, pas cu pas, nu ca listă de ecrane
Să construiești structura produsului: secțiuni, navigație și conținutul ecranelor
Să desenezi wireframe-uri și să verifici pe ele deciziile cât timp corecturile sunt ieftine
Să scrii textele butoanelor, erorilor și stărilor goale fără «ups, ceva n-a mers»
Să verifici macheta pe conținut incomod: denumiri lungi, zerouri și cazuri-limită
Să faci un test de coridor cu forțe proprii și să duci concluziile înapoi în machetă
Programa

8 module, un singur proiect

Apasă pe un modul ca să vezi lecțiile

01 Problema dinaintea pixelilor2 lecții · 1 h 24 minDeschis

Lămurim ce s-a comandat de fapt: unde este problema, unde este soluția altcuiva și care sunt granițele proiectului.

Brieful: întrebările după care lucrurile devin clare
Problemă sau soluție: cum să nu desenezi presupunerea altcuiva
02 Scenarii3 lecții · 2 h 08 min

Drumul omului pas cu pas: de unde a venit, ce a vrut, unde se poate bloca și cum se termină totul.

Cine folosește: roluri, context și motiv
Scenariul pas cu pas: de la intenție la rezultat
Practică: scenarii de programare la un serviciu
03 Structură3 lecții · 2 h 12 min

Așezăm conținutul pe secțiuni și ecrane și verificăm că omul găsește ce îi trebuie fără să citească tot meniul.

Secțiuni și grupare: sortarea cardurilor cu forțe proprii
Navigație: ce se vede mereu și ce apare la cerere
Practică: harta ecranelor unui serviciu
04 Wireframe-uri2 lecții · 1 h 36 min

Scheme rapide, pe care se vede decizia, nu aspectul: o corectură aici costă minute, nu zile.

Viteza contează mai mult decât acuratețea: cum desenezi schemele
Wireframe clicabil: verificăm scenariul în întregime
05 Textul din interfață3 lecții · 2 h 10 min

Butoane, indicii, erori și ecrane goale: locul în care interfața vorbește cu omul.

Butoane și etichete: un verb în loc de «Trimite»
Erori și indicii: ce s-a întâmplat și ce este de făcut
Stări goale: primul ecran al unui utilizator nou
06 Conținut incomod2 lecții · 1 h 30 min

Verificăm structura acolo unde machetele se rup: denumiri lungi, zerouri, numere negative și capetele intervalelor.

Denumiri lungi, multe și zero: limitele conținutului
Practică: ne stricăm propriul wireframe cu date reale
07 Verificarea pe oameni2 lecții · 1 h 28 min

Test de coridor fără laborator și fără buget: cinci oameni, un scenariu și concluzii oneste.

Cum întrebi ca să nu sugerezi răspunsul
Analiza observațiilor și corecturile după test
08 Predarea către UI2 lecții · 1 h 32 min

Modulul final: ce trebuie decis înainte de desenare și în ce formă pleacă mai departe.

Ce trebuie decis înainte de primul pixel
Susținerea deciziei: de ce structura este exact aceasta
Materiale

Ce primești

19 lecții cu transcriere

Video cu marcaje de timp și variantă scrisă — la formulările întrebărilor și ale textelor revii ușor în timpul lucrului.

Șablon de brief și scenariu

Lista de întrebări pentru client și structura descrierii scenariului pas cu pas: intenție, acțiune, rezultat, ce poate merge prost.

Bibliotecă de wireframe-uri

Blocuri gri, câmpuri, liste și tabele în Figma — ca să construiești schema din piese gata, nu să desenezi dreptunghiuri din nou.

Set de conținut incomod

Denumiri reale, sume, liste goale și valori-limită pentru verificarea structurii înainte de desenare.

Tomsa Daria
Autorul cursului

Tomsa Daria

Predă direcția «Design de interfețe» la Forma. Lista completă a cursurilor este pe pagina autorului.

Toate cursurile autorului

Primul modul este deschis în întregime

Urmărește lecțiile primului modul și prima temă. Dacă formatul nu ți se potrivește, nu ai pierdut nimic.

Cumpără cu €39Vizionează gratuit