UI vs UX: Jaký je rozdíl z praktického hlediska

Pojmy UI a UX (design) se často používají zaměnitelně. Dokonce až do bodu, kdy je mnoho lidí / designérů / klientů označuje jako "UI / UX design" – jakýsi kombo all-in-one.


To není dokonalé, a zejména pokud se snažíte zjistit hádanku UX pro vaši firmu a produkt poprvé. Problémy UX a UI mají zásadní význam bez ohledu na to, zda prodáváte doplňky / témata v prostoru WordPress, vytváříte aplikace, software nebo dokonce prodáváte fyzické produkty..

První věc, kterou musíme vyrovnat, i když to zní docela jasně a předvídatelně, je to UI a UX nejsou stejné.

Je pravda, že se úplně neliší, jakmile se dostaneme k podstatě, ale rozhodně nejsou stejné!

UI vs. UX

V tomto příspěvku se chystáme hovořit o některých základních rozdílech mezi UI vs UX, co ti v praxi znamenají, jak vybudovat dobré UI a vytvořit vlastní UX a další.

Ale nejdřív:

UI vs. UX: jaký je skutečný rozdíl?

To je nejnaléhavější otázka.

Nejjednodušší, co bych mohl udělat z mé strany, by bylo poukázat na některé definice a nechat je dešifrovat ty na vlastní pěst, ale toto by ve skutečnosti nešlo o spravedlnost tématu.

Začněme se základy, i když je již pravděpodobně znáte:

  • UI je zkratka pro uživatelské rozhraní ��
  • UX znamená User eXperience ��

To je vše v pořádku a dandy, ale co tyto dva pojmy znamenají v praxi?

  • UI je to, co můžete vidět před vámi – rozhraní, které používáte k interakci s věcí (produkt / aplikace / auto).
  • UX popisuje celý zážitek dostanete v důsledku interakce s věcí.

Jen pro ilustraci, uživatelské rozhraní vašeho automobilu je volant, pedály, řadicí páka, je to každý prvek automobilu, se kterým můžete komunikovat. UX je zážitek, který získáte za jízdy.

Chcete-li určit vztah mezi UI vs UX, můžeme to myslet takto:

UI vs. UX

Role UI je významná, ale stále je jen jedním z prvků UX.

Klíč k UX myšlení: "G" slovo

"G" slovo jako v Cíle ��.

Je těžké – nebo spíše nemožné – přemýšlet o UX, když nevíte, čeho opravdu chcete dosáhnout.

To je místo, kde vstupují do hry cíle.

Cíle mají dvě varianty:

  • �� vaše cíle – obchodní cíle
  • �� uživatelské cíle – čeho uživatelé chtějí pomocí nástroje + proč

Pochopení toho, jak se tyto dvě oblasti protínají, je klíčem k dobrému designu UX.

Za prvé, při práci na uživatelských rozhraních, interakci, kterou má osoba s vaším nástrojem, nebo dokonce přesných funkcích, které chcete poskytnout, lze provést pouze poté, co se rozhodnete, na jaké uživatele se chcete dostat,.

"Musíte si vybrat cíl" může to znít jako marketingová věc klišé, ale ve skutečnosti neexistuje žádný jiný způsob, jak začít navrhovat UX vašeho produktu.

UX vždy trasuje zpět k uživateli a to, co * chtějí pomocí daného nástroje dosáhnout. Je to o druhu zážitku, který mají na cestě k dosažení svého cíle. Ale aniž byste věděli, co je tento cíl ve skutečnosti, nebudete schopni učinit dobrá rozhodnutí UX, aby tam uživatele přijali.

Začněte tedy definováním ideálního cílového uživatele, jeho charakteristikou, problémem, který chtějí vyřešit – aby jim váš nástroj mohl vyřešit atd. ��

S tím definujte své obchodní cíle na vrcholu uživatelských cílů. Jak vás může řešení vašich uživatelů přivést k vašim vlastním cílům? Jak můžete generovat příjmy a zároveň poskytnout svým uživatelům ten nejlepší nástroj, jaký jste schopni? A tak dále.

