Zapojte uživatele do návrhu webu

Tomáš Ludvík

Představení

● Webdesigner

• Webové aplikace

• Mobilní aplikace

● UX specialista

• Tvorba obchodně úspěšných webů

• Uživatelský výzkum

• Internetový marketing

• Vzdělávací činnost

• UX divize Dobrého webu

• Člen mezinárodní aliance UX agentur

• Přes 500 specialistů ve 30 zemích světa

• Sdílíme a využíváme know-how

A co vy?

Obsah

● Co je UX?

● Uživatelský výzkum

● Metody

Co je UX?

● Česky “uživatelský prožitek”

● Vjemy a výsledné reakce vznikající na základě použití produktu, systému nebo služby.

Co je User Experience Design?

Proces návrhu webu (UXD)

Uživatelský výzkum

Kdy jste naposledy dělali výzkum?

Jak nejlépe poznáte své uživatele?

• Pomocí dotazníků a rozhovorů

• Skrze výstupy analytických nástrojů

• Testováním návrhů

• Nezávislým pozorováním

Kvalitativní vs. kvantitativní

Proces UXD a metody výzkumu

Discover Define Design (IA, UI, ID) Evaluate/Evolve

• Dotazníky• Rozhovory• Focus group• Uživatelské testování

použitelnosti webu• Webová analytika

• Persony• Customer

journey

• Card sorting • Treejack• Design Workshop

• Uživatelské testování použitelnosti prototypu

• A/B testování• Eyetracking• Webová analytika

Kontinuální proces UXD

Rozhovory

Jak jste si vybírala svoji ledničku?

Jaký problém klientovi vyřeší

● Potřebuji poznat své uživatele

● Odpověď na otázku „jací jsou“

Co zjistíme

● Motivace

● Potřeby

● Očekávání

● Zkušenosti

● Názory

Jak to probíhá?

● Individuální moderované sezení v labu

● Moderátor rozvíjí hlavní témata

● 8—10 lidí za každou cílovku

Výstup

● Sledování v pozorovací místnosti

● Poznatky ke každé cílové skupině

● Profily uživatelů nebo persony

Kontextové šetření

● Individuální moderované sezení v přirozeném prostředí uživatele – doma, v kanceláři

● Chci vědět, jak a proč lidé pracují s mým systémem

● Výstup• Scénáře užití (use-casy)

• Poznatky o chování uživatelů

• Fotky prostředí

• Profily uživatelů nebo persony

Focus group

Jaký by měl být ideální parfém?

Jaký problém klientovi vyřeší

● Chci získat názor uživatelů na nějaký můj nápad

● Potřebuji získat nápady, jak řešit nějaký problém

Co zjistíme

● Co si lidé myslí o nějakém tématu či nápadu

● Jaké mají nápady na řešení nějakého problému

Realizace

● Hromadné moderované sezení v labu

● Moderátor postupně přednáší témata a respondenti se k nim vyjadřují

● Velkou roli hraje skupinová dynamika

● 4—10 uživatelů za cílovou skupinu

Výstup

● Odpovědi respondentů na otázky

Nevýhody

● Nelze poznat jednoho člověka do hloubky

● Nelze sledovat, jak pracuje se systémem

● Chybí kontext

● Pro uživatelský výzkum nevhodné

Uživatelské testování

Ukažte nám, jak si vybíráte a objednáváte

školení

Jaký problém klientovi vyřeší

● Chci zlepšit použitelnost systému

Co zjistíme

● Odhalíme chyby v použitelnosti systému

● Zjistíme, jak uživatelé postupují při řešení problémů

● Vhodné i pro testování interaktivních prototypů

● http://www.lupa.cz/clanky/uzivatelske-testovani-navrhu-webu/

Jak to probíhá?

● Hypotézy

● Nábor respondentů

● Scénář

● Moderované uživatelské testování

● Výsledná zpráva a prezentace výsledků

Jak probíhá testování?

● Individuální moderované sezení v labu

● Moderátor dává respondentovi úkoly a sleduje, jak je plní

● Během plnění úkolů klade doplňující dotazy a získává tak vhled do chápání respondenta

● Respondent nahlas přemýšlí

● 6 lidí za cílovou skupinu

Výstup

● Sledování v pozorovací místnosti

● Report se soupisem odhalených chyb v použitelnosti a doporučením řešení

● Prezentace reportu u klienta

● Záznamy sezení

Pozorování v přímém přenosu

Respondenti

Card sorting

Kam by to tak mohlo patřit?

Jaký problém klientovi vyřeší

● Chci vědět, jak by lidé uspořádali obsah webu, který chystám

Co zjistíme

● Do jakých skupin by lidé obsah roztřídili

● Zda lidé rozumí názvům a co pod nimi očekávají

Jak to probíhá?

● Individuální moderované sezení v labu

● Otevřené – lidé vytváří libovolné kategorie

● Uzavřené – lidé třídí obsah do daných kategorií

● 6—8 respondentů za cílovou skupinu

Výstup

● Seznam skupin, do kterých lidé obsah třídili nejčastěji

● Komentář k tomu, co pod skupinami lidé očekávali

● Poznatky o tom, kterým pojmům lidé nerozuměli

Kvantitativní Card sorting

● Online přes nástroj Optimalsort

● Otevřené – lidé vytváří libovolné kategorie

● Uzavřené – lidé třídí obsah do daných kategorií

● Cca 50 respondentů na cílovku

● Výstup

• Seznam skupin, do kterých lidé obsah třídili nejčastěji

• Demo

Testování struktury - Treejack

Jaký problém klientovi vyřeší

● Chci ověřit, zda se lidé vyznají ve struktuře mého webu

Co zjistíme

● Ověříme, zda lidé najdou správnou cestu k vyřešení definovaných problémů

● Zjistíme, které položky struktury lidi odvádějí na špatnou cestu

Jak to probíhá?

● Definujeme otázky, které chceme testem ověřit

● Sestavíme testovací otázky

● Vytvoříme v Treejacku test

● Přes Webvýzkum test pošleme respondentům

● Cca 50 respondentů na cílovku

● Demo respondent

Výstup

● Vizualizace cest respondentů strukturou

● Identifikace matoucích míst ve struktuře

● Demo výsledky

Design Studio - workshop

Jaký problém klientovi vyřeší

● Vygenerovat velké množství nápadů v rychlém sledu, ne za méně než 3 hodiny a ne více než 10 hodin.

● Dát myšlenkám a nápadům jasnou formu, nad kterou je možné diskutovat

● Porozumět základním věcem, příležitostem a vyjasnit si problematická místa

Co získáme

● Díky kolaborativnímu sezení vytvořit solidní návrhy

Jak to probíhá?

● Hromadné moderované sezení

● Moderátor představí metodu, cíle workshopu a cílovou skupinu

● Respondent kreslí 8 minut sám,

● Pak proběhne týmová prezentace (každý 3 minuty)

● Opakuje se 2x

● Poté 2 týmové iterace a prezentace všech ýmů

● Alespoň 15 účastníků (skupinky po 4)

Výstup

● Velké množství nápadů a jejich postup zlepšování

● Dobrý podklad pro návrh uživatelského rozhraní

Otázky?

Děkuji za pozornost

Tomáš LudvíkHead of User Experience