Zde najdete, co jsme se (dosud) naučili o UX designu

Začátek Vaší cesty po UX začíná zde.

Prozkoumáme hlavní koncepty týkající se uživatelské zkušenosti a UX designu.

Naučíte se nejprve základy, čímž získáte jistotu, že budete schopni vytvořit webové stránky, které přilákají návštěvníky, zaujmou je a změní na zákazníky.

Obsahuje podrobné kapitoly o:

V tomto průvodci se dozvíte:

  1. UX designu
  2. Uživatelském prožitku
  3. Designovém myšlení
Fernando Silvestrin
Fernando Silvestrin
Naposledy aktualizováno březen 17, 202122 Minut čtení
Zde najdete, co jsme se (dosud) naučili o UX designu
1

Co je to UX design?

Pokrýt všechny aspekty takového širokého a komplexního téma jako je UX (User Experience, tj. uživatelský prožitek) design, by bylo výzvou pro jakéhokoli průvodce, článek nebo knihu: Uživatelský prožitek zahrnuje vše od průzkumu přes použitelnost webové stránkyaž po UX design.

Jak jednou řekl legendární německý průmyslový designér Dieter Rams:

„Dobrý design má být tak malý, jak je to jen možné.“

Chtěl bych Vám proto dát co nejméně designu, ale zároveň tolik, abyste mohli vytvořit dobrý design pro sebe a své klienty.

Dobrý a špatný UX design

  • Proč je tak neuvěřitelně těžké používat některé webové stránky a webové aplikace?
  • Jak může někdy i jednoduchý online formulář způsobit, že se cítíme tak frustrovaní?
  • Proč jsou tlačítka tak matoucí nebo je navigační menu z webu tak komplikované?
  • Proč nic nefunguje tak jak má?

Zamyslete se nad situací obráceně:

Proč je tak neuvěřitelně jednoduché používat některé webové stránky a aplikace?

Uživatelský prožitek je vynikající, funkčnost jednoduchá, nic se nekazí a design webových stránek je skvělý. Napadá Vás, proč to tak dobře funguje?

Protože design webové stránky nebo aplikace byl navržen pro Vás jako uživatele.

Když vše funguje bez problémů a podle cílů uživatele – právě to je ten dobrý uživatelský prožitek (UX).

Schůze Cat Noon „The Misconstrued User Experience“ @mobX (obrázek od Thorstena Jonase)

Špatný uživatelský prožitek je všudypřítomný (bohužel). Možná jste ho naposled zažili, když jste si objednávali jídlo online nebo si rezervovali dovolenou v Asii.

Faktem je, že webové stránky používáme každý den na našich telefonech, laptopech, tabletech, chytrých televizích a dalších zařízeních. Všechny tyto platformy použily UX design jako strategii, aby poskytly uživatelům odpovídající, smysluplné a nezapomenutelné prožitky – někdy uspěly, jindy ne.

Líbí se mi definice Brada Frosta :

„Věřím, že každý člověk, který se podílí na vytvoření produktu, je UX designer. Redaktor, který dělá úpravami obsah čitelnější a přehlednější, je UX designer. Backend vývojář, který zajišťuje bezpečnost a rychlost stránky, je UX designer. Vizuální designer, který používá barvy, typografii a texturu, aby zjednodušil použití stránky, je UX designer.“

Proces tvorby webových stránek, aplikací a služeb, které poskytují uživateli smysluplné a relevantní prožitky, se nazývá UX design .

Je UX, XD, UCD, UI to samé?


Krátce řečeno, není. Je zásadní pochopit spektrum rolí v UX designu, pokud se učíte nové dovednosti a zdokonalujete se jako designer. Pojďme se na ně podívat:

  1. Uživatelský prožitek (UX)
    Každé místo interakce uživatele a kvalita prožitku, kterou uživatel má během užívání webových stránek, aplikací nebo služeb, se nazývá UX, tj. uživatelský prožitek. Na svou webovou stránku můžete přidat lepší funkcionalitu nebo tolik nových vlastností, kolik jen chcete. Úspěch Vašeho projektu bude ale nakonec vycházet z pocitu uživatelů. A to je snad skvělé.

  2. Design uživatelského prožitku (XD)
    Jestliže má uživatelský prožitek (UX) souvislost se spojením mezi uživatelem a webovou stránkou, technologií nebo zařízením, zajímá se design prožitku (XD) o „globální“ prožitek značky.

Abych to vysvětlil.

Design prožitku se často používá v kontextu marketingu značky a obvykle je veden momenty interakce mezi lidmi a značkami. Zkušenost se značkou v mysli zákazníka, nápady, vzpomínky a emoce, které vznikly v momentech interakce, jsou považovány za design prožitku (XD).