Po vyřešení těchto odpovědí začnete mít představu o směru, kterým by se měl váš návrh UX řídit. A to na oplátku usnadňuje vytváření vašeho uživatelského rozhraní a vyžaduje mnohem méně hádání.

Tento "návrat k cílům" model je také něco, co lze vidět u Don Normana a Jakoba Nielsena původní publikace na UX a téma UI vs UX:

"Je důležité odlišit celkovou uživatelskou zkušenost od uživatelského rozhraní (UI), i když uživatelské rozhraní je zjevně nesmírně důležitou součástí návrhu. Jako příklad lze uvést web s recenzemi filmů. I když je uživatelské rozhraní pro nalezení filmu perfektní, bude pro uživatele, kteří chtějí informace o malém nezávislém vydání, chudí, pokud podkladová databáze obsahuje pouze filmy z hlavních studií."

Také se podívejte tato případová studie redesign aplikace New York Times. Jde nad rámec jednoduchého, "aby věci vypadaly lépe" mentalita. Začíná to kladením základních otázek jako, "Jak lidé aktuálně kontrolují zprávy?" Sleduje potenciální uživatelské rozhovory; dokonce používá mapu empatie. To vše ve snaze vylepšit UX a učinit z UI primární zbraň, která to dělá.

ny krát

Pokud si myslíte, že UX-první nebo UI-první?

To je složitá otázka. Je to jako porovnávat to s ��s. Začněme tedy někde jinde:

Jedním z důvodů, proč mnoho lidí přemýšlí o UX a UI společně – i když znají rozdíl – je to, že UI je nízko visící plod a nejviditelnější věc, na které se pracuje, když se snažíte vylepšit UX vašeho produktu..

UI má více než cokoli jiného obrovský vliv na UX. A protože je také nejjednodušší pracovat, s uživatelským rozhraním se často zachází jako s jedinou věcí, kterou si musíte dělat starosti, pokud chcete dobré UX.

A vlastně je těžké s tímto argumentem argumentovat. Koneckonců, pokud má vaše auto volant, který má průměr pouze 2 palce, celé auto je nepoužitelné a celé UX klesá do odtoku – bez ohledu na to, co bylo učiněno pro zlepšení zážitku z řízení.

To znamená, že katastrofické chyby v uživatelském rozhraní efektivně zabijí UX. ⚔️ Neexistuje žádný způsob, jak to obejít.

Když o tom přemýšlíte, opravdu ne "pracovat na UX." UX je součet mnoha menších částí, takže každé rozhodnutí by mělo být posuzováno pomocí UX objektivu. Samotný UX však není věcí, na které by se pracovalo nebo na kterou by se dalo stříkat.

K čemu to všechno přijde je, že opravdu budete pravděpodobně nejprve pracovat na svém uživatelském rozhraní. A to je v pořádku, ale klíčové je mít na paměti, že UI je vždy součástí většího UX obrazu a každé rozhodnutí UI musí být vysledováno zpět k UX.

Tady je skvělá případová studie o tom, jak Lyft předělal jejich aplikaci na základě principů založených na UX a rozhodování. Zatímco většina z toho, co vidíme, je na povrchu – v uživatelském rozhraní, jádro změn se stalo v důsledku přehodnocení UX a přepracování různých aspektů cesty uživatele pomocí aplikace založené na prvních principech plus klíčových obchodních a uživatelských cílech . Změny uživatelského rozhraní, když se na ně podíváme ve vakuu, nejsou ani tak významné, ale pomáhají uživateli účinněji dosáhnout svých cílů, alespoň podle Lyft.

lyftová studie

Běžné mylné představy s UI vs. UX

Pojďme se zabývat některými běžnými mylnými představami světa UI vs UX a pokusit se najít lepší způsob, jak o těchto věcech přemýšlet.

"Bylo UI vs UX dokonce něco v minulosti?"

