Plochý design zaujal designový svět bouřkou v několika málo letech, kdy se to stalo, ale žádné konstrukční hnutí nikdy nezůstává 100% čisté svým kořenem a ideálem. To je přesně to, co se děje s plochým designem: postupně dochází k jemným, i když-smysluplným změnám jeho původní iterace.

Tyto změny stačily na to, aby pozorovatelé a odborníci dělali novou iteraci jako Flat Design 2.0. 2.0 je velmi zajímavý, protože se vyznačuje jemnou rovnováhou mezi pouhými změnami, které mění uživatelský zážitek a zůstává v souladu s jeho původními zásadami.

Vývoj Flat do 2.0 byl nevyhnutelný, ačkoli: Jelikož se designéři cítili s Flatem pohodlněji, mohli vidět, že díky své popularitě, některé otázky nebyly řádně řešeny . A teď máme k řešení těchto nedostatků 2,0.

Původy plochého designu

Podívejte se na plochý design jako na druhou vzpouru proti tehdy populárnímu designu skejomorfismus . Spoléhala se na 3D efekty, které kopírují vlastnosti 3D objektů v reálném životě jako způsob, jak využít znalosti, které uživatelům pomáhají. Například v počátečních iteracích Amazon Kindle Fire byl v pozadí 3D knihovna, aby se posílil účel tabletu pro čtení.

001

Když se Apple, obrovský zastánce skejomorfního designu, rozhodl v roce 2012 opustit skejomorfismus, který se v plném proudu otevíral do bytu, který byl v posledních letech velmi populární. Jeho důraz na minimalismus také pomohl pohánět ji k jeho současnému všudypřítomnosti.

Byt je charakterizován jeho nepřítomností:

  • zvýšené prvky, které znamenají pro uživatele, že mohou být kliknuty;
  • duté nebo potopené prvky, které uživatelům naznačují, že je lze naplnit (myslím na vyhledávací pole a další vstupní pole).

Přechod na 2.0

Navzdory úspěchu bytu někteří designéři začali zaznamenávat legitimní nedostatky, které nebyly v designové komunitě řešeny. Zatímco plochý získal hodně páry kvůli jeho vítanému minimalismu, šlo to trochu daleko v strohém směru. Vlastnosti některých 3D efektů se ukázaly jako nadměrné a nepříznivě ovlivnily zkušenosti uživatele.

Bylo tedy nevyhnutelné, že k další změně dojde. To je místo, kde jsme dnes s úsvitem plochého designu 2.0.

Problémy použitelnosti plochého designu

Všechny problémy s použitelností ploch mohou být shrnuty v následujícím prohlášení: Plochý typ obvykle obchoduje s potřebami uživatele pro estetiku kyčle.

Jinými slovy, návrháři, kteří navrhují, aby rozhraní bylo "ploché", bude klást větší důraz na to, aby byly věci minimální, ne-3D a živé / tučné, místo toho, aby se uživatelský zážitek poprvé ujal. To je obvykle, kdy začínají všechny špatné věci ve světě designu, a proto se byt změnil na 2,0.

Zde jsou běžné problémy s použitelností s plochou:

  • absence významných výrazů (přechody, stíny, podtržení atd.);
  • absence známých vzorků (modrý, podtržený text pro odkazy atd.);
  • absence kontextových indikací (umístění CTA, aktivační kopie atd.).

Snad nejznámějším příkladem nedávné paměti všech problémů použitelnosti bytu byla vydání systému Windows 8 společností Microsoft s jeho takzvaným Metro UI. Ten design byl ztělesněním bytosti, protože všechno bylo naprosto vyrovnané.

002

The uživatelská zkušenost byla tak špatná protože úplně plochý design znamená, že uživatelům nejsou dány potřebné stopy, aby jim bylo řečeno, na co je možné kliknout a co nemůže být na rozhraní. Výsledkem je, že uživatelé jsou přirozeně nuceni strávit více času tím, že si to zkontrolují experimentováním nebo, ještě horší, provádějí akce z chyby, kterou nechtěli na prvním místě!

Jak můžete vidět, obrazovka systému Windows 8 je natolik plochá, že lidé nemohou říkat, na co chcete kliknout a na co není třeba kliknout. Dokonce i když jsou uživatelé již seznámeni se základní navigací na webu, neznamená to, že je vhodné odstranit všechny signifikanty (stopy, které uživatelům říkají, že mohou interagovat s prvky stránky) a náznaky dostupnosti (indikace toho, jak mohou uživatelé komunikovat s prvky stránky).

Skvělé příklady plochého designu 2.0

2.0 je jemná změna nebo zdokonalení oproti plochému, takže může vyžadovat větší koncentraci, aby bylo možné zjistit pravdivou verzi 2.0 na webech a rozhraních. Proto vás budeme procházet některými současnými, velkými příklady 2.0, které jsou již v plném provozu.

Příručka Dropbox

Dropboxův průvodce může být na první pohled skutečně ploché, ale pokud se podíváte blíže, uvidíte 3D návrhy, které jasně sdělují uživatelům, že některé prvky jsou vzneseny nad ostatními. To je patrné především v obrazech hlava chlapce (na levé straně) a šroubováků (na pravé straně). Obě obrázky mají silné, i když jemné, černé hranice, které komunikují s hloubkou a dojem, že sedí na pozadí pozadí, místo aby se s nimi spojily.

003

Tolia zmrzlina

Místo Tolie je plný jemných, zvýrazněných efektů, které dávají výrazný dojem 3D, zatímco celkový design je stále plochý a minimální. Zvýšený dojem je přítomen v nadpisu, podtitulku a popisu (tj. V kopii stránky). Je také přítomen v tlačítku výzvy k akci a kopii CTA uvnitř tlačítka. Můžete poděkovat jemnému použití jemných stínů po celém okraji těchto prvků, abyste získali tento zvýšený dojem.

004

Google Santa Tracker

Není divu, že Google je na 2,0 pásmu, a jeho Santa Tracker stránka ukazuje, jak lze integrovat 2.0 zábavným a užitečným způsobem. Tiché detaily 2.0 se na stránce nacházejí ve všech oblastech - od sklonů a stínů v různých budovách až po vyskakovací bubliny (když se uživatelé pohybují na nějaké budově) na 3D zobrazení nadpisu v horní části stránky.

005

Publicis Groupe

Publicis Groupe Stránka 90. výročí se může pochlubit vlivem 2,0. Pokud se podíváte na levou stranu stránky, uvidíte kombinaci stínů a přechodů, které sjíždějí a vyzařují ven z bledého kruhu a na modré části pod ním. Stark minimalismus také naznačuje, že jeho estetický design je stále silně zakořeněný v čistém bytě.

006

Jumeirah

Tato stránka pro luxusní hotel ve Spojených arabských emirátech je většinou ovládán obřím videem v pozadí, přitom nenechte se odvrátit od toho, aby jste si užívali jemnost příspěvku 2.0. Titulek "Jumeirah Inside" obsahuje oholivé stínování, které úspěšně vytváří dojem 3D, zatímco si stále zachovává celkový, plochý vzhled.

007

Vývoj podle poptávky

Ve světě designu se věci obvykle mění, protože je zde poptávka. Někdo si všimne, že něco chybí a najde způsob, jak zlepšit věci, nebo někdo jiný přijme koncept a přijme ho na jinou úroveň, která logicky staví na určitém konceptu.

Co se týče verze 2.0, je to určitě kombinace obojího, jelikož nedostatky použitelnosti ploch jsou fixovány rozšířením původní koncepce způsobem, který stále respektuje principy minimalismu, které definuje byt.