Tendințe UI 2020: Ce este în magazin?

Publicat: 2022-03-11

2020 este aici și, odată cu el, vine șansa de a revizui care tendințe de UI au funcționat anul trecut și care este probabil să continue să facă acest lucru și anul acesta. Începutul noului an oferă o oportunitate excelentă de a privi tendințele emergente de design UI, care vor continua să crească în popularitate.

A rămâne la curent cu ceea ce este nou în industria de design, ce este util (sau nu) și ce este în disgrație este vital pentru designerii de UI care doresc să poată oferi clienților idei inovatoare. Examinarea tendințelor și analizarea modului în care acestea ar putea evolua înainte este esențială pentru acest demers.

Tendințele UI 2020 vor include povestiri în designul UI (în loc să ne gândim la un proiect doar în termeni de UX), grafică și animație 3D, microinteracțiuni unice, teme întunecate, simplitate, interacțiune vocală și multe altele.

Tendințele UI 2020 includ modele simple și moderne de UI
Music App UI (de Humayra Kabir Anamika).

Povestirea

Povestirea este adesea gândită doar în termeni de UX. Cu toate acestea, designerii UI pot juca, de asemenea, un rol esențial în procesul de povestire.

Prin utilizarea culorilor, a tipografiei, a animației și a designului de interacțiune, designerii UI pot implementa poveștile necesare pentru o bună UX.

Pagina de destinație Pixel Earbuds de la Google este un exemplu convingător de poveste cu interfața de utilizare. Acesta ghidează vizitatorul prin beneficiile produsului prin animații atent, imagini care se pot relata și tipografie stelară pentru a crea un răspuns emoțional pozitiv.

Tendințele de design UI includ povestirea, la care Google excelează
Povestirea UI prin animație și imagini.

Grafică 3D și animație

Grafica 3D și animația nu sunt nou-venite în designul UI. Frecvența lor a crescut în ultimii ani în mai multe categorii de produse. Aplicațiile VR și AR, în special, au profitat de aceste elemente pentru lucruri precum vizualizarea mobilierului într-o cameră reală. Un alt exemplu comun este vizualizarea la 360 de grade a produsului, care a devenit populară pe site-urile de comerț electronic.

Doriți designeri de interfață de utilizare independenți cu normă întreagă din SUA

Dacă un design UI trebuie să fie deosebit de atrăgător, grafica 3D este o modalitate excelentă de a realiza acest lucru. Animația se adaugă la atractivitatea vizuală. Deși aceste efecte consumă mai mult timp decât versiunile 2D și necesită un set de abilități specializate, merită resursele suplimentare în cazurile în care se adaugă la experiența generală a utilizatorului.

Grafica și animațiile 3D sunt o parte importantă a designului UI 2020
Selectarea opțiunilor de produs și adăugarea produsului în coș (de către Danniel).

Microinteracțiuni unice

Microinteracțiunile sunt un element esențial al oricărui design bun de produs digital. Cu toate acestea, ele sunt încă trecute cu vederea de mulți designeri de UI și părți interesate.

Microinteracțiunile oferă utilizatorilor informații suplimentare și feedback. Acestea pot include lucruri precum animații de interacțiune, modificări de culoare pentru a afișa diferite stări și feedback haptic în aplicațiile mobile. Microinteracțiunile pot ridica un design de la funcțional la excepțional.

Tendințele de design UI 2020 includ microinteracțiuni unice
Bară de progres pentru încărcare și descărcare (de xjw).

Teme întunecate

Temele întunecate există de câțiva ani, dar au luat amploare în 2019. Apple a făcut mult pentru a ajuta această tendință atunci când și-a lansat actualizarea Mojave cu posibilitatea de a se aplica automat o temă întunecată în aplicațiile care o acceptă. De asemenea, au lansat o actualizare pentru iOS care oferă aceeași funcționalitate în modul întunecat.

Temele întunecate ale interfeței de utilizare vor continua să crească în 2020. Unul dintre cele mai semnificative beneficii – dincolo de atractivitatea vizuală – este că pentru unii oameni, temele întunecate cu contrast adecvat pot ajuta la efortul ochilor.

Una dintre cele mai recente aplicații importante pentru tratarea temei întunecate este Gmail, care a început să lanseze opțiunea încă din septembrie. Acum, că toți cei trei giganți tehnologici majori (Apple, Google și chiar aplicația mobilă a Facebook) au sărit pe temele întunecate, este puțin probabil ca această tendință să dispară în viitorul apropiat.

Designul întunecat este o interfață de utilizare importantă
Music Player UI (de Martin Mroc).

Simplitate

Simplitatea și minimalismul intră și iese din modă în designul UI la fiecare câțiva ani. Chiar acum, sunt înăuntru.

Funcționalitatea este în prim-plan cu modele simple. Simplitatea este mai mult o colecție de principii de design decât o singură tendință. Modelele simple încorporează adesea principii Gestalt, tipografie îndrăzneață, palete de culori minimaliste și multe spații albe.

Simplitatea în design nu este ușor de creat. Este nevoie de încredere din partea designerului și fiecare element trebuie să fie perfect, deoarece nu există nimic care să ascundă alegeri îndoielnice de design. Când este făcut bine, creează un sentiment elegant, de înaltă calitate, pe care oamenilor le place să îl folosească.