Vsadím se, že vývojáři softwaru před 20 lety nestrávili příliš mnoho času přemýšlením o UI vs. UX. Nebo spíše ano, ale tyto výrazy prostě nepoužívali k popisu.

Xerox představil původní grafické uživatelské rozhraní v osobním počítači Alto, které sahá až do 80. let.

Xerox Alto
Pracovní stanice Xerox

Překvapivě stárne pozoruhodně. Stále můžete jasně vidět všechny prvky a hlavní úkol, který máte po ruce, se zdá být jednoduchý. Neexistují žádné rozptýlení, žádné zbytečné prvky. Ve skutečnosti je toto uživatelské rozhraní vše v podnikání!

Je pravda, že úkoly dřívějšího softwaru byly také snáze definovatelné a hledání cílových skupin bylo intuitivnější. Například pro někoho, kdo pracoval na původních textových procesorech, byla cílová skupina pravděpodobně, "kancelář lidí s rukama."

Stanovení cílů nebylo příliš obtížné. "Lepší psací stroj. Na tvém počítači."

Když se ale podíváme na skutečný proces vytváření softwarových nástrojů, nebylo to úplně jinak. UX byl stále klíčem k vymýšlení.

Měli jsme tam také vůdce trhu – nebo spíše myšlenkové vůdce -, kteří nám pomohli vybrat obecný směr, který máme sledovat, a poukázali na dobrá řešení uživatelského rozhraní, která pravděpodobně budou fungovat i v jiných scénářích..

Apple, jak byste očekávali, měl zásadní roli v progresi a významu GUI.

Původní počítač Macintosh, vydaný v roce 1984, představil rozhraní založené na myši, kde nejvyšší úroveň interakce se strojem byla založena na výběru aplikace pomocí myši (point and click) a poté na interakci se samotnou aplikací různými způsoby.

Krátce nato se počítačové myši staly věcí. Následovaly další GUI.

Plocha Apple Macintosh

A nemusíme hledat ani příklady v online světě, WordPress byl v popředí uživatelského rozhraní a definoval, jak by měl moderní CMS poskytovat své klíčové funkce snadno pochopitelným způsobem.

Ovládací panel WordPress 5.0

"Jak vyřešit nefunkční uživatelské rozhraní?"

Při pohledu na moderní aplikace, nástroje a software obecně musíme dojít k závěru méně je více.

Nebo spíše to "méně je více" Postoj pramení z laserového zaměření na ideální uživatele.

Vezměte si například e-mailové nástroje. Když byl Outlook králem hory, potřeboval dobrý e-mailový nástroj, aby si bylo možné všechny zvonky a píšťalky představit. Čím více funkcí tam bylo, tím lepší byl nástroj.

Už to tak není.

Nejlepší e-mailové nástroje jsou jednoduché, zaměřují se na malý rozsah funkcí a zaměřují se na konkrétní typ uživatele.

Nezáleží na tom, zda chcete mít jednoduchý e-mailový nástroj nebo použít svůj e-mailový nástroj jako správce úloh, nebo chcete, aby vám pomohl s produktivitou a přesunem e-mailů na základě vaší denní agendy, pak máte individuální aplikace, které vám pomohou Udělej to. Jsou zaměřeny na laser. V dnešní době neexistuje důvod, proč používat e-mailové nástroje typu vše-to, protože většinou vedou k rozptýlení.

e-mailové aplikace

Potřebujete tedy vyřešit rozbité uživatelské rozhraní? Zjednodušte to. Vraťte se k primárnímu cíli uživatele a jak mu můžete pomoci vyřešit tento problém. Odstraňte vše, co tento cíl neusnadňuje.

"Kdo by měl dělat UX ve vašem týmu?"

Čí je práce s UX?

Je to designér?

Je to vývojář softwaru?

Nebo to je to, co "plný vývojář zásobníku" název je pro?

Nebudete šťastní, ale správnou odpovědí jsou všichni.

Podívejte se na graf, který jsem na začátku sdílel – prvky UX. Existuje příliš mnoho věcí, aby se dalo zvládnout pouze jednou osobou.

