Clickable Prototype experiment

Tomáš Veselý - podpořen AI
9. 6.
Minut čtení: 4

Tvoříme obsáhlou knihovnu znalostí o produktovém vývoji jako součást naší mise. Knihovna slouží všem, kteří se snaží zlepšit v rozhodování, primárně v rozhodování o dalším rozvoji produktu. Ať už jsi vynálezce, produktový manažer nebo Chief Product Officer, používání určitých výzkumných metod a experimentů zvyšuje šanci na vytvoření správných produktů a jejich funkcí pro správné publikum (build the right thing for right audience). Dnes si představíme klikací prototyp (anglicky clickable prototype) validační metodu.

Kdy experiment použít?

Klikací prototyp je vhodný ve chvíli, kdy už existuje představa o tom, jak má produkt vypadat a fungovat, a je třeba ověřit, zda se v něm uživatel zorientuje, ještě než se napíše jediný řádek produkčního kódu (pro software produkty).

Je známá hrubá struktura obrazovek prototypu například v podobě wireframes.
Je potřeba ověřit průchod konkrétním úkolem napříč více obrazovkami, ne jen jednu statickou obrazovku.
Cílem je testovat navigaci, tok a vizuální dojem zároveň.

Základní princip experimentu

Podstatou metody je propojit jednotlivé obrazovky návrhu do prostředí, které se chová jako živý produkt — uživatel klikne na tlačítko nebo provede gesto a dostane se na další obrazovku. Tím se dá realisticky odsledovat, jak člověk plní zadaný úkol.

Definovat cíl testu. Stanovit, jaký předpoklad se ověřuje a jaký úkol má uživatel splnit (například „dokončit objednávku").
Připravit obrazovky. Vytvořit klíčové obrazovky pro daný úkol ve finálním designu , se skutečným obsahem místo výplňového textu, aby testující vnímali reálný tok produktu a informací. Často prototypujeme jen jednu uživatelskou cestu.
Propojit obrazovky. Nadefinovat a spojit klikací oblasti tak, aby jeden krok logicky vedl k dalšímu a vznikl souvislý průchod celým úkolem.
Doručit test uživatelům. Zadat 5 až 8 lidem z cílové skupiny konkrétní úkol a nechat je prototyp procházet samostatně. Vhodné je prototyp příliš neuhlazovat, když vypadá až moc hotově, lidé se zdráhají poskytnout kritiku.
Sbírat data. Sledovat čas potřebný k dokončení úkolu, odchylku od ideální cesty navržené produktovým týmem, kvalitativní zpětnou vazbu včetně reakcí uživatele. Rozhodovací signál: pokud většina testujících dokončí úkol samostatně, optimální cestou a bez zaváhání, je návrh připravený k vývoji; opakované sejití z cesty nebo zmatek na stejném místě naopak ukazují konkrétní díl k přepracování. Pozor na to, že lidé často říkají něco jiného, než dělají. Rozhoduje chování, ne deklarovaná preference.
Identifikace rizik. Metoda neověří technickou ani výkonovou stránku řešení. Odpovídá pouze na otázku srozumitelnosti a toku informací, ne na to, zda půjde produkt postavit. Příliš vyleštěný prototyp svádí k falešně pozitivní zpětné vazbě. Malé vzorky dávají směr, ne statistickou jistotu. A tvorba věrného prototypu stojí čas.

Reálná ukázka experimentu

Odkaz na reálný výzkum: Case Study: Iterative Design and Prototype Testing of the NN/g Homepage

Nielsen Norman Group v roce 2018 přepracovávala vlastní domovskou stránku. Od černobílých drátěných modelů tým rychle přešel k vysoce věrným interaktivním prototypům a postupně zužoval řadu vizuálních variant.

Testování proběhlo ve třech kolech s novými i vracejícími se uživateli, na počítači i na mobilu, a zpětná vazba se třídila do čtyř témat: text, architektura, rozvržení a vizuální styl. Nejsilnější zjištění přišlo z přímého porovnání dvou rozvržení článků: lidé tvrdili, že se jim líbí mřížka ze čtverců, ale jakmile dostali na výběr i seznam, jednomyslně sáhli po něm. Rozhodlo chování, ne deklarovaná preference.

Klíčový dopad metody byl v poměru nákladů a poznání: díky úpravám přímo během testování tým získal víc poznatků za kratší čas a soustředil úsilí jen na rozvržení s nejlepší odezvou — vše ještě před napsáním jediného řádku produkčního kódu, kdy je oprava nejlevnější. Výsledný návrh tak stál na skutečném chování uživatelů, nikoli na domněnkách, a nasazoval se postupně, stránku po stránce.

Co vše se dá experimentem testovat?

Hlavní síla klikacího prototypu spočívá v tom, že odhalí problémy s orientací a tokem informací v produktu.

Navigace a informační architektura: zda uživatel najde danou funkci a pochopí, jak se mezi obrazovkami pohybovat; signálem je nalezení cíle bez tápání.
Dokončení úkolu (task flow): zda uživatel projde celým scénářem od začátku do konce bez uváznutí; signálem je dokončení optimální cesty v rozumném čase.
Srozumitelnost interaktivních prvků: zda jsou tlačítka, formuláře a odkazy intuitivní; signálem je správný první klik bez vysvětlování.
Preference vizuálních variant: kterou ze souběžně testovaných verzí lidé reálně používají, ne kterou deklarují; signálem je chování, které se rozchází s vysloveným názorem.
Proveditelnost a srozumitelnost konceptu před vývojem: zda řešení dává uživateli smysl natolik, že se vyplatí ho postavit; signálem je shoda chování s předpokladem zapsaným v experimentním listu.
Onboarding a první dojem: zda nový uživatel pochopí hodnotu produktu během prvních obrazovek; signálem je dokončení onboardingu bez přeskakování a správné pojmenování toho, k čemu produkt slouží.
Srozumitelnost terminologie a popisků: zda labely, názvy sekcí a tlačítek odpovídají slovníku uživatele; signálem je, že lidé klikají na správné místo, aniž by hádali význam.
Priorita a viditelnost prvků: zda si uživatel všimne klíčové akce nebo nabídky na obrazovce; signálem je, že na ni padne pohled i klik bez navádění.
Důvěryhodnost a vnímaná kvalita: zda návrh působí dostatečně profesionálně a bezpečně (např. u plateb); signálem je ochota pokračovat v citlivém kroku bez váhání.
Hodnota konkrétní funkce vs. šum: zda lidé danou funkci vůbec hledají a používají, nebo ji ignorují; signálem je spontánní interakce bez upozornění facilitátora.
Ochota dokončit konverzní krok: zda uživatel projde až k závěrečné akci (registrace, objednávka); signálem je dotažení scénáře do konce bez odpadnutí na formuláři.