Zero UI: Jasný trend v designu mobilních aplikací?

Zero UI: Jasný trend v designu mobilních aplikací?

Jaké aplikace a redesigny ze Zero UI vycházejí a jakými zásadami se při navrhování Zero UI řídit?

Obsah především bez rušivých elementů

Jak poznáte, že designér aplikace, kterou používáte na mobilu nebo desktopu, použil zásady Zero UI? Zkuste si třeba na screenu z Instagramu odmyslet uživatelský obsah a zůstane vám v podstatě jen bílá stránka s několika ikonami a nezbytnými popisy. Žádné nadbytečné čáry, stínování nebo ozdoby. A přesně to je Zero UI, které najdeme v mnoha aktuálních redesignech především mobilních aplikací.

Trend následuje také Facebook, Airbnb, Apple nebo platforma Medium a určitě jste si všimli, že se appky top hráčů začínají navzájem podobat jedna druhé. Nemusí to však být jen nevýhoda – podobné designové zásady mohou pomoci uživatelům v rychlejším seznámení s ovládáním nových aplikací, které dodržují stejné best practices.

TIP: Víte, že za praprůkopníka minimalistického trendu označuje designérská veřejnost Microsoft Metro Design Language? V roce 2017 se Microsoft začal řídit inovovanými guidelines – Fluent Design systémem.

3 typické prvky Zero UI

  • Větší a výraznější nadpisy
  • Zjednodušené, univerzální ikony
  • Odstranění barev až na černo-bílé UI

Michael Horton ve svém článku o redukci komplexnosti v designu mobilních aplikací vyzdvihuje výhodu nového přístupu v maximálním zaměření na uživatele a návratu k podstatě wireframu: „Místo abychom se hodiny dohadovali, zda je modrá dost modrá, kde přidat a ubrat, najednou vidíme, že řešení leželo na stole po celou dobu v podobě původního černo-bílého wireframu.“ UX a UI designéři se tak můžou přestat soustředit na to „aby to vypadalo hezky“ a více se věnovat kvalitě produktu.

Jak na svou vlastní Zero UI aplikaci podle Michaela Hortona?

  • Odstraňte všechny barvy až na černo-bílý návrh.
  • Zvětšete nadpisy o 20-30 px a použijte bold.
  • Vytvořte jednoduché, maximálně stylizované ikony, samozřejmě opět černobílé a pak je za sebe naskládejte v pořadí: domů, hledat, primární akce, sekundární akce, profil.
  • Vzdušnost je všechno. Zdvojnásobte až zečtyřnásobte množství volné bílé plochy.
  • S barvami a nápady se můžete vyřádit na designu ikony aplikace.

Michael to samozřejmě myslí v mírné nadsázce a i nám je jasné, že se Zero UI přístup nemusí hodit úplně všude. Příznivci minimalismu by naopak Zero UI rádi viděli nasazené v mnohem větší šíři – nejen na sociálních sítích a mobilních aplikacích, ale i na desktopových řešeních a e-shopech.

Líbí se vám tento „více než minimální“ designový trend?