Přátelé jako skvělá zpětná vazba u tvorby webu

eshop-helvetiOpravdu dlouho jsme připravovali nový eshop Helveti.cz a i ve chvíli, kdy jsme jej slavnostně spouštěli (8.10.2014) měl spoustu chyb a chybek. Protože jsme s ním ale byli denně ve styku, hodně věcí nám unikalo, připadalo samozřejmých, atd. Bylo zapotřebí názoru nezaujatých lidí. Jelikož mám to štěstí, že mí přátele jsou z oboru, tak nebylo nic jednoduššího, než je o krátkou prohlídku webu požádat a poprosit o sepsání dojmů a pocitů.

A crowdsourcing zafungoval! 

Sešlo se nám od 13 lidí více než 80 unikátních připomínek a z toho 15 závažných. A to se vyplatí :)

Nehledě na to, že vás zpětná vazba příjemně povzbudí a nakopne do další práce. Aspoň v našem případě to tak bylo.

A přitom to bylo tak jednoduché. Potřeboval jsem jenom:

  • Online dokument (Google Docs) *
  • Sepsat svou prosbu tak, aby mě kamarádi hned neposlali k šípku:
    • Představil jsem situaci.
    • Vypsal jsem vše, co nás trápí a víme o tom (aby se nám neduplikovaly připomínky).
    • Pozval jsem pomocníky na slavnostní spuštění (už proběhlo, ale můžeme slavit kdykoliv znovu).
  • Oslovit je skrz FB, Twitter či po emailu.

Celé mi to nezabralo více než půl hodiny práce a výsledky byly k nezaplacení!

Vše se dá určitě řešit více sofistikovaně (uživatelské testování, online dotazníky), ale nám tohle v počáteční fázi posloužilo skvěle.

Ještě jednou všem moc děkuji a třeba to ostatní taky inspiruje. Já na oplátku rád pomůžu vám s hodnocením vašeho projektu.

Jmenovité poděkování patří: Ondřej Kuděla (Blue style), František Odehnal (iUcto.cz), Petr Kováčik (Skrz.cz), Petr Doupal, Marek Opatřil (Vodafone), Jakub Peřich (H1.cz), Martin Vlasák (Skleník-Expert.cz), Jirka Krejčík (Coworking Kolín), Jakub Brabec (rohlik.cz), Jirka Koutný (Collabim), Ondřej Sova (Kofein.cz), Pavel Ungr (PavelUngr.cz) a Veronika Miňovská (Cdn77.com).

Velké díky taky patří programátorům, kteří ten nekonečný seznam chyb a změň neustále zmenšují!

Za celé Helveti díky, díky, díky!

PS: Pořád se můžete zapojit do zpětné vazby k eshopu Helveti.cz (nebo si tam přečíst tipy od ostatních). Online dokument najdete zde.

* Jediný zápor tohoto řešení je absolutní důvěra v lidi, kterým dokument posíláte. Můžou jej totiž jedním šmahem smazat. Sice existuje historie dokumentu, ale i tak by to bylo mrzuté. Nikde jsem také nenašel možnost zamknout určité části dokumentu k editaci. Třeba s tím v Google brzy přijdou.

 

Krátce z uživatelského testování eshopu

Průběh uživatelského testování.

Průběh uživatelského testování. Zdroj: http://www.monkeyshot.be

Máme za sebou uživatelské testování našeho eshopu HodinkyWenger.cz a já vám zde ve zkratce sepíši jeho závěry a naše nabyté zkušenosti.

Obecné závěry

  • Lepší zpětnou vazbu jsme nikde nedostali,
  • není to drahá věc (náklady rozepíši níže),
  • vidět chyby a překážky na webu bolí,
  • zapracování oprav by měla být priorita.

Proč testovat?

Web můžete ukazovat kdekomu, ale nikdy nedocílíte konkrétní a konstruktivní zpětné vazby jako u uživatelského testování. A věřte mi, že nic nepřesvědčí majitele webu k úpravám víc, než sezení se samotným uživatelem, který se snaží web používat. Na vlastní oči tak uvidíte, jaké může mít potenciální zákazník problémy, nebo co je pro něj na první pohled jasné a co téměř nevidí / nechápe.

Steve Krug přirovnává uživatelské testování k cestování rozšiřující zkušenosti: “Připomene Vám, jak odlišní – a přitom stejní – lidé jsou a získáte svěží náhled na věci.” nebo snad ještě výstižněji jako: “Návštěva přátel z jiného města, které když budete provádět po vašem městě, nevyhnutelně uvidíte věci, kterých jste si obvykle nevšímali, protože jste na ně byli zvyklí. A současně si uvědomíte, že spousta věcí, která vám připadají jasné, nemusí být zřejmé všem”.

