Empty States – Element UI

Ce sunt Empty States in Design UI UX?

Empty states UI apar atunci cand continutul unui element nu poate fi afisat. Aceste stari pot include o varietate de elemente in design-ul UI/UX, cum ar fi elemente de lista, bare de cautare care nu returneaza rezultate, animatii sau ilustratii.

Tipuri de Empty States in Design UI UX

,,Get Started’’: Aceasta stare apare de obicei cand utilizatorul acceseaza pentru prima data un input sau o pagina. Utilizatorii nu au introdus, creat sau modificat inca elementele care ar trebui sa apara acolo.
,,Waiting for You’’: UI UX designers introduc acest UI element atunci cand inputul nu a fost inca creat si indica faptul ca utilizatorul trebuie sa completeze campul.
,,Come back soon”: Aceasta stare este folosita atunci cand datele care ar trebui furnizate nu sunt inca gata.
,,Everything looks great”: Aceasta stare este folosita in design UI UX cand utilizatorul a completat toate campurile sau actiunile necesare.
,,Upgrade Now’’: Aceasta stare este introdusa de UI UX designers si este activata cand utilizatorul nu are abonamentul necesar pentru a accesa anumite functionalitati.
,,No Results Found’’: Empty States UI element este folosit atunci cand sistemul de cautare nu gaseste informatiile necesare.

Cand sa folosesti un Empty State?

Empty States UI elements sunt folosite in UI UX Design cand:

O anumita aplicatie, site sau pagina web nu este lansata pentru a informa utilizatorii ca va aparea in curand.
Ajuta utilizatorii sa vada daca au introdus un input necunoscut.
Empty states au rolul de a completa campurile goale atunci cand datele lipsesc si pot fi afisate oriunde in design.
Au loc erori, cum ar fi probleme de permisiune, probleme de sistem sau configuratii necesare.
Evidentiaza faptul ca utilizatorul trebuie sa indeplineasca o anumita sarcina sau ca poate incepe un anumit proces.

Cum se folosesc un Empty State in Design UI UX:

Empty states pot aparea oriunde si sunt insotite de o imagine legata de situatie sau text, icoane, butoane sau CTA (Call to Action).
Un empty state UI element trebuie sa inlocuiasca spatiul pe care un element l-ar fi ocupat, creand o interfata mai estetica.
Foloseste elemente de baza care sunt deductibile si usor de inteles de catre utilizator.
Fii clar si precis in legatura cu datele lipsa.
Pastreaza numarul de cuvinte redus si rapid de citit.
in situatia in care utilizatorii trebuie sa completeze urmatorul pas, include CTA sau butoane.

‍

Inscrie-te acum la Cursul de UI UX Design de la Traction Keys

Parcurge cursul nostru de UI/UX design pentru a invata totul despre user interface si user experience. La cursul de UI UX design de la Traction Keys vei invata cum se creaza un sistem de design, cat si cum se creeaza UI UX Design Empty States. Stapanirea tuturor elementelor cat si a practicilor de design UI UX te vor ajuta sa devii un designer UI UX complet si iti va asigura urmatorul tau job si viitoarea cariera.

Instructori

Cristi Fonea

Senior UI/UX Designer, Trainer, Mentor.

Expert in design UI/UX cu peste 10 ani de experienta. Sunt pasionat de dezvoltarea proiectelor digitale si de sprijinirea oamenilor in cresterea lor profesionala.
Trainer Certificat si Mentor.

Gabriel Pana

Sales/Marketing, Trainer, UI/UX Designer, Mentor.

Serial Entrepreneur, Investor si Mentor de Vanzari cu peste 18 ani de experinta. UiPath alumni.
Trainer Certificat si Mentor.

Daria Dondea

Marketing/SEO, Trainer, Mentor.

Expert in Marketing, Copywriting and SEO.
Trainer Certificat si Mentor.

Ramai conectat la toate resursele din domeniul UI/UX.

Aboneaza-te acum la newsletter pentru a primi noutati despre UI/UX si multe alte stiri interesante din domeniul technologic.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Cateva din proiectele realizate de echipa noastra de design

Echipa noastra de design a realizat numeroase proiecte de succes, fiecare demonstrând expertiza si creativitatea noastra in domeniul UI/UX.

Este o platforma de design dedicata utilizatorilor Figma, oferind un sistem complet de UI (User Interface) si kituri de design.

Este o agentie de crestere si un incubator de startup-uri fondat în 2022. Ofera suport complet pentru dezvoltarea produselor digitale.

Un website dedicat stirilor din industria tech si prezinta o gama variata de articole și resurse pentru antreprenori, designeri și pasionati de tehnologie.

Sursa ta suprema pentru informatii despre contracte. Credem in desfasurarea afacerilor noastre cu integritate și transparenta in orice moment.

Festivalul Strada Armenească este un eveniment cultural anual organizat de Uniunea Armenilor din România, care sărbătorește cultura și tradițiile armenești.

Da startul calatoriei tale in Design.
Inscrie-te la Cursul de UI/UX chiar acum!🚀

Fa primul pas catre o cariera de succes in design, specializandu-te in UI design si UX design. Alatura-te comunitatii noastre de creativi si incepe sa iti transformi ideile în realitate. Completeaza formularul de mai jos si rezerva-ti locul acum!