Stanovanje 2.0 in kako rešuje težave z uporabnostjo ravnega modela

Stanovanje je že od petdesetih let prejšnjega stoletja, ko je bil razvit mednarodni tipografski slog. V zadnjem času je pridobil široko priljubljenost od uvedbe novega Microsofta Oblikovanje metroja, osredotočeno na geometrijo in tipografijo v novem Windows Phone sistemu leta 2010, nato pa v operacijskem sistemu Windows 8 v letu 2012.

Za ravne zasnove je značilen pomanjkanje tridimenzionalnih učinkov in sijajnih vizualnih elementov za doseganje čistost, minimalizem, in jasnosti. To je v nasprotju s predhodno prevladujočim slogom oblikovanja, skeuomorfizmom, ki uporablja svetleče gumbe in ilustracije, ki posnemajo 3D predmete iz resničnega življenja..

Namen ravnega oblikovanja je v bistvu poenostaviti spletna mesta, povečati osredotočenost na vsebino, ponuditi bolj intuitivne interakcije in zagotoviti hitrejšo in funkcionalnejšo uporabniško izkušnjo. Prav tako je preprost za uporabo enostavnih elementov, podobnih škatli, in postavitev, ki temeljijo na mreži, za odzivno zasnovo.

Problemi uporabnosti ravnega oblikovanja

Čeprav nam je ploska zasnova izjemno v pomoč in je na voljo veliko orodij, ki uporabnikom zagotavljajo hitra spletna mesta in brez njih, lahko povzročijo določene težave z uporabnostjo, še posebej, če jih uporabljamo.

Brez vizualnih označevalcev za klikljivost

Če uporabljamo tridimenzionalne učinke, to naravno daje iluzijo globine našim modelom. To uporabnikom pomaga hitro poiščite interaktivne elemente, tiste, ki jih lahko kliknete (npr. gumbi in ikone) ali jih izpolnite (kot polja obrazcev). Ena od glavnih skrbi glede ploskega oblikovanja je, da je uporabnikom težko prepoznavanje elementov, ki jih je mogoče klikniti.

Pred ravnim obdobjem so spletni oblikovalci običajno navedli možnost klikanja z uporabo vizualnih rešitev, kot je npr prelivi, teksture, dvignjeni robovi ali sence Če želite, da bodo gumbi in drugi predmeti, ki jih je mogoče klikniti, videti, kot da jih lahko pritisnete.

Ploščato oblikovanje nima teh vizualnih označevalcev in mora rešiti isto nalogo z veliko manjšim orodjem: barve, oblike, bližina, in kontekstnih elementov.

Zakaj je to problem? Poskusimo poskus.

Poglejte ta posnetek spodaj. Poskusite ugotoviti, katere elemente je mogoče klikniti na podlagi tega posnetka zaslona. Ne gre za tiste, o katerih bi najprej pomislili. Na spletu lahko najdemo še veliko podobnih težav s uporabnostjo.

Zmanjšana odkritost zaradi Z-osi

Ljudje v resničnem življenju najdejo predmete in se gibljejo v treh dimenzijah: x-, y- in z-osi. Ko naletijo na minimalistično oblikovano, plosko spletno stran brez 3D učinkov, dobijo izkušnjo, ki je drugačna od tiste, s katero so bili vajeni, s čim se večinoma srečujejo.

To pomeni, da morajo uporabite več napora za odkrivanje odnosov med objekti, in razumeti vizualno hierarhijo strani. Na primer, potrebujemo več časa na domači strani Microsoftove razvojne mreže za vizualno dekodiranje informacij in namen različnih elementov na spletnem mestu..

Osnovno pravilo pri oblikovanju UX je, da vedno poskušamo zmanjšati kognitivno obremenitev uporabnika, da bi povečali uporabnost. Kot lahko vidimo v mnogih primerih, se to ne zgodi vedno s ploskim zasnovo.

Nizka gostota informacij

Stanovanjska zasnova je bila kritizirana tudi zato, ker je strokovnjak UX Nielsen-Norman Group tvegal nizko gostoto informacij.

V svoji kritiki uporabnosti operacijskega sistema Windows 8 so uporabili primere aplikacij Windows Store in spletno stran Los Angeles Timesa, da bi pokazali vprašanja, ki nizka gostota informacij (z nekaj zgodbami na začetnem zaslonu, naslovi brez povzetkov, komaj prepoznavna skupina itd.) lahko z vidika uporabnosti povzročijo.

Z drugega vidika je manj informacij mogoče razumeti tudi kot odstranjevanje motenj, ki uporabnikom omogočajo, da se osredotočijo le na pomembne stvari, vendar če je minimalizem pretiran, lahko z lahkoto žrtvuje primarni cilj spletnega mesta, tj..

Rise of Flat 2.0

Ker vedno več oblikovalcev priznava pomanjkljivosti pri uporabi ploščate zasnove, se je pojavila nova, bolj zrela različica, ki se imenuje “Stanovanje 2.0” ali “Skoraj ravno” oblikovanje. Medtem ko je bila sprememba od skeuomorfizma do ploskve radikalna, je razvoj ploskega oblikovanja veliko bolj nejasen.

Novi slog je še vedno enak, vendar je doda nekaj tridimenzionalnosti nazaj k modelom v obliki subtilne sence, poudarki, in plasti. Flat 2.0 - če se uporablja dobro - lahko popravi zgoraj omenjene težave z uporabnostjo tako, da povrne malo realizma (skeuomorphism), in doda nekaj globine in podrobnosti, hkrati pa ohrani prednosti minimalizma, kot so poenostavljena spletna mesta, jasnost in hitrejši čas nalaganja strani..

Oblikovanje materiala

Googlov nov oblikovalski jezik, imenovan Material Design, je verjetno najpomembnejši primer sloga Flat 2.0. Google je leta 2014 izdal Material Design z Androidom L, medtem ko Material Design ohranja glavne značilnosti ploskega oblikovanja. Uporablja določene metafore iz fizike, da pomaga uporabnikom hitro najti analogije med resničnim in digitalnim svetom..

Material Design uporablja z-os, daje subtilna globina oblikovanju in pametno uporablja plasti jih ločujemo s kapljicami in animacije. Google ima nadpovprečen opis o tem, kako deluje, in res je vredno prebrati ga, da bi razumel njena glavna načela in pravila.

Zaključek

Ker dobri oblikovalci vedno želijo izboljšati izkušnje svojih uporabnikov, se industrija spletnega oblikovanja stalno spreminja. Ravna zasnova je hitro zamenjala skeuomorfizem, kar je povzročilo na osnovi mreže, minimalističnih postavitev in poenostavljenih elementov ki so v zadnjem času prekoračile splet (to je povzročilo, da so nekateri govorili o tem, da je spletno oblikovanje postalo dolgočasno ali celo umirajoče, vendar ne more biti dlje od resnice).

Flat 2.0 daje odgovore na zaznane težave s ploskim oblikovanjem. To je pameten kompromis med funkcionalnostjo, estetiko in uporabnostjo. Seveda ne potrebujemo kompletov materialov UI materiala povsod, toda razumevanje filozofije, ki je v ozadju, nam lahko da dobro osnovo kako razviti lasten slog v skladu z najnovejšimi ugotovitvami pri oblikovanju uporabniške izkušnje.