Přeskočit na hlavní obsah

Rozdíl mezi UI a UX: definice pojmů


Někteří grafici používají ve svých životopisech pojem “UI/UX design”. Není to spravné použití těchto pojmů. Mnozí uživatelé nevidí rozdíl mezi UI a UX. Jsme tu, abychom vám to vysvětlili.

Co je UI?

Podle překladu z angličtiny znamená UI (user interface) uživatelské rozhraní. Pomocí takového rozhraní může uživatel komunikovat se zařízením, počítačem a programy. Dobrým příkladem uživatelského rozhraní je mobilní telefon s displejem a funkční klávesou, palubní deska s ovládacími tlačítky a podobně.

UI je to, co uživatel vidí na obrazovce a jak interaguje se zařízením. Při navrhování vysoce kvalitního uživatelského rozhraní věnují vývojáři pozornost nejen vzhledu rozhraní, ale také jeho logické struktuře, aby s ním uživatel mohl snadno a rychle komunikovat a dosáhnout požadovaného výsledku bez zbytečného úsilí. V počítačové oblasti je úkolem UI-vývojáře vytvořit rozhraní, které poskytuje jednoduchou, srozumitelnou a pohodlnou interakci uživatele s produktem (mobilní aplikace, web, informační systém atd.).
Pro jasné pochopení, jak vytvořit vysoce kvalitní uživatelské rozhraní pro konkrétní produkt, potřebujete prozkoumat chování, emoce a reakce uživatelů při interakci s tímto produktem, provést testování a shromažďovat data.

Co je UX?

Pocity a reakce, které mají uživatelé při interakci s produktem (v našem případě webové a mobilní aplikace, informační systémy apod.), se nazývají uživatelská zkušenost (UX, user experience). UX je to, co uživatel pocítí a pamatuje si v důsledku použití aplikace, systému nebo webu. UX je bráno v úvahu při vývoji uživatelského rozhraní, vytváření informační architektury a testování použitelnosti. Po určení cílového publika a vlastností základního uživatele můžete vytvořit seznam požadavků na projekt.

Prvním krokem je zjistit, jaká očekávání a přaní mají zákazník a  potenciální uživatelé aplikace. Druhým krokem je definovat funkce dostupné uživatelům. Dalším krokem je návrh aplikace, vývoj struktury a navigace, a také promyšlené uspořádání všech prvků uživatelského rozhraní. Posledním krokem je pohodlný a příjemný vzhled a design výrobku.

Jak můžeme vidět, UI je součástí UX. Cílem obou je zlepšit, zjednodušit a zpohodlnit aplikaci. Ačkoli jsou tyto pojmy úzce spjaty, nejedná se v žádném případě o synonyma. Můžete mít vynikající uživatelské rozhraní, ale špatnou uživatelskou zkušenost a naopak.

Grafici se především zabývají uživatelským rozhraním. Uživatelskou zkušeností se zabývají jiní odborníci - projektanti, analytici, markeťáci. Pro dosažení maximálního výsledku je nutná odborná praxe specialistů obou oblastí.

Komentáře

Populární příspěvky z tohoto blogu

10 způsobů jak se naučit programovat samostatně.

Programování je jednou z nejcennějších dovedností pro profesní růst, osobní rozvoj a vytváření něčeho úžasného. Je čas popsat deset tipů pro ty, kteří právě začínají svou cestu do programovacího světa. 1. Zjistěte, proč chcete programovat Zvolený směr ve výuce bude záviset na tom, proč se chcete naučit programovat a jak dlouho jste ochotni věnovat tomuto procesu. Pokud chcete být programátorem, je třeba začít s odborným kurzem (společnost Google sestavila seznam dovedností a kurzů pro ty, kteří chtějí být programátorem). Pokud chcete vytvářet hry a webové stránky pro zábavu ve svém volném čase, interaktivní kurzy jsou nejlepší volbou. Bloc vytvořil srovnávací tabulku kurzů v závislosti na zatížení, nákladech a důvodech k osvojení si programování. 2. Vyberte správný jazyk programování Neexistuje nejlepší programovací jazyk. Jakmile se naučíte jeden, nebude pro vás problém zvládnout další. Takže se nemusíte koncertovat na volbu pouze jednoho jazyka. Nicméně předpokládá s

Progressive Web Apps! Proč tvořit Progresivní Webové Aplikace pro své podnikání?

Představte si, že vaše stránky interagují s uživatelem jako aplikace. To znamená, že uživatel ji může nainstalovat na libovolné zařízení, dostávat oznámení a pracovat s aplikací (i bez připojení k internetu). To je skutečná technologie, kterou aktivně podporuje Google. V tomto článku Vám progresivní webové aplikace popíšu detailně. Google poprvé použil termín Progressive web apps (PWA) v roce 2015. Tento způsob tvorby webové stránky přitáhl pozornost díky relativní jednoduchosti vývoje a téměř okamžité interakce s uživatelem. Co je nakonec PWA? Můžete to vnímat jako web vytvořený s použitím webových technologií, ale interaguje s uživatelem jako aplikace. Progresivní webové aplikace přenáší funkce, které očekáváme od nativních aplikací, do prostředí mobilních prohlížečů, a to tím, že využívá standardní technologie a běží v zabezpečeném kontejneru dostupném všem uživatelům na webu. Rozdíly PWA od nativních aplikací PWA můžou být použité v prohlížečích Google, Opera,

7 rad pro začínající webové vývojáře

Umíte vytvářet jednoduché webové stránky nebo mobilní aplikace a chtěli byste si efektivně osvojit nové přínosné dovednosti a vyvíjet co nejkvalitnější systémy? Jsem vývojářkou iQuest týmu, s pracovní zkušeností zhruba rok, a každodenní využití těchto principů mi pomohlo posunout se dopředu za relativně krátkou dobu. Těchto 7 rad vám pomohou posunout se dál a zároveň se vyvarovat zbytečného stresu. Začněte něčím jednoduchým Začněte s něčím malým a jednoduchým, kde máte velkou šanci úkol zvládnout. Buďte trpěliví. Jakmile ovládnete základy, začněte je aplikovat na dílčí úkoly komplexnějších věcí. Zvolte vhodné prostředí pro rychlejší rozvoj Najděte společnost, která je ochotna vás rozvíjet, a s kterou budete vzájemně spokojeni. Myslím, že je hodně důležité hledat firmu, kde si lidé navzájem pomáhají. Něco nevědět není známkou slabosti, obzvlášť v této profesi Jestli něco nevíte, je dobré se nad věcí zamyslet a co nejpřesněji zformulovat a popsat svůj dotaz. Odpověď s