UX Design Trends Retrospectiva 2019

"Creativitatea cere curaj." – Henri Matisse

Bătălia pentru atenția noastră este mai mare ca niciodată, deoarece conținutul digital bogat concurează pentru milioane de globi oculari. Cu distragerile rampante, este posibil să ajungem la ceea ce se numește „criză cognitivă de vârf”. Imagini, videoclipuri, text, ilustrații, animații și podcasturi ne supraîncărcă simțurile cu postări sponsorizate, știri false, fotografiile de vacanță ale prietenilor noștri, Australia în flăcări, inundațiile orașului Veneția și prevestirea războiului, totul într-un interval mai mic. mai mult de 10 secunde în timp ce parcurgem un flux de rețea socială.

Prin intermediul acestei furtuni – milioane de distrageri, toate concurând pentru atenția noastră – tendințele de design apar prin inovare și experimentare. Tendințele se formează de obicei pentru că o minte creativă a imaginat ceva, l-a creat, oamenilor le-a plăcut și s-a răspândit. Unele tendințe au durate de viață scurte, altele rămân mai lungi, iar unele sunt reciclate în câteva decenii — fiți martori la revenirea modei anilor 60 și a discurilor de vinil cu Generația Z. Tendințele apar în multe domenii și discipline: de la modă la păr, mâncare la mașini, de la arhitectură la design și chiar politică.

Tendințele se nasc din creativitate și experimentare îndrăzneață. În 1960, când Margaret Vinci, o campioană la coafură, a fost încurajată de editorul revistei Modern Beauty Salon să facă „ceva cu adevărat diferit” care să definească următorul deceniu, a venit cu coafura stup. S-a răspândit ca focul și a devenit o tendință fierbinte de-a lungul anilor 60. Stupul lui Audrey Hepburn, pe care l-a prezentat frumos în filmul clasic „Mic dejun la Tiffany”, este unul dintre cele mai emblematice exemple, la fel ca și interpretarea dezordonată a lui Brigitte Bardot.

Ca și în cazul multor inovații, designerii își defilează creațiile proaspăt bătute și realizate cu atenție în diverse medii pentru a le testa și a le arăta. Unele modele UX reprezintă eforturi reale de a face lucrurile să arate și să funcționeze mai bine. Unele sunt proiecte de vanitate concepute pentru a exalta designerul și a-i declara semi-zei ai designului cu 10.000 de aprecieri pe Dribbble – chiar dacă doar pentru o scurtă semnalizare pe radar.

În multitudinea haotică de opțiuni, unele modele sunt aruncate, iar altele sunt păstrate și devin o tendință de design UX – nu numai cu consumatorii, ci și cu colegii. Semenii răspund cu degetul mare în sus sau cu degetul în jos: Oooh, îmi place asta. Arata grozav. Face lucrurile să funcționeze mai bine. Îmi place stilul ăsta. Sau eh, nu merge pentru mine... Uneori, depășiți de simptomele FOMO (Fear Of Missing Out), alți designeri se aruncă în vagon, difuzând: Uite, sunt și eu modern, modern și contemporan! și sunt cu vremurile, uită-te, acesta este cel mai recent lucru.

Imitația este cea mai sinceră formă de lingușire pe care mediocritatea o poate plăti măreției. Oscar Wilde

Unii designeri UX pot rezista tendințelor de design pentru că nu vor să fie văzuți ca adepți. Unii resping de-a dreptul tendințele de design, respingându-le drept moduri trecătoare și rămânând la principiile unui design bun. Luați-i pe „minimalistii pentru totdeauna”, care sunt dușmani jurați ai orice maximalist. Dar designerii divergenți ar trebui să realizeze că fiecare stil și tendință își are locul în lume. Atunci când tendința greșită este folosită la momentul nepotrivit, în mass-media greșită, în contextul greșit, se produce ravagii și oamenii se încântă.

