UI vs. UX - zásadní průvodce designem uživatelského rozhraní

Návrh uživatelského rozhraní (UI) je jednou z několika překrývajících se disciplín zodpovědných za vytváření rozhraní, kde uživatelé interagují s digitálními produkty. Návrh uživatelského rozhraní se nachází ve spektru s návrhem uživatelského zážitku (UX), návrhem interakce (ID) a vizuálním nebo grafickým designem.

Co je design uživatelského rozhraní?

Ve své nejširší definici je uživatelské rozhraní prostorem, kde lidé a stroje interagují. Lidé dávají pokyny strojům a stroje zahajují proces, reagují informacemi a poskytují zpětnou vazbu, která informuje lidská rozhodnutí a umožňuje další interakce. Oblast interakce člověk-počítač (HCI) se konkrétně zabývá digitálními rozhraními, která se vyvinula z děrných karet a zadávání textu příkazového řádku do dnešních sofistikovaných grafických uživatelských rozhraní (GUI).

Informační systém Xerox 8010 v roce 1981 (DigiBarn, použitý pod CC BY; oříznutý z originálu)

Návrh uživatelského rozhraní pro digitální produkty se primárně týká rozložení, hierarchie informací a vzhledu prvků rozhraní na jednotlivých obrazovkách pro softwarové programy, webové stránky a mobilní aplikace, ale může také zahrnovat videohry nebo televizní rozhraní.

Dodržováním principů uživatelsky zaměřeného designu (UCD) vytvářejí návrháři uživatelských rozhraní rozhraní, která jsou strukturována a orientována tak, aby vyhovovala potřebám uživatelů, a ne jen aby usnadňovala technická řešení. To často vyžaduje prvek kompromisu, přičemž UI designer vyrovnává funkční požadavky s potřebami uživatelů a estetikou (diktované brandingem a vizuálním designem).

Návrh uživatelského rozhraní B2B dashboardu, Miklos Philips

Správný design uživatelského rozhraní podporuje použitelnost pomocí jasných a konzistentních vizuálních rozvržení a strukturování obsahu a poskytuje vodítka (ukazatele), které pomáhají uživatelům dokončit úkoly a zároveň minimalizovat rušení způsobené nepotřebným obsahem nebo prvky návrhu.

Správně navržená digitální uživatelská rozhraní využívají běžné ukazatele a vizuální metafory, které mají protějšky ze skutečného světa - například tlačítka, posuvníky hlasitosti, kalkulačky, ikony disků pro akce „uložení“ atd.

Najměte si nejlepší světové designéry v Toptal

Zkouška bez rizika, plaťte pouze v případě, že jste spokojeni

Uživatelské rozhraní se skládá z různých typů prvků, včetně:

  • Ovládací prvky vstupu, které jsou interaktivními součástmi uživatelského rozhraní a sahají od zaškrtávacích políček a přepínačů po rozevírací seznamy a textová pole: Umožňují uživatelům provádět výběr z jedné ze zobrazených možností a zadávat text.
  • Ovládací prvky navigace, kde uživatelé vyberou cíl nebo změní data zobrazená na jejich obrazovce. Prvky uživatelského rozhraní zahrnují rozevírací nabídky, posuvníky a posuvníky, strouhanku, karty a ovládací prvky stránkování.
  • Informační prvky, které uživateli poskytují zpětnou vazbu. Prvky uživatelského rozhraní mohou zahrnovat ikony, textový a vizuální obsah, ukazatele průběhu a další oznámení.
Návrh uživatelského rozhraní aplikace iOS od společnosti Thrive

Efektivní návrháři uživatelského rozhraní dodržují doporučené postupy, konvence, standardy a základní zásady použitelnosti, aby zajistili, že uživatelská rozhraní, která vytvářejí, odpovídají potřebám uživatelů. Mezi nejdůležitější zásady patří:

  • Konzistentnost při používání a opětovném použití společných prvků rozhraní, aby uživatelé byli s rozhraním dobře obeznámeni.
  • Struktura stránky nebo obrazovky s jasnou hierarchií prvků, takže položky s nejvyšší prioritou jsou pro uživatele nejvýznamnější.
  • Použití barvy a typografie k zdůraznění prvků s vyšší prioritou, které uživatelům poskytují přehlednost.
  • Dobrá komunikace a zpětná vazba informují uživatele o změnách stavu, chybách nebo potvrzeních akcí uživatele, aby uživatel mohl vidět, jak systém reaguje na vstup a snáze se rozhodovat.
  • Pochopení uživatelských preferencí a priorit tak, aby nejběžnější úkoly nebo cíle byly snadno provedeny, s výchozím chováním přizpůsobeným pro zjednodušení běžných úkolů.
  • Snížení kognitivní zátěže uživatelů navržením rozhraní, která efektivně využívají mezery a jsou co nejjednodušší a nejintuitivnější.
Návrh uživatelského rozhraní pro mobilní aplikaci pro zalévání rostlin od Tubika

Najměte si nejlepší světové designéry v Toptal

Zkouška bez rizika, plaťte pouze v případě, že jste spokojeni

Rozdíl mezi UI a UX

Návrh uživatelského rozhraní je často zaměňován s návrhem uživatelského prostředí. I když se může značně překrývat, jsou to různá pole s různými dovednostmi požadovanými pro každou roli. Návrhář uživatelské zkušenosti je zaměřen na celkovou strukturu a funkci webové stránky nebo aplikace a na to, jak se produkt pro uživatele cítí a jak funguje.

Návrháři UX pracují s (nebo jako) informačními architekty při organizaci obsahu; odkazují na průzkum uživatelů a provádějí podrobné úkoly a obchodní analýzy, aby určili optimální pracovní postup pro komplexní operace, jako je kontrola elektronického obchodu a proces vytváření účtů. Návrháři UX pak vytvářejí uživatelské toky, cestovní mapy zákazníků, drátové diagramy nižší věrnosti a interaktivní prototypy, aby otestovaly, ověřily a zdokonalily své koncepty pomocí testování uživatelů.

Pokračujte ve čtení na blogu Toptal Design Blog na adrese www.toptal.com >>

Najměte si nejlepší světové designéry v Toptal

Zkouška bez rizika, plaťte pouze v případě, že jste spokojeni