„Velký obrázek“ XD a oblast zaměření UX [zdroj toptal.com]
  • Uživatelsky zaměřený design (UCD)

Dobře. Vytvořme webovou stránku nebo aplikaci. Co k tomu potřebujeme? Potřebujeme si stanovit uživatelské a obchodní cíle.

Zatímco UX se zajímá o kvalitu prožitku, UCD (user centered design, tj. uživatelsky zaměřený design) studuje strategie a postupy k vytvoření takového prožitku.

Obchodní cíle a uživatel jsou ve středu všech okolních procesů a strategií: od uživatelského průzkumu přes plánování, UX design, použitelnost webové stránky, responzivní design, design uživatelského rozhraní až po vývoj a implementaci.

Jedná se o přístup k designu, který sladí obchodní cíle se správným typem uživatele tak, aby byl hodnotný pro oba.

  • Uživatelské rozhraní (UI)

Co je to UI design? Ve zkratce, všechno to hezké kolem.

UI (user interface, tj. uživatelské rozhraní) znamená design uživatelského rozhraní. To znamená, jak věci vypadají. Správné rozhraní povznese Váš produkt na vyšší profesionální standard a vytvoří důvěru u Vašeho publika. Vybudováním důvěry a spolehlivosti přilákáte toho pravého zákazníka a odlišíte svou webovou stránku, aplikaci nebo službu od konkurence na trhu.

Design uživatelského rozhraní je vzhled a chování všeho, od obrázků přes tlačítka, grafiku, text až po animace.

https://s3.us-west-2.amazonaws.com/secure.notion-static.com/00565be9-ebc6-4001-922b-8ebf87e79dfe/06_final-motion.webp

Už se v tom nevyznáte? A to ještě nebyl celý seznam.

Jak to vše dáme dohromady?

Jak jste si všimli, mnoho z těchto témat se překrývá nebo se některá navzájem doplňují. Níže uvedená tabulka nabízí pohled z ptačí perspektivy na spektrum domén moderního designu webových stránek:

Zdroj obrázku https://uxdesign.cc/the-spectrum-of-digital-design-roles-in-2018-3286390a9966

Představil jsem Vám mnoho rolí a oblastí uživatelského prožitku a moderních webových stránek. Co byste si z toho měli vzít je uznání, že zamyslet se nad uživatelem pomůže každému v průběhu navrhování stránky:

  1. Obchodní perspektiva: šetří čas a peníze tím, že snižuje náklady a zvyšuje míru spokojenosti mezi uživateli.
  2. Perspektiva vývojáře: ukazuje vývojářům správný směr a zvyšuje šanci na úspěch projektu.
  3. Perspektiva uživatele: představuje rozdíl mezi zakoupením produktu a opuštěním webové stránky, dokončením úkolu nebo jeho nenávratným ukončením v půli cesty.

Ještě to chápete? Výborně.

Hlavním cílem UX designu je dostat se do mysli uživatele.

0

Uživatelský prožitek: Proč na něm záleží?

Ale proč? Proč se obtěžovat uživatelským prožitkem nebo UX designem a trávit náš čas nad všemi těmito koncepty a popisy práce? To je předmětem našeho dalšího tématu.

V této fázi Vás asi napadá:

„Vše, co jsem chtěl, bylo pro sebe.“ navrhnout webovou stránku

„Mí klienti jen potřebují .“ moderní webové stránky

„Proč bych měl tohle všechno znát?“

„Je tak komplikovaný?“ dobrý návrh webové stránky

Bohužel se v těchto otázkách objevují tři hlavní problémy.

  1. Boj o pozornost: V starých dobách bylo na internetu mnohem méně konkurence o pozornost lidí. Uživatelé a programátoři ještě zjišťovali, jak by plně využili potenciál internetu. Značky a obchody v podstatě budovali svůj obraz a pověst mimo internet.
  2. Uživatel není podstatný: Kde se vůbec nebere v úvahu uživatel, závisí zdar nebo nezdar projektu na štěstí. Tým designerů a obchodní ředitelé použijí svůj vlastní úsudek k vyhodnocení cílů webových stránek nebo aplikací.
  3. Výhoda konkurence: Na webu kdysi dominovali odborníci, ale naštěstí pro nás, ty dny jsou už pryč. Internet je dnes nejdemokratičtějším místem na zemi. Pokud ovšem nekladete správné otázky nebo se neinformujete o tom, jak zlepšit své designérské schopnosti, tisíce dalších lidí nejrůznějších povolání Vás překoná.

