Placeholdery vs. popisky: A/B test

Dvě varianty testované v rámci A/B.

Jednou větou: A/B test nám ukázal, že umístění popisků nad hledací pole, byť je to po stránce designu méně elegantní, přináší více konverzí než umístění textu v placeholderech.

Re-design nové titulky Jobs.cz byl u nás v posledních dvou měsících velké téma. Snažili jsme se to nepodcenit, hodně jsme diskutovali a načítali. Jednou z diskutovaných otázek bylo i zda pro hlavní vyhledávání umístit popisky přímo do polí formou placeholderů. Otázku vyvolal nedávný článek na NN Group.

Dvě varianty testované v rámci A/B.

Obě testované varianty, vlevo aktuální titulka

První prototyp, UX-ově produktový, počítal s popisky. Následující grafický návrh už to přetavil do placeholderů a my jsme vzhledem k blížícímu se termínu jeli podle návrhu.

Co se ale nestalo, první analýza čísel nám ukázala, že hlavní hledací pole nejsou na nové titulce zdaleka tak viditelná, jak jsme si mysleli. Jednak jsme do návrhu už asi moc dlouho koukali a druhak se zřejmě projevila výrazná fotka v hlavičce. V UX testování se to neprojevilo.

Nu což, jde o business, museli jsme to řešit. Udělali jsme A/B test, kde jsme pouze vypsali popisky nad hledací pole. Použili jsme Visual Web Optimizer a pustili na 10 % návštěv. Výsledek byl jasný po třech dnech. Verze s popiskami měla o 17 % lepší konverze, v tomto případě využití hlavních polí k hledání vůči ostatním odkazům na stránce.

Graf s výsledky AB testu ve VWO.

Oranžově stávající verze, modře verze s popisky

Potvrdili jsme tedy závěry NNG a dali zapravdu našemu kolegovi Milanu Krylovi, který byl od začátku proponentem tohoto řešení. V dohledné době umístíme popisky nad hledací pole a po skončení probíhající kampaně počátkem prosince nasadíme novou hlavičku, kde bude kladen vyšší důraz na hledání.

PS. A/B testy obvykle pouštíme na doporučovanou dobu jednoho týdne kvůli reprezentativnosti. Tentokrát jsme museli vypnout dříve kvůli tomu, že nám kód testu rozbil jinou část rozhraní. Další náklady směrem k testování jsme vzhledem k výsledkům nevynakládali. Výsledky po třech a půl dne jsou výrazné a stačí.

Za postřehy děkuji Petru Havlíkovi.

Mobile first, aneb jak přesvědčit ostatní, že Váš návrh stránky je to pravé?

_NWJ3733-Edit

Každý návrhář webu se při své práci dříve nebo později dostane do fáze, kdy musí přesvědčit klienta, že jeho návrh je to pravé ořechové. Jako argumenty mohou posloužit výsledky uživatelských testování, analýzy chování současných uživatelů, best practices a další.

Tak jako tak ale klient jednoduše chce stránku vidět, osahat si jí. A v tu chvíli přichází na řadu spousty vysvětlování, co kde na stránce je, proč je to právě tam a ne jinde, jak by měli uživatelé stránku používat …

A tady mám pro vás vyzkoušený tip! U nás v LMC ukazujeme vždy jako první mobilní verzi stránky. “Mobile first” totiž není jen skvělý postup pro návrh, ale i pro prezentaci své práce a přesvědčení klienta.

Jednoduše nechte klienta projít si Váš návrh přímo v jeho mobilu.

V mobilu se krásně soustředíte na priority stránky, to nejdůležitější je nahoře, to nejméně podstatné dole. Nic víc neřešíte! Je to podobné, jako kdybyste procházeli seznam priorit, ale navíc s tím “sfouknete” i design stránky.

Jakmile má klient toto “nastavení” v hlavě, ukažte mu desktop. Uvidíte, že připomínky, na které jste zvyklí, jsou pryč. Pokud na desktopu dodržíte priority, bude klient řešit už jen jestli se mu web líbí nebo ne.

A navíc, ukazovat Váš návrh v telefonu je přeci sexy :-)