Korter 2.0 ja kuidas see lahendab kindla disaini kasutatavuse probleeme

Flat design on olnud juba alates 1950ndatest aastatest, kui töötati välja rahvusvaheline tüpograafiline stiil. Viimastel aegadel on see pärast Microsofti uue käivitamist laialt populaarseks saanud geomeetria- ja tüpograafiapõhine Metroo disain alguses uues Windows Phone'is 2010. aastal, seejärel Windows 8-s 2012. aastal.

Lame disaini iseloomustab kolmemõõtmeliste efektide ja läikivate visuaalsete elementide puudumine saavutamiseks puhtus, minimalism, ja selgust. See on vastuolus varem domineeriva disaini stiiliga, mis kasutab läikivaid nuppe ja illustratsioone, mis imiteerivad reaalset 3D-objekti..

Lame kujunduse eesmärk on veebisaitide ühtlustamine, sisu keskendumine, intuitiivsemate interaktsioonide pakkumine ning kiirem ja funktsionaalsem kasutajakogemus. Samuti on lihtne kasutada oma lihtsaid, kasti sarnaseid elemente ja võrgupõhiseid skeeme reageeriva disaini jaoks.

Flat Design'i kasutatavuse probleemid

Kuigi tasapinnaline disain annab meile tohutu abi ja suurepärase tööriistakomplekti, et pakkuda kasutajatele kiireid ja segadusega veebisaite, võib see põhjustada teatud kasutatavuse probleeme, eriti kui seda kasutatakse liiga palju.

Klõpsatavuse visuaalsed märgid puuduvad

Kui kasutame kolmemõõtmelisi efekte, annab see loomulikult illusiooni meie disainilahenduste sügavusest. See aitab kasutajatel kiiresti leida interaktiivseid elemente, neid, mida saab klõpsata (näiteks nupud ja ikoonid) või täita (nagu vormiväljad). Üks peamisi muresid, mis puudutavad lame disaini, on see, et kasutajatel on raske seda teha tunnustada klõpsatavaid elemente.

Enne lame ajastu näitasid veebidisainerid tavaliselt klõpsatavust visuaalsete lahenduste abil, nagu näiteks kalded, tekstuurid, tõstetud servad või varjud nuppude ja muude klõpsatavate objektide nägemine näeb välja, kuidas neid saab vajutada.

Lame kujutisel puuduvad need visuaalsed märgid ja see peab sama ülesande lahendama palju väiksema tööriistakomplektiga: värvid, kujundid, lähedus, ja kontekstuaalsed elemendid.

Miks see probleem on? Proovime katset.

Vaadake allolevat pilti. Proovige ära arvata, millised elemendid on selle pildi põhjal klõpsatavad. See ei ole see, mida sa kõigepealt mõtleksid. Me saame kogu veebis leida palju muid sarnaseid kasutatavuse probleeme.

Vähendatud avastatavus Z-telje puudumise tõttu

Reaalses elus olevad inimesed leiavad esemeid ja liiguvad kolmes mõõtmes: x-, y- ja z-teljel. Kui nad satuvad minimalistlikult kujundatud ja tasapinnalise veebilehe juurde ilma 3D-efektideta, saavad nad kogemuse, mis erineb sellest, mida nad on harjunud, milleks nad on peamiselt tuntud.

See tähendab, et nad peavad seda tegema kasutage rohkem pingutusi objektide vaheliste suhete avastamiseks, ja mõista visuaalset hierarhiat saidile. Näiteks peame kulutama rohkem aega Microsofti arendajavõrgu kodulehele teabe visuaalseks dekodeerimiseks ja saidi erinevate elementide otstarbeks.

UX-i disaini reegel on alati püüda kasutajale kognitiivset koormust vähendada, et maksimeerida kasutatavust. Nagu me seda paljudel juhtudel näeme, ei pruugi see alati nii lame disainiga juhtuda.

Madal informatsioonitihedus

Flat design on kritiseeritud ka seetõttu, et UX ekspert Nielsen-Norman Group riskib väikese teabetihedusega.

Kriitikas Windows 8 kasutatavuse kohta kasutasid nad Windows Store'i rakenduste näiteid ja Los Angeles Times'i veebisaiti, et näidata probleeme, mis madal informatsioonitihedus (millel on vähe lugusid algekraanil, pealkirjad ilma kokkuvõteteta, vaevu äratuntavad rühmitused jne) võivad kasutatavuse seisukohast põhjustada.

Teisest aspektist võib vähem teavet vaadelda ka häirivate tegurite eemaldamisena, mis võimaldab kasutajatel keskenduda ainult tähtsatele asjadele, kuid kui minimalism on üleliigne, võib see kergesti ohverdada saidi peamise eesmärgi, st muuta informatsiooni vaatajateks.

Korteri tõus 2.0

Kuna üha enam disainereid tunnustab tasapinnalise disaini kasutamisvigu, on selle uus, küpsem versioon tõusnud, mida nimetatakse “Korter 2.0” või “Peaaegu korter” disain. Kuigi üleminek skeuomorfismilt tasapinnaliseks oli radikaalne, on lame disaini areng palju raskem.

Uus stiil on ikka veel lame, kuid see lisab disainilahendustele tagasi kolm mõõdet kujul peent varjud, esiletõstmised, ja kihid. Korter 2.0 - kui seda kasutatakse hästi - saab eelpoolnimetatud kasutusvõimalusi lahendada, tuues tagasi natuke realismi (skeuomorism) ja lisades mõned sügavused ja üksikasjad, säilitades samas minimalismi eelised, nagu lihtsustatud veebisaidid, selgus ja kiirem lehekülje laadimise aeg.

Materjali disain

Google'i uus disainikeel, nimega Material Design, on ilmselt kõige tähelepanuväärsem näide Flat 2.0 stiilist. Google avaldas 2014. aastal Android L-ga materjali disaini. Kuigi materiaalne disain säilitab kindla disaini põhiomadused, kasutab ta teatud füüsikalisi metafoore, et aidata kasutajatel kiiresti leida analoogia reaalse maailma ja digitaalse maailma vahel.

Materjali disain kasutab z-telge peen sügavus disainile ja kasutab targalt kihte lahutades need varjudega ja animatsioone. Google'il on superkoolide kirjeldus selle toimimise kohta ja see on tõesti väärt seda lugeda, et mõista selle peamisi põhimõtteid ja reegleid.

Järeldus

Kuna head disainerid püüavad alati oma kasutajate kogemusi parandada, muutub veebidisainitööstus pidevalt. Lame disain on asendanud skeuomorfismi kiiresti, mille tulemuseks on võrgupõhised, minimalistlikud paigutused ja lihtsustatud elemendid et viimasel ajal on veebi ületatud (see on tekitanud mõningaid kõnelusi veebi disaini igavusest või isegi surmast, kuid see ei saa olla tõest kaugemal).

Korter 2.0 annab vastuse tasapinnalise disaini probleemidele. See on tark kompromiss funktsionaalsuse, esteetika ja kasutatavuse vahel. Loomulikult ei pea me kasutama materjali kasutajaliidese komplekte kõikjal, kuid selle taga oleva filosoofia mõistmine võib anda meile tugeva tausta kuidas arendada oma stiili vastavalt kasutajate kogemuste disaini viimastele andmetele.