Vzkvétající odvětví

UX design je ve světě vzkvétajícím odvětvím. Společnosti objevují obrovskou ROI (Return on Investments, tj. návratnost investic), kterou mohou získat investicemi do uživatelského prožitku na svých webových produktech a službách.

Design uživatelského prožitku již není exkluzivní službou technologických gigantů nebo reklamních agentur. Tento obor postupně získává přístup do dalších oblastí jako vzdělání, módy, filmu a nevládních neziskových organizací.

Nejenže je poptávka po UX designerech vysoká, ale i platy jsou poměrně konkurenční. Na stránce CareerFoundry najdete skvělý článek, který vysvětluje vše o UX trhu práce / platech:

Platy UX designerů podle zemí CarreerFoudry

Předpovídalo se, že potřeba kvalitních UX designerů poroste, a během posledních 10 let se rychle rozšířil trh práce s příležitostmi pro UX designery.

Podle studie Glassdoor byl UX design zařazen jako šesté nejlépe placené první zaměstnání pro absolventy.

Pohled na ROI uživatelského prožitku podle Human Factors International:

Human Factors International ROI of user experience

Široké spektrum pracovních pozic a aktivit UX designu, a navíc celosvětový růst příležitostí na trhu lze dnes nalézt v různých prostředích, včetně následujících:

  • Komplexní projekty: komplikované projekty se stávají zvládnutelné uplatněním myšlení UX. Příliš mnoho funkcí zpracovaných nesprávným způsobem může uživatele odradit od používání Vaší webové stránky nebo aplikace.
  • Startupy: startupy s nejnovějšími technologiemi vyvíjí inovativní projekty a potřebují způsob, jak porozumět chování svých uživatelů – od jejich pocitů po interakci s webovou aplikací.
  • Projekty se skromným rozpočtem: malé podniky obvykle ze svých méně hodnotných projektů vynechají průzkum . Nicméně, jakýkoli rozvojový tým projektu se skromným rozpočtem určí část ze svých finančních zdrojů skupině UX designerů. uživatelského prožitku
  • Dlouhé projekty: čím delší projekt je, tím více spotřebuje zdrojů; o to jsou a hodnotnější, protože navrací použité investice. UX design uživatelský prožitek
  • Rozšiřující se obor: již není exkluzivní službou technologických gigantů nebo reklamních agentur. Jako rychle rostoucí obor se dostává i do dalších oblastí jako vzdělání, módy, filmu a nevládních neziskových organizací. design uživatelského prožitku

    Podívejte se na těchto 13 působivých statistik o UX designu.

    Přečtěte si Design Census, ve kterém se účastnilo na 9 429 designerů.

    O stavu UX za rok 2020 se dočtete zde.

Kopírujte jako umělec

Pokud se učíme něco nového, je vždy dobré odkoukat to od mistrů. Následující zásady a koncepty vytvořili jedni z nejvlivnějších UX designerů. Je načase se začít učit a půjčovat si bez ostychu.

  • Don Norman, kmotr UX V roce 1988 Don Norman, kmotr UX designu, popsal design jako první na základě potřeb uživatele. Nastoupil do Applu v roce 1993 a stal se prvním člověkem, který kdy měl v pracovním názvu „uživatelský prožitek.“ Pro Normana je u každodenní „věci“ nejdůležitější to, jak dobře uživateli slouží, a ne její krása nebo zkrášlovací hodnota.
Don Norman na https://www.nngroup.com/
  • Jesse James & metoda ledovce UX Autor jedné z klasických knih o uživatelském prožitku „The elements of User Experience,“ (tj. Prvky uživatelského prožitku) Jesse James Garrett rozdělil proces vytváření uživatelské prožitku na pět prvků:

Rovina povrchu: na povrchu vidíte řadu , které jsou tvořeny obrázky a textem. Některé z těchto obrázků můžete rozkliknout. návrhů webových stránek

Pětirovinný proces Jamese Garreta
  1. Rovina kostry: pod povrchem leží kostra webové stránky nebo aplikace. Je to místo tlačítek, tabulek, fotek a textových bloků – kostra optimalizuje rozvržení a uspořádání stránky pro co největší efekt a účinnost.
  2. Rovina struktury: struktura definuje, jak se uživatelé na webovou stránku dostali a kam by mohli přejít poté, co na stránce skončí.
  3. Rovina rozsahu: určuje mnoho vlastností a funkcí na webové stránce / aplikaci a to, jak do sebe zapadají. Otázka, jestli je určitá vlastnost (nebo kterákoli) obsažena na webových stránkách, je záležitostí roviny rozsahu.
  4. Rovina strategie: zabývá se strategií webové stránky. Nezahrnuje jen to, co je tým a obchodní cíle, ale také to, co chtějí uživatelé ze stránky získat. UX designový