Inspirarea din tendințele de design poate fi utilă în alte moduri. Când temutul bloc creativ îi paralizează pe designeri, inspirația din tendințele de design poate ajuta la depășirea acestuia. Nu este nimic în neregulă în a căuta noi surse de inspirație, atâta timp cât nu duce la imitație fără minte. A fi inspirat de o anumită tendință de design este un semn din cap către creatorul său, recunoscând că funcționează, iar ceea ce funcționează va deveni în curând o bună practică, o convenție și un model de design stabilit.

Să ne uităm înapoi la tendințele de design UX din 2019 și să evidențiem o duzină de cele semnificative.

Tendința UX a anului 2019: ilustrații de pretutindeni

În ultimii câțiva ani, ilustrațiile capricioase s-au infiltrat în lumea designului digital, dar au fost propulsate în prim-plan în 2019. Tendința este condusă de dorința pentru o sensibilitate organică în imagini și de o îndepărtare de rece, digital. aspect tehy.” Mișcarea își unește forțele cu revenirea recentă a mediilor analogice – discuri de vinil, haine vintage, tipărire tipar – lucruri care sunt făcute din materii prime reale. Oamenii tânjesc după tangibile - lucruri care sunt naturale, organice și sensibile.

Imaginile de stoc și ilustrațiile de stoc sunt disponibile . De la ilustrații digitale capricioase la schițe alb-negru cu cărbune, orice are o senzație organică este în . Ilustrațiile izometrice sunt la modă și nu este permis niciun skeuomorfism. Totul este despre ilustrații personalizate cu aspect organic pe site-uri web și în aplicații, chiar și pentru butoane și pictograme.

Dacă designerii pot introduce puțină mișcare în ilustrație, cu atât mai bine. Animația subtilă, cu mișcare lentă, adaugă un element interesant unei ilustrații statice, făcând-o să prindă viață.

Ilustrațiile, în special pentru secvențele de onboarding, au făcut, de asemenea, incursiuni în designul UX mobil.

Combinarea tendințelor nu este neobișnuită. Paginile de destinație inventive prezintă animații multimedia declanșate de defilare, paralaxe, care combină uneori ilustrații animate cu fundaluri în mișcare, tipografie, fotografii și videoclipuri.

Let's Go Dark: Modul întunecat/Teme întunecate

Datorită popularității tot mai mari a temelor întunecate, tot mai multe modele digitale trec în „partea întunecată”. Noul mod întunecat a invadat diverse platforme: sisteme de operare, televizoare, dispozitive mobile și web. Apple a alimentat nebunia modului întunecat cu interfața de utilizare a televizorului, apoi cu Mac OS Mojave și, în sfârșit, cu iOS 13 și noul lor iPadOS. Interfețele de utilizare cu teme întunecate au mai multe avantaje: sunt ușoare pentru ochi, pot fi mai elegante și mai elegante și economisesc durata de viață a bateriei.

Cu toate acestea, designerii ar trebui să calce cu atenție dacă aleg să meargă pe partea întunecată. Paleta de culori utilizabilă poate fi limitată, iar combinația greșită de culori poate fi un chin pentru ochi. Pe lângă asta, apar tot felul de probleme de utilizare, în principal legate de scanabilitate, lizibilitate și contrast. Designerii UX trebuie să se asigure că există suficient contrast între elementele UI, cum ar fi butoanele, textul și fundalul. Trebuie luat în considerare contextul de utilizare, adică mediul de vizualizare, precum și dispozitivul pe care este probabil să fie vizualizată interfața cu tema întunecată.

Minimalism/Maximalism

