Proč je při vývoji webu a aplikací klíčový design zaměřený na uživatele?

Úvodní stránka

Termín User-Centered Design (UCD) už pravděpodobně znáte. Je to jedna z těch frází, které se objevují všude na webu a ve světě vývoje aplikací.

Pokud jste pracovali s firmou zabývající se vývojem webových stránek nebo jste součástí služby vývoje webových stránek, určitě jste o něm slyšeli - možná dokonce několikrát.

Ale upřímně, pozastavíme se vždy nad tím, proč je to tak důležité? Protože se téměř vždy předpokládá, že musíme navrhovat s ohledem na uživatele, že? Jenže ono je v tom víc než jen chytlavá fráze.

Když vytváříte něco pro lidi, ať už je to webová stránka nebo aplikace, musí to být použitelné. Zní to jako samozřejmost, ale je šílené, kolik návrhů na tento základní fakt zapomíná.

Více než o hezké rozhraní nebo cool funkci, která zaujme na pět minut, jde o vytvoření zážitku, který skutečně dává smysl a funguje pro lidi, kteří ho používají. A právě zde přichází na řadu design zaměřený na uživatele.

Zásady designu zaměřeného na uživatele

Chcete-li pochopit UCD, musíte začít od základů. Je to víc než jen "přemýšlení o uživateli". Jde spíše o uplatňování skutečných principů, kterými se řídí každé rozhodnutí o návrhu. Pojďme si je rozebrat:

1. Shoda mezi systémem a reálným světem

Tak trochu zřejmé, ale divili byste se, jak často se to přehlíží. Uživatelé očekávají určité věci, a to znamená, že design by měl působit povědomě.

Pokud například někdo něco kupuje online, nemusíte znovu vymýšlet nákupní košík. V tuhle chvíli už je jakoby zakořeněný v naší mysli, ne? Klíčové je tedy zajistit, aby váš design odpovídal tomu, jak funguje skutečný svět.

Pokud váš projekt vývoje webových stránek v Austrálii zahrnuje web s elektronickým obchodem, pak se prostě držte jednoduchosti. Není třeba to komplikovat bizarními ikonami. Lidé prostě potřebují vědět, kam kliknout, aby si něco koupili.

2. Uživatelská kontrola a svoboda

Už jste někdy použili aplikaci, na něco klikli a řekli si: "Počkat, to nebylo to, co jsem chtěl"? Ano, my také. Je to frustrující.

Uživatelé potřebují mít pocit, že mají vše pod kontrolou, že mohou couvnout, pokud udělají chybu. A nejde jen o tlačítka zpět (i když ta jsou skvělá). Jde o to navrhnout tok, který je neuzavře do sebe.

Pokud jste někdy byli na webu, kde jste se cítili uvězněni ve formuláři nebo procesu, pravděpodobně jste ho nedokončili, že? Myslím, že většina lidí by to neudělala. Takže ano, svoboda návratu je v UCD docela zásadní.

3. Konzistence a standardy

Tady to začíná být trochu složitější. Důslednost je zásadní, ale to neznamená, že musíte následovat všechny trendy. Lidé očekávají určité chování a vzory, jako je například tlačítko zpět nebo vyhledávací panel.

Když spolupracujete s nejlepší společností zabývající se vývojem webových stránek, zjistíte, že to chápou. Pokud jde o základní rozvržení, není třeba znovu vynalézat kolo. Je snadné chtít být "jiný", ale někdy je pro uživatele lepší držet se běžných konvencí.

4. Prevence a obnova chyb

Dobře, buďme na chvíli realističtí. Všichni jsme někdy udělali chybu na internetu, ať už šlo o špatné vyplnění formuláře nebo špatné kliknutí.

Pokud uživatelé udělají chybu, měl by ji design zachytit nebo jim alespoň umožnit ji snadno opravit. Například při zadávání údajů o kreditní kartě by dobrý web mohl hned ukázat, zda došlo k chybě, abyste neztráceli čas tím, že se dostanete až na konec, jen abyste zjistili, že jste vynechali písmeno v adrese nebo něco podobného.

Navíc je klíčové, aby chybová hlášení byla přívětivá a ne "odsuzující". Nikdo nemá rád, když mu někdo říká, že něco pokazil, jako by byl idiot.