Tendințele de proiectare a aplicațiilor includ modele simple de UI
Aplicația White Noise (de Romeo M. pentru Queble).

Interacțiuni vocale

Interacțiunile vocale erau cândva rezervate domeniului science fiction. Smartphone-urile și aplicațiile mobile au schimbat acest lucru, făcând interacțiunea vocală nu numai posibilă, ci și mainstream. Permiterea oamenilor să interacționeze cu aplicațiile prin comenzi vocale deschide o lume de posibilități de interacțiune cu un produs. Când un consumator poate da comenzi vocale, poate folosi o aplicație în situații în care interfețele tactile nu sunt sigure sau practice, cum ar fi atunci când conduc sau urmează o rețetă sau un tutorial.

Interacțiunea vocală nu este nouă, dar iterațiile timpurii au fost greoaie și adesea nu au funcționat bine. În ultimii câțiva ani, interacțiunea vocală a evoluat (de obicei cu asistență bazată pe inteligență artificială) pentru a fi o metodă practică de comunicare cu o aplicație. Pe măsură ce controlul vocal se îmbunătățește și mai mult, este o tendință care probabil că nu va dispărea. Google a anunțat actualizări semnificative ale funcției Google Assistant la I/O 2019 că unii speculează că ar putea fi începutul interacțiunilor vocale care înlocuiesc aproape complet interacțiunile tactile.

Designerii UI vor beneficia de familiarizarea cu modul în care funcționează interacțiunile vocale și cu modul în care le pot integra cel mai bine în produsele lor, în special în aplicațiile mobile. În cele din urmă, interacțiunile vocale pot depăși alte tipuri de interacțiuni, inclusiv pe web.

Tendințele pentru UI pentru 2020 includ interacțiunea vocală
Microinteracțiuni vocale (de Filipe Ferrari).

Tipografie UI Design Trends

Noi tendințe de tipografie apar în fiecare an, iar anul trecut nu a fost diferit. Unele dintre cele mai proeminente tendințe ale interfeței de utilizare care vor continua probabil în 2020 includ revenirea la fonturi serif, text eroic nu atât de supradimensionat și tipul de straturi cu alte elemente.

Când au început să apară pentru prima dată modelele de interfață grafică cu utilizatorul, serifurile erau, în general, dezamăgite ca fiind greu de citit pe un ecran. Rezoluțiile scăzute ale ecranului au însemnat că detaliile mai fine ale formelor literelor (și detaliile vizuale la scară mică în general) s-au pierdut, făcând ca multe fonturi care în mod tradițional funcționau bine în tipărire să arate groaznic pe ecranul computerului.

Pe măsură ce rezoluțiile ecranului au crescut, ideea ca serifurile să fie greu de citit pe ecran a persistat cumva. Acest lucru s-a schimbat în ultimii ani și serif-urile au apărut peste tot, inclusiv în antet și în textul eroului, unde erau de obicei mai puțin obișnuite decât omologii lor sans-serif și font de afișare.

Se pare că textul eroului a devenit din ce în ce mai mare în fiecare an, ocupând adesea întregul spațiu „de deasupra pliului” pe un site web. Acest lucru s-a schimbat în 2019, cu text mai mic (deși încă proeminent) folosit peste imaginile eroului și antet. Este o schimbare binevenită care reintroduce spațiul alb ca o parte valoroasă a designului eroului.

Tipul de stratificare cu elemente grafice, fie sub, fie deasupra imaginilor (sau uneori ambele), este o altă tendință în creștere. Uneori, textul este suprapus sau suprapus cu imagini sau culori în casete, în timp ce alteori, este complet integrat cu alte elemente vizuale.

Tendințele interfeței cu utilizatorul includ tendințe în tipografie
Site-ul web A-LAB Design Studio (de Mike | Creative Mints).

Privind în viitor la tendințele UI 2020

Cele mai bune tendințe ale UI sunt atractive din punct de vedere vizual, îmbunătățesc în același timp experiența generală și utilitatea unui produs digital. Tendințele menționate mai sus vor continua să evolueze, iar altele noi vor apărea probabil în 2020.

Pe măsură ce mărcile mai mari adoptă tendințe și devin tot mai omniprezente, ele evoluează în standarde și devin parte a peisajului digital. Această evoluție se întâmplă deja cu tendințe precum teme întunecate.

În alte cazuri, tendințele rămân timp de câțiva ani și apoi cad pe margine pe măsură ce apar idei și metode mai bune. Un exemplu în acest sens este interfața de utilizare cu derulare paralaxă, care a fost incredibil de populară acum câțiva ani, dar nu este la fel de proeminentă în 2020.

Noi tendințe vor apărea în 2020, iar unele dintre cele incluse aici s-ar putea estompa până la sfârșitul anului. Designerii experți de UI caută mereu modalități mai bune de a prezenta conținut, ceea ce înseamnă că unele tendințe de IU din 2020 vor fi practic dispărut din spiritul digital până în 2021.

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • Privind spre viitor – Tendințe de design din 2020
  • Toptal Design Blog Culoarea anului 2020
  • UX Design Trends Retrospectiva 2019
  • Merită toate tendințele? Top 5 cele mai frecvente greșeli UX pe care le fac designerii web
  • Următoarele tendințe: Omagiu vs. Design Plagiat