Prečo je dizajn zameraný na používateľa kľúčový pri vývoji webových stránok a aplikácií

Úvod

Termín User-Centered Design (UCD) už pravdepodobne poznáte. Je to jedna z tých fráz, ktoré sa objavujú všade na webe a vo svete vývoja aplikácií.

Ak ste pracovali s firmou zaoberajúcou sa vývojom webových stránok alebo ste súčasťou služby vývoja webových stránok, určite ste o ňom počuli - možno dokonca niekoľkokrát.

Ale úprimne, pozastavíme sa vždy nad tým, prečo je to také dôležité? Pretože sa takmer vždy predpokladá, že musíme navrhovať s ohľadom na používateľa, však? No je v tom viac než len chytľavá fráza.

Keď vytvárate niečo pre ľudí, či už je to webová stránka alebo aplikácia, musí to byť použiteľné. Znie to ako samozrejmosť, ale je šialené, koľko návrhov na tento základný fakt zabúda.

Viac ako o pekné rozhranie alebo cool funkciu, ktorá zaujme na päť minút, ide o vytvorenie zážitku, ktorý skutočne dáva zmysel a funguje pre ľudí, ktorí ho používajú. A práve tu prichádza na rad dizajn zameraný na používateľa.

Zásady dizajnu zameraného na používateľa

Ak chcete pochopiť UCD, musíte začať od základov. Je to viac než len "premýšľanie o používateľovi". Ide skôr o uplatňovanie skutočných princípov, ktorými sa riadi každé rozhodnutie o dizajne. Poďme si ich rozobrať:

1. Súlad medzi systémom a reálnym svetom

Tak trochu zrejmé, ale boli by ste prekvapení, ako často sa to prehliada. Používatelia očakávajú určité veci, a to znamená, že dizajn by mal byť známy.

Napríklad, ak niekto niečo kupuje online, nemusíte vynaliezať nákupný košík. V tomto bode je akoby zakorenený v našich mysliach, však? Kľúčové je teda uistiť sa, že váš dizajn je v súlade s tým, ako funguje skutočný svet.

Ak váš projekt tvorby webových stránok v Austrálii zahŕňa aj stránku elektronického obchodu, no, jednoducho sa držte jednoduchosti. Netreba to komplikovať bizarnými ikonami. Ľudia jednoducho potrebujú vedieť, kde majú kliknúť, aby si niečo kúpili.

2. Kontrola používateľa a sloboda

Použili ste niekedy aplikáciu, na niečo klikli a pomysleli si: "Počkajte, to nebolo to, čo som chcel"? Áno, aj my. Je to frustrujúce.

Používatelia potrebujú mať pocit, že majú kontrolu, že sa môžu vrátiť späť, ak urobia chybu. A nejde len o tlačidlá na vrátenie chyby (aj keď tie sú skvelé). Je to o navrhovaní toku, ktorý ich neuzatvára do seba.

Ak ste niekedy boli na webovej stránke, kde ste sa cítili uväznení vo formulári alebo procese, pravdepodobne ste ho nedokončili, však? Myslím, že väčšina ľudí by to neurobila. Takže áno, sloboda vrátiť sa späť je v UCD dosť podstatná.

3. Konzistentnosť a normy

Tu to začína byť trochu zložitejšie. Dôslednosť je veľmi dôležitá, ale to neznamená, že musíte nasledovať všetky trendy. Ľudia očakávajú určité správanie a vzory, ako napríklad tlačidlo späť alebo vyhľadávací panel.

Keď spolupracujete s najlepšou spoločnosťou na vývoj webových stránok, zistíte, že to chápu. Pokiaľ ide o základné rozvrhnutie, nie je potrebné znovu vynaliezať koleso. Je ľahké chcieť byť "iný", ale niekedy je pre používateľa lepšie držať sa bežných konvencií.

4. Prevencia a obnova chýb

Dobre, buďme na chvíľu realisti. Všetci sme už niekedy urobili chybu online, či už ide o nesprávne vyplnenie formulára alebo nesprávne kliknutie na niečo.

Ak používatelia urobia chybu, dizajn by ju mal zachytiť alebo im aspoň umožniť, aby ju ľahko opravili. Napríklad pri zadávaní údajov o kreditnej karte by sa na dobrej webovej stránke mohlo hneď zobraziť, či došlo k chybe, aby ste nestrácali čas tým, že sa dostanete až na koniec, len aby ste si uvedomili, že ste vynechali písmeno v adrese alebo niečo podobné.

Okrem toho je kľúčové, aby chybové hlásenia boli priateľské a neboli "odsudzujúce". Nikto nemá rád, keď mu niekto povie, že niečo pokazil, ako keby bol idiot.