5. Spíše rozpoznávání než připomínání

Tady jde o to, aby vše bylo snadné.

Nenuťte uživatele, aby si pracně pamatovali, co mají dělat dál. Pokud například vytváříte web pro službu tvorby webových stránek, nežádejte po uživatelích, aby si vybavili adresu vaší společnosti nebo jiné údaje. Místo toho je přehledně zobrazte tam, kde to dává smysl.

Čím jednodušší a přehlednější je uděláte, tím méně musí uživatel přemýšlet.

6. Flexibilita a efektivita používání

Ne všichni jsou stejní.

Někteří uživatelé dávají přednost zkratkám. Někteří se rádi proklikávají nabídkami. UCD by mělo umožňovat obojí. Pokud tedy například navrhujete mobilní aplikaci, zvažte, jak by pokročilí uživatelé mohli chtít rychlejší způsoby navigace.

Berte to jako rozhraní, které se dokáže přizpůsobit různým úrovním dovedností.

7. Viditelnost stavu systému

Jste si docela jistí, že jste určitě někdy klikli na tlačítko "odeslat" ve formuláři nebo čekali, až se načte stránka, a pak jste jen zírali na obrazovku a přemýšleli, jestli to skutečně prošlo. Super otravné, že? Proto je viditelnost superdůležitá.

Pokud na pozadí probíhá nějaký proces, dejte to uživatelům vědět. Malý ukazatel průběhu nebo zpráva "děkujeme za trpělivost" mohou být velmi užitečné.

Hlavní rozdíly mezi modely UCD a tradičním designem

Je snadné nechat se unést tím, "co je ve světě designu nového", ale je tu jedna věc: UCD není tak úplně nový. Je to jen chytrý způsob, jak přistupovat k designu.

Tradiční modely designu, jako je například vodopádový přístup, vycházejí z úplně jiných východisek. Tam se obvykle klade důraz především na funkčnost. Vytvořte systém a o uživatele se starejte později. To ale může vést k problémům.

Upřednostňování funkčnosti oproti potřebám uživatelů

Při tradičním návrhu se vše točí kolem produktu. Jaké funkce chce firma? Co pro systém funguje?

UCD to však staví na hlavu. Na prvním místě je uživatel. Přemýšlíte o jeho potřebách, o tom, jaké problémy potřebuje vyřešit, a od toho se pak odvíjíte.

Příklady z reálného světa, které zdůrazňují tento kontrast

Dobrá, uveďme si reálný příklad. Představte si webovou stránku ze staré školy, která je přeplněná informacemi.

Australská společnost zabývající se vývojem webových stránek, která jej vytvořila, si možná řekla: "Hele, ať je všechno dostupné na domovské stránce." To je ale jen takový příklad. Ale pro uživatele? Je to prostě zahlcující.

Tým zaměřený na UCD by to rozdělil na stravitelnější části, takže by bylo snadné najít to, co potřebujete.

Vodopádový vs. UCD přístup

Tradiční vodopádový vývoj je jako jednosměrná ulice - začínáte na začátku a jen postupujete vpřed.

V případě UCD je to však spíše klikatá cesta. Vytváříte, testujete, získáváte zpětnou vazbu a iterujete. Je flexibilní.

A jistě, někdy se může zdát, že je to trochu chaotické, ale myslím, že právě v tom je to krásné. Neustále se přizpůsobujete, aby byl uživatelský zážitek co nejplynulejší.

Proč je UCD základem moderního vývoje webů a aplikací?

Dobře, už jsme se trochu rozpovídali, ale vydržte. Existuje důvod, proč je UCD v dnešním vývojovém prostředí tak zásadní.

Lepší použitelnost a přístupnost

Hned na začátek: Pokud se vaše aplikace nebo web špatně používají, lidé je opustí. Je to tak jednoduché.

UCD zajišťuje, že myslíte na to, jak uživatelé s vaším produktem interagují. A to neznamená jen použitelnost pro lidi, kteří si rozumí s technikou.

UCD se zaměřuje také na přístupnost a zajišťuje, aby byl váš produkt použitelný pro všechny, včetně osob se zdravotním postižením.

Větší spokojenost a loajalita zákazníků

