Sari la conținut
Design DS—05

Interfețe complexe

Un curs despre instrumente de lucru: tabele, filtre, formulare lungi și dashboard-uri — ecrane în fața cărora oamenii stau câte opt ore pe zi. Aici nu funcționează ce se învață pe paginile promoționale: contează densitatea, stările datelor și faptul că același ecran este văzut de oameni cu drepturi diferite. Construim panoul de administrare al magazinului — a doua jumătate, cea matură, a produsului pe care școala îl construiește în toate cursurile.

8 module22 lecții
18 orede video și practică
Necesită bazăcerințe
Pe viațăacces și actualizări
Format
€59 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ă proiectezi ecrane dense fără să le transformi în haos
Să construiești tabele: coloane, sortare, acțiuni pe rând și în masă
Să așezi filtrele și căutarea astfel încât oamenii chiar să le folosească
Să împarți formularele lungi în grupuri și pași, cu o validare inteligibilă
Să alegi pentru dashboard cifrele care răspund la o întrebare și să nu le distorsionezi
Să gândești stările datelor: gol, prea mult, eroare, încărcare, fără drepturi
Să arăți același ecran unor roluri diferite, fără o a doua machetă
Să adaptezi un instrument de lucru la un ecran îngust, fără pierderea funcțiilor
Programa

8 module, un singur proiect

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

01 Prin ce este produsul mai complex decât o pagină promoțională3 lecții · 2 h 10 minDeschis

Altă sarcină și alt om: aici el lucrează, nu face cunoștință. De aici vin densitatea, viteza și rolurile.

Densitate în loc de aer: cu ce plătește un ecran de lucru
Frecvența sarcinilor: ce trebuie să fie la un singur clic
Analiza unui panou de administrare: cum este construit și de ce
02 Tabele3 lecții · 2 h 32 min

Elementul principal al unei interfețe de lucru: coloane, alinierea numerelor, sortare și acțiuni pe rânduri.

Coloane: ce arăți, ce ascunzi, cum aliniezi
Sortare, fixare și derulare orizontală
Acțiuni: pe rând, în masă și periculoase
03 Filtre și căutare3 lecții · 2 h 26 min

Unde trăiesc filtrele, cum arăți pe cele aplicate și ce faci când devin cincisprezece.

Unde așezi filtrele și cum arăți pe cele aplicate
Căutare, sugestii și rezultat fără potriviri
Practică: filtrarea listei de comenzi
04 Formulare lungi3 lecții · 2 h 30 min

Un formular cu patruzeci de câmpuri: grupare, pași, salvarea ciornei și o validare care ajută, nu care ceartă.

Gruparea câmpurilor și ordinea completării
Pași, ciorne și părăsirea paginii
Validare: când verifici și cum comunici
05 Dashboard3 lecții · 2 h 28 min

Ce cifre arăți, cum le compari și de ce un grafic frumos minte adesea.

Ce cifre răspund la întrebarea proprietarului magazinului
Grafice și comparație: scară, perioadă, onestitate
Practică: dashboard de vânzări pe un singur ecran
06 Stările datelor2 lecții · 1 h 38 min

Gol, prea mult, eroare, încărcare: stările care lipsesc din machetă, dar pe care omul le vede.

Ecranul gol, prima pornire și «nu s-a găsit nimic»
Încărcare, eroare și date sosite parțial
07 Drepturi și roluri2 lecții · 1 h 40 min

Un singur ecran pentru proprietar, manager și depozit: ce ascunzi, ce arăți inactiv și ce explici.

Ascunzi, blochezi sau explici: alegerea pentru fiecare rol
Practică: lista de comenzi prin ochii a trei roluri
08 Responsivitatea instrumentelor de lucru3 lecții · 2 h 36 min

Modulul final: ce plieze primul, cum trăiește un tabel pe un ecran îngust și cum predai panoul de administrare în întregime.

Tabelul pe un ecran îngust: carduri, prioritatea coloanelor
Ce pliezi primul și ce nu poate fi sacrificat
Proiectul final: panoul de administrare al magazinului, complet
Materiale

Ce primești

22 de lecții cu transcriere

Video cu marcaje de timp și variantă scrisă: la regulile despre tabele și stări revii ușor în timpul lucrului.

Bibliotecă de componente de lucru

Tabele, filtre, panouri și formulare în Figma, pe tokenurile din cursul «Design system» — un ecran se construiește într-o seară.

Date pentru panoul de administrare

Comenzi, produse și vânzări într-un volum realist, inclusiv liste goale și valori-limită pentru verificarea stărilor.

Checklist pentru ecranul de lucru

Verificarea înainte de predare: stările datelor, rolurile, tastatura, densitatea, comportamentul tabelului pe un ecran îngust.

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.