5. Skôr rozpoznávanie ako pripomínanie

Toto je o tom, aby boli veci jednoduché.

Nenúťte používateľov, aby si museli pamätať, čo majú robiť ďalej. Ak napríklad vytvárate stránku pre službu tvorby webových stránok, nežiadajte od používateľov, aby si vybavili adresu vašej spoločnosti alebo iné údaje. Namiesto toho ich jasne zobrazte tam, kde to má zmysel.

Čím jednoduchšie a prehľadnejšie to urobíte, tým menej musí používateľ rozmýšľať.

6. Flexibilita a efektívnosť používania

Nie každý je rovnaký.

Niektorí používatelia uprednostňujú skratky. Niektorí sa radi preklikávajú cez ponuky. UCD by malo umožňovať oboje. Ak teda napríklad navrhujete mobilnú aplikáciu, zvážte, ako môžu pokročilí používatelia chcieť rýchlejšie spôsoby navigácie.

Myslite na to ako na rozhranie, ktoré sa dokáže prispôsobiť rôznym úrovniam zručností.

7. Viditeľnosť stavu systému

Som si celkom istý, že ste už určite niekedy klikli na tlačidlo "odoslať" vo formulári alebo čakali na načítanie stránky a potom ste sa len pozerali na obrazovku a premýšľali, či to skutočne prešlo. Super otravné, však? Práve preto je viditeľnosť super dôležitá.

Ak na pozadí prebieha nejaký proces, dajte o tom používateľom vedieť. Malý ukazovateľ priebehu alebo správa "ďakujeme za trpezlivosť" môžu byť veľmi užitočné.

Kľúčové rozdiely medzi modelmi UCD a tradičným dizajnom

Je ľahké zaujať tým, "čo je nové" vo svete dizajnu, ale je tu jedna vec: UCD nie je úplne nové. Je to len inteligentný spôsob prístupu k dizajnu.

Tradičné modely dizajnu, ako napríklad vodopádový prístup, začínajú z úplne iného miesta. V nich sa zvyčajne kladie dôraz predovšetkým na funkčnosť. Vytvorte systém a až potom sa starajte o používateľa. To však môže viesť k problémom.

Uprednostňovanie funkčnosti pred potrebami používateľov

Pri tradičnom návrhu sa všetko točí okolo produktu. Aké funkcie chce firma? Čo funguje pre systém?

Pri UCD sa to však obracia naruby. Na prvom mieste je používateľ. Premýšľate o jeho potrebách, o tom, aké problémy potrebuje vyriešiť, a potom pracujete smerom dozadu.

Príklady z reálneho sveta, ktoré zvýrazňujú tento kontrast

Dobre, vezmime si reálny príklad. Predstavte si webovú stránku zo starej školy, ktorá je preplnená informáciami.

Austrálska spoločnosť zaoberajúca sa vývojom webových stránok, ktorá ju vytvorila, si možno pomyslela: "Hej, nech je všetko dostupné na domovskej stránke." Ale pre používateľa? Je to jednoducho ohromujúce.

Tím zameraný na UCD by to rozdelil na stráviteľnejšie časti, vďaka čomu by ste ľahko našli to, čo potrebujete.

Vodopádový prístup vs. prístup UCD

Tradičný vodopádový vývoj je ako jednosmerná ulica - začínate na začiatku a jednoducho pokračujete ďalej.

Pri UCD je to však skôr kľukatá cesta. Budujete, testujete, získavate spätnú väzbu a iterujete. Je flexibilný.

A iste, niekedy sa môže zdať, že je to trochu chaotické, ale myslím si, že práve v tom je jeho krása. Neustále sa prispôsobujete, aby bol používateľský zážitok čo najplynulejší.

Prečo je UCD základom moderného vývoja webových stránok a aplikácií

Dobre, chvíľu sme sa rozplývali, ale vydržte s nami. Existuje dôvod, prečo je UCD v dnešnom prostredí vývoja taká dôležitá.

Lepšia použiteľnosť a prístupnosť

Po poriadku: Ak sa vaša aplikácia alebo stránka ťažko používa, ľudia ju opustia. Je to tak jednoduché.

UCD zabezpečuje, že premýšľate o tom, ako používatelia interagujú s vaším produktom. A to neznamená len použiteľnosť pre ľudí, ktorí si rozumejú s technikou.

UCD sa zameriava aj na prístupnosť, aby bol váš produkt použiteľný pre každého vrátane osôb so zdravotným postihnutím.

Zvýšená spokojnosť a lojalita zákazníkov