Všichni jsme někdy používali aplikaci nebo webové stránky, které nám připadaly správné - plynulé, intuitivní a tak snadno použitelné. To je kouzlo UCD.

Když mají uživatelé pocit, že mohou vstoupit, udělat, co potřebují, a odejít bez frustrace, je pravděpodobnější, že zůstanou. A buďme upřímní, věrného zákazníka je mnohem snazší udržet než nového.

Vyšší míra konverze a retence

Když je webová stránka nebo aplikace navržena s ohledem na uživatele, zvyšuje se šance, že dokončí úkol (například provede nákup).

Pokud spolupracujete s agenturou pro elektronické obchodování SEO, řeknou vám, že snadno ovladatelná a dobře navržená platforma vede k vyšší míře konverze.

Více uživatelů dokončí nákupní proces, protože se nezaseknou někde na cestě.

Snížení nákladů na vývoj a redesign

Je lákavé si myslet, že design zaměřený na uživatele stojí více, ale z dlouhodobého hlediska vám ve skutečnosti ušetří peníze.

Proč?

Protože testujete, získáváte zpětnou vazbu a provádíte úpravy již na začátku, což znamená méně nákladných pozdějších redesignů.

Některé z nejlepších služeb v oblasti vývoje webových stránek se spoléhají na UCD právě proto, že minimalizují potřebu nekonečných revizí.

Proces UCD: UCD: přehled krok za krokem

Zní to jako spousta věcí, že? Ale jakmile si ho osvojíte, je proces UCD docela jednoduchý.

a. Výzkum uživatelů a vývoj personyVše začíná pochopením publika. Chcete si s nimi promluvit, provést průzkum a v podstatě zjistit, kdo jsou a co chtějí.

b. Shromažďování požadavků z pohledu uživateleJakmile víte, kdo jsou vaši uživatelé, shromažďujete požadavky. Ne z pohledu firmy, ale z jejich perspektivy. Co potřebují? Jaké jsou jejich bolestivé body?

c. Idealizace a skicováníPak je čas na brainstorming nápadů. Načrtněte si náčrtky, pohrajte si s designem. V této fázi jde především o to zjistit, co by mohlo fungovat.

d. Vytvoření prototypu a uživatelské testováníVytvořte prototyp. I když je hrubý, získejte zpětnou vazbu od skutečných uživatelů. Jedná se o jeden z nejdůležitějších kroků. Pokud se uživatelům nebude líbit, máte čas ho vylepšit.

e. Iterace na základě zpětné vazbyProvádějte změny na základě zpětné vazby. Nepřipoutávejte se ke svému prvnímu nápadu. Pokud uživatelé navrhují změny, berte je vážně.

f. Nasazení a hodnocení po spuštěníJakmile je váš produkt v provozu, neodcházejte jen tak. Neustále vyhodnocujte, jak s ním uživatelé pracují, a podle potřeby provádějte úpravy.

Porozumění potřebám uživatelů: Výzkumné metody, na kterých záleží

Existuje spousta způsobů, jak můžete získat poznatky. Ale pamatujte si: Ne všechny metody jsou stejné. Podívejme se na několik klíčových:

• Rozhovory, fokusní skupiny a průzkumy: Tyto metody jsou skvělé pro získání podrobné zpětné vazby přímo od uživatelů.

• Mapování cest uživatelů a mapy empatie: Tyto nástroje pomáhají vizualizovat, jak uživatelé procházejí vaším webem nebo aplikací.

• Třídění karet a A/B testování: Tyto metody jsou užitečné pro uspořádání informací a testování, které rozvržení nebo obsah fungují nejlépe.

• Heatmapy a analýza uživatelů: Tyto nástroje sledují, kam uživatelé klikají nebo jak se posouvají. Jsou užitečné zejména pro zlepšování uživatelského rozhraní.

Úloha persón v UCD

Pokud nemáte persony, jste tak trochu na slepé koleji. Persony jsou reprezentace vašich cílových uživatelů založené na datech. Jsou vodítkem pro rozhodování a pomáhají vám soustředit se na skutečné potřeby, nikoli na předpoklady.

UX vs. UI v kontextu UCD