Ledovec UX (vpravo) inspirovaný klasickou knihou „The Elements of User Experience“
The Ux Iceberg inspired by the classic “The Elements of User Experience” book.
  • Peter Morville a plástev uživatelského prožitku Od roku 1994 je Peter Morville považován za průkopníka v oblastech uživatelského prožitku a informační architektury. Vytvořil jeden z nejsdílenějších a nejpoužívanějších diagramů, který „ilustruje aspekty uživatelského prožitku – zejména proto, aby pomohl klientům pochopit, proč musí jít dále za použitelnost.“ Diagram plástve UX má sedm aspektů a „velký úl“ ilustruje podle Morvillových slov „… dynamický, vícerozměrný prostor, v kterém je alespoň na příštích 10 let stále dostatek prostoru pro vytváření nových polí a kreslení nových šipek.“
Source: https://www.usertesting.com/

Myslím , že Peter měl pravdu. Jeho tvrzení pochází z roku 2004 a o 16 let později o něm stále mluvíme.

Staří mistři a raní designeři UX uznali, že konceptualizace práce by přinesla větší jasnost a posunula odvětví UX do vývoje lepších produktů a prožitků pro uživatele.

„Vaší prací je sbírat dobré nápady. Čím více dobrých nápadů nasbíráte, tím více si z nich můžete vybírat ty, které Vás ovlivní.“

AUSTIN KLEON

Úlohou začínajícího designera je pochopit nezbytné zásady a vybudovat si základy. Tím pádem je pro nás nejlepším způsobem, jak se stát UX designerem, začít myslet jako designer.

3

Designové myšlení vs. UX design

UX design se zaměřuje na řešení konkrétního uživatelského problému a stará se o kvalitu uživatelského prožitku(webová stránka, produkt nebo aplikace) Naproti tomu stojí designové myšlení, které se zabývá hledáním správného problému k řešení.

Stanfordská d.school popularizovala pětistupňový proces designového myšlení, který lze široce uplatnit i mimo oblast UX a tradičního designu.

Proces je užitečný k řešení neznámých problémů a může být rozdělen do pěti kroků:

  1. Vcítění se: prozkoumejte potřeby Vašich uživatelů.
  2. Definice: uveďte potřeby a problémy Vašich uživatelů.
  3. Nápad: zpochybněte domněnky a přijďte s nápady.
  4. Prototyp: vytvořte řešení a opakujte.
  5. Test: vyzkoušejte svá řešení.

Designové myšlení není jednosměrné, takže byste se měli pohybovat mezi všemi pěti stupni procesu, abyste důkladněji pochopili uživatele a našli ideální řešení jejich problémů.

„Designové myšlení je lidsky zaměřený inovativní přístup, který integruje potřeby lidí, technologické možnosti a požadavky na obchodní úspěch.“

Tim Brown, výkonný ředitel společnosti IDEO

Více o designovém myšlení se dozvíte níže ve videu „The explainer“:

Systémové myšlení

Systémové myšlení je nástroj, kterým se analyzuje celkový systém, v němž se děje jakákoli aktivita.

  • Proč máme nedostatky?
  • Jak můžeme přimět týmy, aby lépe komunikovaly?
  • Proč mají ostatní designové týmy jiný rozpočet, když jsme oba dosáhli cíle?
  • Jak můžeme vylepšit strategii?

Toto jsou otázky, které musí klást systémové myšlení. V porovnání s uživatelsky zaměřeným přístupem se jedná o pokročilejší přístup designu.

Pochopením spojitostí v kolektivním systému designeři lépe porozumí odvětví a obchodnímu modelu svých uživatelů. Díky tomu budou vytvářet relevantní produkty a prožitky.

Všechno do sebe zapadne, když pochopíte celý obraz:

Dobře. Co teď?

Pokud můžeme shrnout, co jsme se zatím o UX designu dozvěděli, co byste navrhli?

Možná uvažujete o nějakém mnohostranném přístupu k designu, v němž je uživatelský prožitek středem všeho.

To není špatné. UX designeři se musí vžít do uživatele, a přenést jeho komplexní nápady a chování v jednoduše uživatelné rozhraní.

Na závěr můžeme dodat, že prožitek musí být příjemný, aby se uživatelé neustále vraceli a/nebo mohli dosáhnout svého konečného cíle.

Obsah