Všetci sme už niekedy používali aplikáciu alebo webovú stránku, ktorá bola jednoducho správna - plynulá, intuitívna a tak jednoducho sa používala. V tom spočíva čaro UCD.

Keď majú používatelia pocit, že môžu vstúpiť, urobiť to, čo potrebujú, a odísť bez frustrácie, je pravdepodobnejšie, že zostanú. A povedzme si úprimne, verného zákazníka je oveľa ľahšie udržať ako nového.

Vyššia miera konverzie a udržania

Keď je webová lokalita alebo aplikácia navrhnutá s ohľadom na používateľa, zvyšuje sa šanca, že dokončí úlohu (napríklad uskutoční nákup).

Ak spolupracujete s agentúrou pre elektronický obchod SEO, povie vám, že ľahko ovládateľná a dobre navrhnutá platforma vedie k vyššej miere konverzie.

Viac používateľov dokončí nákupný proces, pretože sa nezaseknú niekde na ceste.

Zníženie nákladov na vývoj a redizajn

Je lákavé myslieť si, že dizajn zameraný na používateľa stojí viac, ale z dlhodobého hľadiska vám v skutočnosti ušetrí peniaze.

Prečo?

Pretože testujete, získavate spätnú väzbu a robíte úpravy už na začiatku, čo znamená menej nákladných redizajnov neskôr.

V skutočnosti sa niektoré z najlepších služieb vývoja webových stránok spoliehajú na UCD práve preto, že minimalizujú potrebu nekonečných revízií v budúcnosti.

Proces UCD: UCD: prehľad krok za krokom

Znie to ako veľa, však? Ale keď si ho osvojíte, proces UCD je celkom jednoduchý.

a. Výskum používateľov a tvorba persónVšetko sa začína pochopením vášho publika. Chcete sa s nimi porozprávať, urobiť prieskum a v podstate zistiť, kto sú a čo chcú.

b. Zhromažďovanie požiadaviek z pohľadu používateľovKeď viete, kto sú vaši používatelia, zhromažďujete požiadavky. Nie z obchodnej stránky, ale z ich pohľadu. Čo potrebujú? Aké sú ich bolestivé body?

c. Idealizácia a skicovaniePotom je čas na brainstorming nápadov. Skicujte veci, pohrajte sa s dizajnom. V tejto fáze ide o to, aby ste zistili, čo by mohlo fungovať.

d. Tvorba prototypu a používateľské testovanieVytvorte prototyp. Aj keď je hrubý, získajte spätnú väzbu od skutočných používateľov. Toto je jeden z najdôležitejších krokov. Ak sa používateľom nepáči, máte čas ho vylepšiť.

e. Iterácia na základe spätnej väzbyVykonajte zmeny na základe spätnej väzby. Nepripútajte sa k svojmu prvému nápadu. Ak používatelia navrhujú zmeny, berte ich vážne.

f. Nasadenie a hodnotenie po spusteníKeď je váš produkt v prevádzke, neodchádzajte len tak. Pokračujte vo vyhodnocovaní toho, ako s ním používatelia komunikujú, a podľa potreby vykonajte úpravy.

Pochopenie potrieb používateľov: Dôležité metódy výskumu

Existuje množstvo spôsobov, ako môžete získať poznatky. Ale nezabudnite: Nie všetky metódy sú rovnaké. Pozrime sa na niekoľko kľúčových:

• Rozhovory, fokusové skupiny a prieskumy: Tieto metódy sú skvelé na získanie podrobnej spätnej väzby priamo od používateľov.

• Mapovanie ciest používateľov a mapy empatie: Tieto nástroje pomáhajú vizualizovať, ako sa používatelia pohybujú po vašom webe alebo aplikácii.

• Triedenie kariet a A/B testovanie: Tieto metódy sú užitočné na usporiadanie informácií a testovanie, ktoré rozloženia alebo obsah fungujú najlepšie.

• Teplotné mapy a analýza používateľov: Tieto nástroje sledujú, kde používatelia klikajú alebo ako sa posúvajú. Sú užitočné najmä pri zlepšovaní používateľského rozhrania.

Úloha persón v UCD

Ak nemáte persóny, ste tak trochu na slepo. Persóny sú reprezentácie vašich cieľových používateľov založené na údajoch. Usmerňujú rozhodnutia a pomáhajú vám sústrediť sa na skutočné potreby, a nie na predpoklady.

UX vs. UI v kontexte UCD