Produsele grozave realizează mai mult cu mai puțin. Minimalismul ca tendință de design UX este popular, așa cum indică cele mai recente tendințe de design pentru web și aplicații mobile. Copilul afișului pentru minimalism, Apple a fost cel mai influent și puternic susținător al său. Făcând un semn din cap ideologiei iconiței de design Dieter Rams și puterii „designului proeminent”, design-urile hardware și software ale Apple bazate pe minimalism sunt deloc excepționale. Luând o pagină din manualul Apple, designerii UX au subliniat de multă vreme importanța reducerii designului digital la minimum, oferind oamenilor doar elementele esențiale necesare pentru a îndeplini o sarcină.

Fanii minimalismului recunosc că resursele cognitive ale oamenilor sunt limitate, la fel ca și capacitatea lor de a procesa și înțelege complexitatea informațională. Oamenii nu pot înțelege fiecare nuanță de stimuli necesari pentru a-i atribui semnificația completă. Informația proeminentă este cea care va capta cel mai probabil atenția într-o situație dată și va avea cea mai mare influență asupra modului în care stimulii vor fi percepuți.

„Creativitatea este capacitatea de a-ți asuma un risc. Să te pui efectiv în joc și să riști ridicolul, să fii bătut la piloți, să fii criticat, orice. Dar... trebuie să-ți asumi acest risc.” – Sting

Antiteza minimalismului rar, rece, maximalismului este o mișcare de design cu risc ridicat, cu recompense ridicate, care necesită angajament și un salt de credință. Designerii UX subversivi și rebeli – „hippii de design” contra-culturii – se îndreaptă către maximalism pentru a deveni mare, zgomotos și a avea impact. Dar aspirația de a ieși din peisajul minimalistilor conformiști nu este lipsită de riscuri. Maximalismul poate aduce un pumn, dar se poate, de asemenea, să se întoarcă. Este doar pentru cei îndrăzneți care sunt dispuși să riște totul și ocazional să ia foc.

Maximaliștii cred că mintea iubește stimulii. Uneori, la limita bizarului, straturile de culoare, textura și modele ale maximalismului strigă după atenție, manifestul său declarând: „nu vom fi ignorați!” Designul maximalist atinge multe fațete ale designului: design grafic, design web, design mobil, design interior, modă, arhitectură și multe altele - este o modalitate prin care designerii pot stimula și captiva.

Neumorfism

Designerii au venit cu neumorfismul din dorința de a rămâne cu o sensibilitate minimalistă, dar combină cel mai bun skeuomorfism și designul material. Skeuomorfismul a fost puțin prea mult - încercarea de a imita obiectele din lumea reală - iar designul materialului era prea plat. Neumorfismul este undeva la mijloc. Cu toate acestea, oricât de interesant ar părea la suprafață, această tendință de design UX poate fi de scurtă durată, potrivit unor detractori.

Neumorfismul permite „desene curate”, lipsite de culoare – care este de obicei folosit pentru a semnifica elemente dintr-o interfață de utilizare – și, în schimb, tehnica folosește o umbră moale ușor ridicată sau indentată pentru a separa componentele interfeței. Ca și în cazul multor tendințe, tendințele de design pot fi, de asemenea, amestecate, iar designerii pot crea „gumbos trend trend”, un amestec interesant de cele mai noi arome. De exemplu, neumorfismul poate fi combinat cu alte tendințe, cum ar fi interfețele de utilizare cu tema întunecată.

Microinteracțiuni semnificative

„Detaliile nu sunt detalii. Ei fac designul.” – Charles Eames.

Toate micile detalii transformă un produs digital bun într-unul grozav. Dan Saffer, autorul cărții Microinteractions, definește microinteracțiunile ca „momente conținute de produs care gravitează în jurul unui singur caz de utilizare – au o sarcină principală”. Dincolo de estetică, microinteracțiunile bine executate și netede pot da naștere la încântarea oamenilor în momentele de interacțiune. Microinteracțiunile sunt despre detaliile critice care fac diferența între o experiență prietenoasă și una frustrantă.

