Flat 2.0 & Ako rieši problém použiteľnosti plochého dizajnu

Plochý dizajn sa objavuje už od roku 1950, kedy bol vyvinutý medzinárodný typografický štýl. V poslednej dobe získala širokú popularitu od spustenia novej spoločnosti Microsoft geometria a typografia zameraná na návrh metra jazyk, najprv v novom Windows Phone v roku 2010, potom v systéme Windows 8 v roku 2012.

Plochý dizajn je charakteristický nedostatok trojrozmerných účinkov a lesklé vizuálne prvky s cieľom dosiahnuť čistota, minimalizmus, a jasnosť. To je v rozpore s predtým prevládajúcim dizajnovým štýlom, skejomorfizmom, ktorý využíva lesklé tlačidlá a ilustrácie napodobňujúce skutočné 3D objekty.

Plochý dizajn sa v podstate zameriava na zjednodušenie webových stránok, zvýšenie zamerania na obsah, poskytovanie intuitívnejších interakcií a rýchlejšie a funkčnejšie používateľské skúsenosti. Je tiež jednoduché používať jeho jednoduché, box-like prvky, a rozloženie na mriežke pre citlivý dizajn.

Problémy použiteľnosti plochého dizajnu

Zatiaľ čo plochý dizajn nám poskytuje obrovskú pomoc a skvelú sadu nástrojov, ktoré našim užívateľom poskytujú rýchle a bezstarostné webové stránky, môžu spôsobiť určité problémy s použiteľnosťou, najmä ak sú nadmerne použité.

Žiadne vizuálne znaky klickovateľnosti

Ak použijeme trojrozmerné efekty, prirodzene dáva nám ilúziou hĺbky našich návrhov. To používateľom pomáha rýchlo nájsť interaktívne prvky, tie, na ktoré sa dá kliknúť (napríklad tlačidlá a ikony) alebo vyplnené (ako polia formulárov). Jedným z hlavných problémov týkajúcich sa plochého dizajnu je to, že je pre používateľov ťažké rozpoznať prvky s kliknutiami.

Pred plochou éru web dizajnéri zvyčajne naznačovali klikateľnosť pomocou vizuálnych riešení ako napr gradienty, textúry, zvýšené okraje alebo tieňové stíny aby tlačidlá a iné objekty, na ktoré je možné kliknúť, vyzerali tak, ako by ich bolo možné stlačiť.

Plochý dizajn nemá tieto vizuálne znamienky a musí vyriešiť rovnakú úlohu s oveľa menšou sadou nástrojov: farby, tvary, blízkosť, a kontextové prvky.

Prečo je to problém? Pokúsime sa o experiment.

Pozrite sa na túto obrazovku nižšie. Pokúste sa odhadnúť, ktoré prvky sa dajú kliknúť na základe tejto snímky obrazovky. Nie sú to tie, o ktorých by ste sa najskôr zamysleli. Môžeme nájsť mnoho ďalších podobných problémov použiteľnosti na celom webe.

Znížená zistiteľnosť z dôvodu žiadnej osi Z

Ľudia v reálnom živote nájdu predmety a pohybujú sa v troch rozmeroch: osi x, y a z. Keď sa dostanú do minimalisticky navrhnutých, plochých webových stránok bez 3D efektov, získajú skúsenosť, ktorá je odlišná od toho, na čo sú zvyknutí, čo sú v prvom rade familiárni.

To znamená, že potrebujú použite viac úsilia na objavovanie vzťahov medzi objektmi, a pochopiť vizuálnu hierarchiu stránky. Napríklad musíme tráviť viac času na domovskej stránke vývojárskej siete spoločnosti Microsoft na vizuálne dekódovanie informácií a účel rôznych prvkov na webe.

Pravidlom v návrhu UX je vždy snaha minimalizovať kognitívne zaťaženie používateľa, aby sa maximalizovala použiteľnosť. Ako to môžeme vidieť v mnohých prípadoch, nie je to vždy s plochým dizajnom.

Nízka hustota informácií

Plochý dizajn bol tiež kritizovaný za riziká nízkej hustoty informácií zo strany odborníka spoločnosti UX Nielsen-Norman Group.

Vo svojej kritike o použiteľnosti systému Windows 8 použili príklady aplikácií v službe Windows Store a internetovej stránky spoločnosti Los Angeles Times, aby ukázali problémy, ktoré nízka hustota informácií (má málo príbehov na úvodnej obrazovke, titulky bez súhrnov, sotva rozpoznateľné zoskupenie atď.) môže spôsobiť z hľadiska použiteľnosti.

Z iného hľadiska možno menej informácií považovať aj za odstránenie rozptýlenia, čo umožňuje používateľom sústrediť sa iba na dôležité veci, ale ak je minimalizmus prehnané, môže ľahko obetovať primárny cieľ stránky, t. J. Transformáciu informácií divákom.

Rise of Flat 2.0

Vzhľadom na to, že čoraz viac dizajnérov uznáva nedostatky použiteľnosti plochého dizajnu, vznikla nová, vyspelšia verzia, ktorá sa nazýva “Plochý 2.0” alebo “Takmer plochý” dizajnu. Zatiaľ čo zmena zo skejomorfizmu na byt bola radikálna, vývoj plochého dizajnu je oveľa nepolapiteľný.

Nový štýl je stále plochý, ale to je pridáva trochu dimenzionality späť do návrhov vo forme jemné tiene, zvýraznenie, a vrstvy. Flat 2.0 - ak sa používa dobre - môže vyriešiť vyššie uvedené problémy použiteľnosti tým, že prinesie späť trochu realismu (skeuomorfizmus) a pridá niektoré hĺbky a detaily, pričom zachová výhody minimalizmu, ako sú zjednodušené webové stránky, jasnosť a rýchlejšie načítanie času.

Materiálový dizajn

Nový dizajnový jazyk spoločnosti Google nazvaný Material Design je pravdepodobne najpozoruhodnejším príkladom štýlu Flat 2.0. Spoločnosť Google uvoľnila dizajn materiálu s Androidom L v roku 2014. Zatiaľ čo materiálový dizajn zachováva hlavné vlastnosti plochého dizajnu, používa určité fyzikálne metafory, ktoré pomáhajú používateľom rýchlo nájsť analógie medzi reálnym svetom a digitálnym svetom.

Materiálový dizajn používa os z, dáva jemná hĺbka na dizajn a inteligentne využíva vrstvy oddeľujúc ich tieňovými stĺpmi a animácie. Google má superkólový popis toho, ako funguje, a naozaj stojí za to prečítať si, aby pochopil jeho hlavné zásady a pravidlá.

záver

Keďže dobrí dizajnéri sa vždy snažia zlepšiť skúsenosti svojich používateľov, priemysel internetového dizajnu sa neustále mení. Plochý dizajn nahradil skejomorfizmus rýchlo, čo viedlo k sieťové, minimalistické usporiadanie a zjednodušujúce prvky že v poslednej dobe prekročil web (to spôsobilo niekoľko rozhovorov o tom, že webový dizajn sa stáva nudným alebo dokonca umierajúcim, ale nemohol byť ďalej od pravdy).

Flat 2.0 dáva odpovede na vnímané problémy plochého dizajnu. Je to inteligentný kompromis medzi funkčnosťou, estetikou a použiteľnosťou. Samozrejme, nepotrebujeme používať súpravy Material UI všade, ale pochopenie filozofie za ním môže poskytnúť pevné pozadie ako rozvíjať vlastný štýl v súlade s najnovšími zisteniami v dizajne skúseností používateľa.