UX je o zážitku, o celkovom pocite z interakcie s vašou stránkou alebo aplikáciou. Používateľské rozhranie sa týka rozhrania, vizuálnych prvkov. UCD berie do úvahy obidva aspekty a zabezpečuje, aby bol zážitok bezproblémový a aby rozhranie tento zážitok podporovalo.

Mobilný a responzívny dizajn s ohľadom na UCD

Ak vaša aplikácia alebo webová stránka nie je optimalizovaná pre mobilné zariadenia, prichádzate o obrovskú časť používateľov. UCD vám pomáha navrhovať s ohľadom na mobilné zariadenia ako prvé a potom sa prispôsobiť pre ostatné zariadenia. Táto flexibilita je kľúčová.

Prístupnosť v UCD

A samozrejme, prístupnosť je neoddiskutovateľná. UCD zaručuje, že váš produkt bude môcť používať každý vrátane ľudí so zdravotným postihnutím. Je to správne a na mnohých miestach sa to aj právne vyžaduje.

Návrh zameraný na používateľa nie je len nejaký módny princíp dizajnu. Je to princíp, ktorý mení pravidlá hry. Bez ohľadu na to, či pracujete s najlepšou firmou na vývoj webových stránok alebo s malým tímom, je rozhodujúci pre vytváranie produktov, ktoré ľudia skutočne chcú používať. Koniec koncov, ak sa to vašim používateľom nebude páčiť, jednoducho odídu, a to nikto nechce.

Často kladené otázky

1. Ako zistím, či je moja webová stránka alebo aplikácia skutočne zameraná na používateľa? Nuž, to je dobrá otázka. Veľa ľudí predpokladá, že to má vyriešené, ale v skutočnosti ide jednoducho o to, aby si kládli správne otázky. Chceli by ste používať vašu stránku alebo aplikáciu? Nie je to však len o vás; získajte skutočnú spätnú väzbu od skutočných používateľov. Ukážu vám bolestivé miesta, na ktoré ste ani nepomysleli.

2.V čomsa návrh zameraný na používateľa líši od obyčajného "premýšľania o používateľovi"? Hmm....well, "premýšľanie o používateľovi" znie jednoducho, ale UCD ide hlbšie. Nie je to len nejaká vágna myšlienka typu "Aha, mal by som sa starať o svojich používateľov". Je to ako, dobre, porozprávajme sa s nimi, testujme veci, opravujme veci na základe ich potrieb. UCD je o podnikaní skutočných krokov, nielen o dobrých úmysloch.

3. Ako môžem uplatňovať UCD, ak pracujem s malým tímom? Dobrá správa, malé tímy to môžu v skutočnosti uľahčiť. Na to, aby ste začali s UCD, nepotrebujete veľký tím. Stačí, ak pochopíte, kto sú vaši používatelia, zozbierate spätnú väzbu a budete dostatočne flexibilní, aby ste mohli robiť úpravy. No je to celkom fajn, keď môžete rýchlo iterovať, však? Nemusíte čakať na množstvo schválení, aby ste mohli vykonať vylepšenia.

4. Môže mi UCD skutočne ušetriť peniaze na budúce redizajny? Môže sa to zdať ako viac práce na začiatku, ale áno, UCD vám môže z dlhodobého hľadiska ušetriť peniaze. Včasné zachytenie potenciálnych problémov, dokonca ešte pred spustením, je oveľa lacnejšie ako ich následná oprava. Príliš veľakrát sme videli, ako sa spoločnosti neskôr potýkajú s problémami, ktoré stoja oveľa viac. Takže sa to určite oplatí.

5.Akýje najjednoduchší spôsob, ako začleniť UCD do existujúcej webovej stránky alebo aplikácie?Úprimne povedané, nemusíte robiť úplnú rekonštrukciu. Začnite v malom, možno s konkrétnou funkciou alebo časťou vašej stránky, ktorá je pre používateľov trochu zložitá. Vylepšite ju, otestujte, získajte spätnú väzbu a potom pokračujte vo vylepšovaní. Je to niečo podobné, ako keď pomaly vylepšujete auto namiesto toho, aby ste vytrhli celý motor. Neustály pokrok.

6. Ako UCD zlepšuje prístupnosť pre používateľov so zdravotným postihnutím? Prístupnosť je jednou z tých vecí, ktoré sa často prehliadajú, kým sa s nimi nemusíte zaoberať. UCD však zabezpečuje, aby bola zapracovaná od začiatku. Nie je to ako dodatok neskôr. Keď navrhujete s ohľadom na prístupnosť, zabezpečíte, aby vaše stránky alebo aplikácie mohli používať všetci vrátane ľudí so zdravotným postihnutím. Navyše splníte právne normy, čo je dôležité.