Microinteracțiunile nu sunt destinate exclusiv aplicațiilor mobile; pot fi proiectate și pentru site-uri web, aplicații desktop și aplicații web (SaaS). Totuși, designerii au grijă, ca și în cazul tendinței cu tema întunecată, mergi cu atenție. Prea mult în locul greșit se poate întoarce și poate ruina experiența utilizatorului; prin urmare, este vitală luarea în considerare prudentă a cât de mult din acesta și în ce context să fie furnizat.

Mai multe interacțiuni cu gesturi pe mobil

Căutarea indicii de interfață și atingerea pictogramelor a devenit un nu-nu pe mobil. Oamenii se așteaptă din ce în ce mai mult ca diferite elemente de UI de pe mobil să poată fi glisate, ceea ce devine o practică optimă pentru designul mobil. Oferă o UX mai bună, deoarece oamenii pot efectua gesturi în moduri imprecise. De exemplu, glisarea este mai rapidă și mai ușoară decât găsirea și atingerea unei pictograme pentru a închide un card. În cele mai multe cazuri, sunt furnizate ambele opțiuni de interacțiune.

Pentru interacțiuni minore pe mobil, cum ar fi partajarea, salvarea, preferințele, mărirea unei imagini sau vizionarea unui videoclip într-un flux social, cardurile stratificate, care se pot glisa, sunt folosite din ce în ce mai mult. În cel mai recent iOS 13 de la Apple, modalitatea de card stratificat este utilizată pe scară largă în aplicațiile lor native. Alte aplicații profită și de această tehnică de interacțiune mobilă naturală și rapidă.

Vizualizarea 3D aduce produselor un sentiment real

Fotografia de înaltă calitate, sofisticată este costisitoare, iar fotografiile de stoc sunt disponibile . Vizualizările 3D sunt în . Când obiectele sunt redate în 3D, este aproape de imaginat că acestea sunt acolo pentru a fi atinse. De la versiuni digitale ale produselor pentru comerțul electronic și concepte de ambalare a produselor până la vizualizări de design interior și planuri izometrice ale biroului, 3D îi ajută pe oameni să vizualizeze cum ar arăta și simți ceva. Spre deosebire de fotografie, imaginile redate în 3D pot fi schimbate instantaneu într-o schemă de culori alternativă, scalate și plasate într-un mediu diferit.

Interacțiuni vocale

Nivelul de confort al oamenilor cu interacțiunile vocale este în creștere. Vorbim cu obiecte neînsuflețite și ele ne răspund. Nu numai când avem mâinile pline, murdare sau când conducem, folosim interacțiunile vocale pe telefoanele noastre mobile. Din ce în ce mai mulți oameni caută cu vocea lor, dictează mesaje text și redă muzică prin comenzi vocale.

Obținând mai multă acceptare de către mainstream, vorbim cu asistenții vocali digitale Alexa, Cortana, Asistentul Google și Siri pentru a obține informații despre călătorie și vreme, pentru a face cumpărături și pentru a comanda o călătorie. Pe lângă asistenții vocali populari, capacitatea de a utiliza interacțiunile vocale este din ce în ce mai integrată în diferite dispozitive și aplicații. Un sondaj recent a constatat că motivul pentru care oamenilor le place să-și folosească vocile pentru a interacționa este pentru că este rapid, precis și nu necesită tastare; cu alte cuvinte, reduce frecarea și oferă o UX mai bună.

Interfețe de utilizare conversaționale și chatbot

Paginile de destinație tradiționale cu imagini eroi mari, butoane, linkuri și formulare dau treptat loc unuia dintre cele mai intuitive și naturale modele de interacțiune: conversația. Interfețele de utilizare conversaționale oferă o experiență încântătoare, mai personalizată și fără fricțiuni.

De obicei, chatboții sunt platforme de inteligență artificială care folosesc mesageria instantanee ca interfață de aplicație. În loc să pună povara utilizatorilor cerându-le să completeze formulare, chatboții ușurează această povară făcând interacțiunea mai naturală și mai conversațională. Unii roboți nu sunt AI, ci ființe umane reale care interacționează prin chat pentru a oferi utilizatorilor experiențe mai convingătoare.