Tvůrce webu může samotné testování “bolet”, ale musí se přes viditelné problémy přenést a ubránit se svému egu, které bude někde uvnitř křičet “vždyť ten uživatel je jenom neschopný idiot”. Ne není! To jenom vy máte nepoužitelný web, kde není na první pohled jasné, že bez vybrání varianty produktu nejde vložit zboží do košíku (příklad).

A přitom to nestojí moc času ani peněz. Ale pojďme popořadě.

Příprava testování

Co doporučuji před samotným testováním udělat a co by mělo být nejdůležitějším zdrojem.

Nenuťte uživatele přemýšlet - autor Steve Krug

Kniha Nenuťte uživatele přemýšlet od Steva Kruga

  1. Nastudování literatury o tématu
    • Steve Krug a jeho knížka Nenuťte uživatele přemýšlet! + Rocket Surgery Made Easy.
    • Další internetové zdroje.
  2. Promyslet cíl testování.
  3. Definovat cílovou skupinu eshopu.
  4. Sepsat scénáře uživ. testování.

Průběh testování

Jak probíhalo uživatelské testování našeho eshopu v bodech.

  1. Seznámení účastníka s testováním a získání pár informací o něm samotném.
  2. Testování pochopení účelu webu.
  3. Zadání 1. a následně 2. úkolu.
  4. Shrnutí + dojmy z testování.
  5. Vyplacení odměny.

Průměrná doba 1 testování byla 35 minut a celkově jsme web testovali s 8 uživateli (5 mužů a 3 ženy).

Účastníci byli na konci příjemně překvapeni, že celé testování bylo vlastně fajn a prvotní strach byl zbytečný. U některých byly ze začátku cítit rozpaky ze záznamu hlasu a obrazu, ale ty v průběhu vyprchaly.

Náklady uživatelského testování*

  • 8 účastníků testování: 100 Kč / osobu (zvlášť děkuji všem, kteří to dělali “pro dobrou věc” zadarmo)
  • 2×2 člověkodny – čas koordinátora testování + zapisovatel.
  • 1 člověkoden – čas spojený s vhodnocováním.
  • Software pro záznam obrazovky a zvuku (Camtasia – 30 denní trial verze zdarma postačí).
  • Nájem kanceláře na 2 dny.
  • Malé občerstvení pro účastníky: 350 Kč.
  • = celkem cca 6000 Kč

* Do nákladů nejsou započítány hodiny související se zaváděním změn a oprav eshopu.

Konkrétní závěry z testování HodinkyWenger.cz

Pro představu sepíši několik palčivých problémů našeho eshopu, které se nám testováním potvrdily nebo jsme na ně díky němu přišli.

  • Tlačítko Zpět (v prohlížeči) v nákupním košíku znovu odešle data z formuláře (obsah košíku se zduplikuje).
  • Slider lidi jenom otravuje a informace v něm nečtou.
  • Lidé nechápou některé položky ve filtrování hodinek.
  • V objednávce často přehlídnou možnost výběru dárku.
  • Ikona karty evokuje platbu kartou (jde o bankovní převod).
  • A dalších 40..

Spoustu problémů jsme znali a potvrdily se, jiné se ukázaly jako naprosto banální, ale místo nich vyvstaly pro nás naprosto nové a přitom zásadní.

Nevěřte všemu!

O každém závěru, který z uživatelského testování vzejde, přemýšlejte a snažte si jej vyložit. Co uživatele k chování vedlo, co by mu mohlo příště pomoct a úplně nejlépe si svou tezi potvrďte dalším uživatelským testováním.

Nyní nás čeká ta méně příjemná část – náprava chyb a přepracování stávajícího řešení k lepší použitelnosti. A že některé věci budou oříšek, to už víme. Zejména kompletní přepracování nákupního procesu, aby tlačítko Zpět v prohlížečí znovu neodesílalo formulář, bude stát hodně práce.

Slavili jsme také úspěch

Slavili jsme také úspěch

Uživatelské testování nám ale ukázalo také spoustu pozitiv. Mezi ty hlavní patří fakt, že všichni účastníci na našem eshopu bez problémů nakoupili, zdál se jim důvěryhodný a přehledný. Po testování hodnotili web kladně a objevené problémy označily jako nedodastečné k tomu, aby jej opustili plní frustrace.

Více jsem se o uživatelském testování rozepsal i ve své diplomové práci: Vývoj e-shopu na redakčním systému WordPress.

Zajímavé zdroje a podklady:

A co jak probíhá uživatelské testování u vás? Testujete své eshopy / weby?