UX je o zážitku, o celkovém pocitu z interakce s vaším webem nebo aplikací. Uživatelské rozhraní je o rozhraní, o vizuálních prvcích. UCD bere v úvahu obojí a zajišťuje, aby byl zážitek bezproblémový a rozhraní tento zážitek podporovalo.

Mobilní a responzivní design z pohledu UCD

Pokud vaše aplikace nebo webové stránky nejsou optimalizovány pro mobilní zařízení, přicházíte o velkou část uživatelů. UCD vám pomůže navrhovat s ohledem nejprve na mobilní zařízení a poté se přizpůsobit pro ostatní zařízení. Tato flexibilita je klíčová.

Přístupnost v UCD

A samozřejmě přístupnost je neoddiskutovatelná. UCD zajišťuje, že váš produkt budou moci používat všichni, včetně lidí se zdravotním postižením. Je to správné a na mnoha místech je to také vyžadováno zákonem.

Design zaměřený na uživatele není jen nějaký módní princip designu. Je to princip, který mění pravidla hry. Ať už pracujete s nejlepší firmou na vývoj webových stránek, nebo s malým týmem, je zásadní pro vytváření produktů, které lidé skutečně chtějí používat. Koneckonců, pokud se vašim uživatelům nebude líbit, prostě odejdou, a to nikdo nechce.

Nejčastější dotazy

1. Jak poznám, že je můj web nebo aplikace skutečně zaměřená na uživatele?To je dobrá otázka. Mnoho lidí se domnívá, že to mají v malíčku, ale ve skutečnosti jde jen o to, položit si správné otázky. Chtěli byste váš web nebo aplikaci používat? Nejde však jen o vás; zjistěte si skutečnou zpětnou vazbu od skutečných uživatelů. Ti vám ukáží bolestivá místa, na která jste ani nepomysleli.

2.Čímse liší návrh zaměřený na uživatele od pouhého "přemýšlení o uživateli"? Hmm....well, "přemýšlení o uživateli" zní jednoduše, ale UCD jde hlouběji. Nejde jen o nějakou vágní myšlenku typu "Aha, měl bych se starat o své uživatele". Je to jako, dobře, pojďme s nimi mluvit, testovat věci, opravovat věci na základě jejich potřeb. UCD je o podniknutí skutečných kroků, ne jen o dobrých úmyslech.

3. Jak mohu aplikovat UCD, když pracuji s malým týmem? Dobrá zpráva, malé týmy to mohou ve skutečnosti usnadnit. Nepotřebujete velký tým, abyste mohli začít s UCD. Stačí pochopit, kdo jsou vaši uživatelé, shromáždit zpětnou vazbu a být dostatečně flexibilní, abyste mohli provádět úpravy. Je docela fajn, když můžete rychle iterovat, ne? Nemusíte čekat na spoustu schválení, abyste mohli provést vylepšení.

4. Může mi UCD skutečně ušetřit peníze na budoucí redesign? Může se zdát, že je to více práce na začátku, ale ano, UCD vám může z dlouhodobého hlediska ušetřit peníze. Včasné zachycení potenciálních problémů, dokonce ještě před spuštěním, je mnohem levnější než jejich následná oprava. Příliš často jsme viděli, že společnosti později řeší problémy a stojí to mnohem víc. Takže se to rozhodně vyplatí.

5.Jakýje nejjednodušší způsob, jak začlenit UCD do stávajícího webu nebo aplikace?Upřímně řečeno, nemusíte dělat kompletní přepracování. Začněte v malém, třeba s konkrétní funkcí nebo částí webu, která je pro uživatele trochu složitá. Vylaďte ji, otestujte, získejte zpětnou vazbu a pak pokračujte ve zlepšování. Je to něco jako pomalé vylepšování automobilu místo vytrhávání celého motoru. Neustálý pokrok.

6. Jak UCD zlepšuje přístupnost pro uživatele se zdravotním postižením? Přístupnost je jednou z těch věcí, které se často přehlížejí, dokud se s nimi nemusíte potýkat. UCD však zajišťuje, aby byla zapracována od samého začátku. Není to jako pozdější doplněk. Když navrhujete s ohledem na přístupnost, zajistíte, že váš web nebo aplikaci může používat každý, včetně lidí s postižením. Navíc splníte zákonné normy, což je důležité.