Chiar dacă timpul necesar poate fi același - pentru a finaliza o rezervare de călătorie, de exemplu - pentru că interacțiunea este conversațională și împărțită în bucăți, efortul cognitiv este redus și experiența utilizatorului este îmbunătățită.

Animațiile declanșate de defilare spun povești, vinde produse și servicii

Redarea 3D super close-up, high-end a produselor devine furori atunci când vine vorba de vânzarea produselor pe web. Animațiile axate pe marketingul stilului de viață, declanșate de defilare, spun povești convingătoare, cinematografice, cu imagini uimitoare. Combinând adesea animația stop-motion, fotografia și videoclipurile cu o tipografie elegantă, acestea sunt concepute pentru a implica și a atrage oamenii.

Concentrându-se pe experiențele unice ale vizitatorilor, care sunt mai captivante decât paginile web statice pe care oamenii le navighează în mod demodat, diverse companii de servicii folosesc, de asemenea, tendința UX de animație declanșată de scroll pentru a vinde totul, de la servicii creative la design digital și branding.

Site-uri mixte cu tipografie puternică

În ultimii câțiva ani, web-ul a luat viață cu pagini multimedia pline de videoclipuri cu redare automată, GIF-uri animate, animații 3D și ilustrații animate declanșate de defilare. Împreună cu tipografia puternică și derularea cu paralaxă, se simte ca și cum totul-în afară de chiuveta-bucătărie a fost aruncat înăuntru, dar dacă este făcut bine cu o oarecare reținere și într-un stil sofisticat, cu siguranță vor capta atenția vizitatorilor. Experiențele nu mai sunt concepute pentru a fi liniare, ci bogate și captivante.

eCommerce prinde viață cu 3D, AR și mișcare

Cumpărăturile în lumea fizică sunt o experiență tactilă. Studiile au arătat că videoclipurile sau animațiile 3D de pe paginile de produse ale site-ului de comerț electronic tind să vândă mai multe produse, deoarece oamenii le pot înțelege mai bine. Produsele introduse în viața reală prin intermediul realității augmentate (AR) tind, de asemenea, să funcționeze mai bine, deoarece oamenii le pot „proba” sau pot plasa produsele în medii din viața reală. Pe măsură ce conexiunile rapide la internet cresc și browserele se îmbunătățesc la redarea tuturor tipurilor de conținut multimedia, aceste tendințe UX de comerț electronic vor continua.

Selectați UX Design Trends are Here to Stay

Deși ținerea pasului cu cele mai recente tendințe UX poate fi o capcană dacă nu este făcută cu prudență, este crucial să fii la curent cu ceea ce este actual. Acest lucru poate ajuta un designer UX să devină sau să rămână de vârf. Tendințele de design UX pot stimula eforturile designerilor UX de a satisface așteptările înalte ale oamenilor, deoarece, în majoritatea cazurilor, acestea au fost filtrate prin experimente de design UX și s-au dovedit că funcționează.

În fiecare an, apar noi tendințe fierbinți de design UX. Unele vor deveni populare, iar altele vor scădea și în cele din urmă vor dispărea. Printr-un proces de eliminare fără milă, doar cei mai folositori și durabili vor supraviețui, ceea ce este excelent pentru promovarea artei și științei de a proiecta experiențe excepționale pentru utilizator.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Privind spre viitor – Tendințe de design din 2020
• Legile încercate și adevărate ale UX (cu infografică)
• Stăpânește tendințele fierbinți de design cu aceste tutoriale Photoshop
• Tendințe proeminente în comerțul electronic și influența lor asupra designului (cu infografic)
• Merită toate tendințele? Top 5 cele mai frecvente greșeli UX pe care le fac designerii web