Flat 2.0 & Cum rezolvă problemele legate de utilitatea designului plat

Designul plat a fost în jur de la începutul anilor 1950, când a fost dezvoltat stilul internațional tipografic. În ultima vreme a câștigat o popularitate largă de la lansarea noii tehnologii Microsoft geometria și tipografia limbă, la început în noul Windows Phone în 2010, apoi în Windows 8 în 2012.

Designul plat este caracterizat prin lipsa efectelor tridimensionale și a elementelor vizuale lucioase în vederea realizării curățenie, minimalism, și claritate. Aceasta contravine stilului de design predominant anterior, skeuomorfismul care utilizează butoane lucioase și ilustrații care imită obiecte 3D de viață reală.

Designul plat are în principal rolul de a raționaliza site-urile web, de a pune accentul pe conținut, de a oferi interacțiuni mai intuitive și de a oferi o experiență de utilizare mai rapidă și mai funcțională. Este, de asemenea, ușor de utilizat elementele simple, de tip box-uri, și modelele bazate pe grilă pentru un design receptiv.

Probleme de utilizare a designului plat

În timp ce designul plat ne oferă un ajutor extraordinar și un set de instrumente excelente pentru a furniza utilizatorilor noștri site-uri rapide și fără compromisuri, poate provoca anumite probleme de utilizare, mai ales atunci când este suprautilizat.

Nu există indicatori vizibili ai clicabilității

Dacă folosim efecte tridimensionale, ea dă în mod natural o iluzie de profunzime modelelor noastre. Acest lucru ajută utilizatorii rapid găsi elemente interactive, cele pe care se poate face clic (de exemplu, butoane și pictograme) sau se completează (ca și câmpurile de formular). Una dintre principalele preocupări legate de designul plat este că îi îngreunează pe utilizatori recunosc elementele clicabile.

Înainte de epoca plat, designerii de web au indicat de obicei clickabilitate folosind soluții vizuale cum ar fi gradiente, texturi, margini ridicate sau umbre pentru a face butoanele și alte obiecte clicabile să pară ca acestea să poată fi apăsate.

Designul plat nu are aceste semnificative vizuale și trebuie să rezolve aceeași sarcină cu un set de instrumente mult mai mic: culori, forme, proximitate, și elemente contextuale.

De ce este o problemă? Să încercăm un experiment.

Uită-te la această captură de ecran de mai jos. Încercați să ghiciți elementele pe care se poate face clic pe această captură de ecran. Nu sunt cele despre care te-ai gândi mai întâi. Putem găsi multe alte probleme de uzabilitate similare pe toată lumea.

Descoperire redusă din cauza absenței axei Z

Oamenii din viața reală găsesc obiecte și se mișcă în trei dimensiuni: axele x, y și z. Când se întâlnesc într-un site web minimalist proiectat, fără efecte 3D, au o experiență diferită de ceea ce sunt obișnuiți, ceea ce sunt în primul rând familiari cu.

Asta înseamnă că au nevoie utilizați mai mult efort pentru a descoperi relațiile dintre obiecte, și înțelege ierarhia vizuală a site-ului. De exemplu, trebuie să petrecem mai mult timp pe pagina de pornire a dezvoltatorului din Microsoft pentru a decoda vizual informațiile și scopul diferitelor elemente de pe site.

Regula principală în designul UX este de a încerca întotdeauna să minimizeze sarcina cognitivă a utilizatorului pentru a maximiza utilitatea. După cum putem vedea în multe cazuri, acest lucru nu se întâmplă întotdeauna cu designul plat.

Densitatea informației scăzută

Designul plat a fost, de asemenea, criticat pentru riscul unei densități scăzute de informații de către expertul UX Nielsen-Norman Group.

În criticile lor cu privire la utilitatea Windows 8, au folosit exemple de aplicații Windows Store și site-ul Los Angeles Times pentru a arăta problemele pe care le densitate scăzută a informațiilor (având puține povești pe ecranul inițial, titluri fără rezumate, grupare abia recunoscută etc.) poate provoca din punct de vedere al utilizabilității.

Dintr-un alt aspect, mai puține informații pot fi văzute și ca eliminarea distragerilor, permițând utilizatorilor să se concentreze numai asupra unor lucruri importante, dar dacă minimalismul este depășit, poate sacrifica cu ușurință obiectivul principal al unui site, și anume transformarea informațiilor către spectatori.

Rise of Flat 2.0

Pe măsură ce din ce în ce mai mulți designeri recunosc defectele utilizabilității designului plat, o nouă versiune mai matură a apărut, numită “Flat 2.0” sau “Aproape Plat” proiecta. În timp ce schimbarea de la skeuomorfism la plat a fost radicală, evoluția designului plat este mult mai evazivă.

Stilul nou este încă plat, dar el adaugă un pic trei dimensionalitate înapoi la desene sau modele In forma subtil umbre, subliniază, și straturi. Flat 2.0 - dacă este bine folosit - poate remedia problemele de uzabilitate menționate mai sus prin aducerea unui pic de realism (skeuomorfism) și adăugarea unor detalii și adâncimi, păstrând în același timp avantajele minimalismului, cum ar fi site-urile raționalizate, claritatea și timpul de încărcare a paginilor mai rapid.

Proiectare materiale

Noul limbaj de design Google, denumit Material Design, este probabil cel mai notabil exemplu al stilului Flat 2.0. Google a lansat materialul de design cu Android L în 2014. În timp ce Material Design păstrează principalele caracteristici ale designului plat, utilizează anumite metafore din fizică pentru a ajuta utilizatorii să găsească rapid analogii între lumea reală și lumea digitală.

Material Design utilizează axa z, da subtilă adâncime la design, și face inteligent utilizarea de straturi de separându-le cu umbre și animații. Google are o descriere supercoolă despre modul în care funcționează și merită să citiți prin aceasta pentru a înțelege principiile și regulile sale principale.

Concluzie

Având în vedere că designerii buni au mereu drept scop îmbunătățirea experienței utilizatorilor, industria de web design se schimbă în mod constant. Designul plat a înlocuit rapid skeuomorfismul, rezultând în grid-based, layouts minimaliste și elemente simpliste care, în ultima vreme, au depășit web-ul (ceea ce a generat discuții despre designul web devenind plictisitor sau chiar pe moarte, dar nu putea fi mai departe de adevăr).

Flat 2.0 oferă răspunsuri la problemele percepute ale designului plat. Este un compromis inteligent între funcționalitate, estetică și utilitate. Desigur, nu este nevoie să folosim kiturile de materiale UI pretutindeni, dar înțelegerea filozofiei din spatele ei ne poate da un fundal solid cum să ne dezvoltăm propriul stil în conformitate cu cele mai recente descoperiri în designul experienței utilizatorilor.