Uživatelský výzkum v návrhu webu

Tomáš Ludvík

Představení

● User Experience designer • Webové stránky • Webové aplikace • Mobilní aplikace

● 11 let v oboru ● Head of UX – Dobrý web

• 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

Obsah

● Co je UX a UCD proces? ● Metody uživatelského výzkumu ● Případová studie MFF UK

Co je User Experience?

● Česky “uživatelský prožitek” ● Soubor technik a způsobů, jak řízeně

ovlivňovat, jaký dojem návštěva vašeho webu v lidech zanechá.

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

Co je User Experience Design?

User Centric Design proces

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

Zapojte se do výzkumu webových stránek a získejte finanční i věcné odměny. Řekněte nám, co si myslíte.

Druhy uživatelského výzkumu

Kvalitativní

Kvantitativní

Kvalitativní výzkum – počet respondentů

Proces UCD a metody uživatelského výzkumu

Uživatelské testování použitelnosti webu

Dotazníky

Rozhovory

Focus group

Webová analytika

Persony

Customer journey

Card sorting

Treejack

Design Studio

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

A/B testování

Eyetracking

Webová analytika

Discover Define Design Evaluate

Vybrané metody uživatelského výzkumu ● Rozhovor ● Focus Group ● Workshop - Design Studio ● Testování struktury

• Card Sorting • Online nástroj Treejack

● Uživatelské testování použitelnosti

Rozhovor

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 ● Uživatelské příběhy

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 ● Nápady na realizaci

Workshop – Design Studio

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í

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

Kvantitativní Card sorting

Online testování struktury

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

Uživatelské testování použitelnosti

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 ● Chci otestovat nový návrh

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ů ● Vytvoření scénáře ● 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 ● Debrief po testování ● 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

Případová studie: Návrh nového webu MFF UK

Postup

Analýza návštěvnosti Workshop Návrh

struktury

Online testování struktury

Návrh interaktivního

prototypu

Uživatelské testování prototypu

Finalizace Interaktivního

prototypu

Workshop s cílovými skupinami (studenti/profesoři) ● Uživatelské scénáře ● Chybějící / zbytečné prvky na webu ● Návrh homepage (Design studio) ● Card sorting (samostatný a týmový) ● Kontext na různých zařízeních ● Cíl: získat nápady a podklady pro strukturu

webu

Uživatelské scénáře

Návrh homepage

Card Sorting

Kontext na různých zařízeních

Návrh struktury

Návrh struktury

Online testování struktury

● Počet úkolů – 35 ● Test spustilo – 1044 účastníků ● Dokončilo – 618 (59%) účastníků ● Úspěšnost splněných úkolů – 75 %

Online testování struktury

Návrh interaktivního prototypu

Návrh interaktivního prototypu

Uživatelské testování prototypu webu v UX laboratoři ● Rozhovor ● Pětisekundový test ● Klik-test obrazovky ● Cíl: otestování struktury a navigace na webu ● Výsledek

• Přehledný • Prvky dobře viditelné • Snadná navigace • Chyba: prvky dobře srozumitelné NE

• Události a akce nejsou zřejmé.

Uživatelské testování prototypu webu v UX laboratoři

Pětisekundový test

Klik-test obrazovky

Výsledky uživatelského testování prototypu webu ● Přehledný ● Prvky dobře viditelné ● Snadná navigace ● Chyba:

• Události a akce nejsou zřejmé, málo srozumitelné

Finalizace interaktivního prototypu – responsive design

Výstupy a přínosy

● Informační struktura webu • Vytvořená cílovou skupinou • Otestovaná kvantitativně • Otestovaná kvalitativně v UX Labu

● Návrh webu • Otestovaný na cílové skupině • Upravený podle zjištěných chyb

Grafika webu

Otázky?

Zapojte se do výzkumu webových stránek a získejte finanční i věcné odměny. Řekněte nám, co si myslíte.

Děkuji za pozornost

Tomáš Ludvík Head of User Experience