Zároveň UX není o házení věcí přes plot, jakmile s nimi budete hotovi, aby odtamtud mohla vyzvednout jinou osobu. Úsilí musí být více propojeno.

Opět začněte s definicí vašich obchodních a uživatelských cílů. Pracujte odtamtud. Každý musí být zapojen a vždy myslet na věci jako, "Jak se teď chystám ovlivnit uživatelský dojem?"

"Jak měřit UX?"

UX je těžké kvantifikovat nebo měřit. Můžete měřit pouze jednotlivé cíle, které jste definovali na straně uživatele a na straně firmy.

Je pochopitelné, že pokud narážíte na značky a uživatelé je zasáhnou (podle hodnocení instalací, počtu uživatelů nebo dalších nastavených metrik), pak váš UX zamíří správným směrem.

"UX mého produktu je špatný; co těď můžu dělat?"

Bohužel nemůžete stříkat na lepší UX. Pokud neplníte své cíle, váš produkt nedostává od uživatelů dobrou zpětnou vazbu a celkově nejste s výsledky spokojeni, můžete se opravdu vrátit zpět na rýsovací prkno.

Znovu vyhodnoťte své cíle, uživatelské cíle a způsob, jak tyto dva propojíte.

Nástroje používané při práci na lepším UX

Existují tři primární nástroje, které vám pomohou vyhodnotit směr návrhu UX a pomoci učinit správná rozhodnutí:

  • Testy A / B
  • uživatelské průzkumy a ankety
  • analytika a data

Objednávka není náhodná. Testy A / B jsou hlavní zbraní ve vašem arzenálu. Pomocí A / B testů můžete dát dvě různé verze části vašeho rozhraní proti sobě a zjistit, která přináší lepší výsledky, pokud jde o vaše klíčové ukazatele a cíle UX.

Důležitým detailem při testech A / B je držet se pouze A a B – dvou proměnných – a neměnit se kolem více prvků, protože zakaluje výsledky a znemožňuje oddělit jednotlivé změny, které dělají značku.

Uživatelské průzkumy a ankety vám také mohou hodně říct. Kladení jednoduchých otázek uživatelům může být zlatým dolem informací. Pokud vytváříte vlastní aplikaci, můžete získat zpětnou vazbu, ale na webu můžete použít jednoduchý nástroj pro dotazování, jako jsou ty uvedeny zde.

A konečně, hrubá data a analytika vám poskytují kvantitativní stránku mince. S nimi můžete vidět, jak se vaše změny UX nebo UI promítají do skutečných scénářů využití / konverzí / bez ohledu na to, jaké jsou vaše metriky.

Všechny tyto nástroje vám umožňují efektivně zlepšit procesy a posoudit, zda vaše vnímání cílů bylo správné.

Přizpůsobte se a opakujte!

�� Z hlediska designu UX a testování výsledků vaší práce můžete udělat mnohem více, ale tři výše uvedené metody jsou nejjednodušší, jak začít. Chcete-li se dozvědět více o testování UI vs. UX, přečtěte si tyto:

UI vs. UX, koncová hra

Někteří návrháři se rozzlobí, když se objeví téma UI vs. UX. Říká se, že tyto dva jsou zcela nepříbuzní a že by nemělo být diskutováno společně. Upřímně řečeno, nevyhneme se přemýšlení o jednom bez druhého.

UI je prostě první věc, na které můžeme pracovat v rámci návrhu UX. Je to nejnižší visící plod a nejjednodušší prvek, kterému je třeba porozumět, nejjednodušší naladit a nejjednodušší měřit účinnost.

Takže zůstaňte v klidu a pokračujte. UI a UX se liší, ale jsou součástí stejného příběhu.

Nebo se možná mýlím? Jaký je váš názor na UI vs UX? Podělte se o komentáře.

Obrazové kredity:

Nezapomeňte se připojit k našemu havarijnímu kurzu při urychlení vašeho webu WordPress. Pomocí několika jednoduchých oprav můžete zkrátit dobu načítání až o 50–80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map