Tepelné mapy: proč jsou potřebné v mobilních aplikacích a případech použití

Jmenuji se Igor. Vyvíjím analytickou službu UserX UX. Povím vám o praktických případech použití teplotních map pro mobilní aplikace.

Co je teplotní mapa a proč je potřeba

Zcela jednoduše teplotní mapa zobrazuje uživatelská klepnutí na každé obrazovce aplikace. Červená – mnoho dotyků, modrá – málo. Analýza tahů, dlouhých kliknutí, pokusů o přiblížení, více kliknutí (v impulsu k uzavření bloku reklamami) a obecně je zahrnut jakýkoli dotyk obrazovky.

Proč je to ale nutné u taková řada kvantitativních analytických nástrojů?

Analýza informací prezentovaných ve formě tepelné mapy je mnohem snazší než analýza řady číselných dat. Kromě toho můžete vždy pochopit, s čím uživatel aktivněji komunikuje a čemu vůbec nevěnuje pozornost.

Tepelné mapy pomáhají řešit následující úkoly, kterým tým mobilních aplikací čelí:

< ul>

  • zvýšit počet konverzí;
  • zlepšit UX;
  • identifikovat (a opravit) chyby.
  • Příklady použití teplotních map

    Pojďme na zábavnou část – pojďme se podívat na skutečné příklady správného použití a analýzy tepelných map.

    Příklad 1

    V aplikaci online obchodu s oblečením je nutné zvýšit konverzi nákupu. Existuje mnoho zobrazení karet produktů, aktivita uživatelů je vysoká. Ale nákupy (nebo alespoň doplňky do košíku) z tohoto již nebudou. Při analýze obrazovky produktové karty vidíme následující obrázek:

    Můžete vidět, že uživatelé se snažili produkt zkontrolovat před nákupem . První věc, kterou udělali, bylo klepnutí na fotografii pro její zvětšení. Vystačili si ale pouze s několika malými fotkami.

    Nebylo třeba hledat řešení – již to navrhli sami uživatelé. Přidání možnosti otevřít a podrobně prozkoumat každou fotografii produktu před zakoupením mělo příznivý vliv na chování uživatele: produkty se začaly do košíku přidávat častěji, zároveň se zvýšila konverze k nákupu.

    < h3> Příklad 2

    Sinusová vlna pohodlí finančních aplikací má tendenci se pohybovat mezi vynikajícími a nechutnými. Navíc, kolik lidí – tolik názorů. Existují však podobné situace, které se často vyskytují v podobných aplikacích. Zvažte živý příklad obrazovky pro doplnění zůstatku/karty.

    Pole pro zadání platby je označeno malou šedou barvou písmena, čísla (jmenovitě jejich osoba hledící letmým pohledem) – velká a jasná. Po použití filtru „ rage taps ”Je zřejmé, že mnoho uživatelů se pokouší opakovaně klikat na pole s čísly a očekává, že zde zadají částku. Ale nic se neděje (množství doplnění se zadává do jiného pole).

    Samozřejmě nakonec uhodnou, že je třeba kliknout někam jinam. A je nepravděpodobné, že by někdo kvůli takové maličkosti z aplikace „odpadl“. Ale z takových maličkostí se utvoří obecný dojem pohodlí. A příště, pokud budou všechny ostatní věci stejné, uživatel zvolí pohodlnější aplikaci.

    Řešení v tomto příkladu je jednoduché, dokonce velmi – aktivujte vstup stisknutím množství nebo jasněji zvýrazněte vstup pole.

    Příklad 3

    Pokud jste někdy lokalizovali aplikaci v jiných jazycích, pravděpodobně jste si všimli, že délka slov/frází v různých jazycích může být velmi odlišná. Po příklady nemusíte chodit daleko: jednoduché „přihlášení“ se rychle změní v těžkopádný „registr“. A existuje mnoho takových příkladů.

    Souhlasíte, že není vždy možné po překladu zkontrolovat, zda se celé rozhraní zobrazuje správně. Vždy však můžete použít teplotní mapu, která zobrazí všechny možné možnosti zobrazení rozhraní pro skutečné uživatele. A pokud se vyskytnou problémy, okamžitě je uvidíte a můžete je opravit.

    Příklad 4

    Tepelná mapa může mimo jiné pomoci s testováním aplikací.

    Zde je příklad: projektový tým po poslední aktualizaci zaznamená na zařízeních Android prudký pokles registrací (o 5%). Tester hlásí, že je vše v pořádku. S pomocí analytiky se ukázalo, že registrace spadly na určitý typ zařízení (testeři takové zařízení samozřejmě nemají).

    Nečekaně pomáhá teplotní mapa. Zjistí, že nastal problém s rozvržením, a na některých zařízeních prostě chybí registrační tlačítko.

    Co s tím mají tepelné mapy? Je to velmi jednoduché: v rámci tohoto nástroje můžete vidět, jak se aplikace zobrazuje na jakémkoli skutečném zařízení.

    Výstup

    Někdo řekne, že ve všech příkladech to bylo možné udělat bez použití tepelných map. A bude mít pravdu.

    Otázkou je, kolik času při tom budete muset utratit (přijít o peníze)? Několik týdnů na hledání nebo jedna hodina na práci s teplotními mapami?

    Každý si vybere podle různých faktorů. Nezanedbávejte ale nástroje, které vám mohou hodně usnadnit práci.

    Sledujte své přátele z Facebooku. Zeptejte se na mobilní UX analytiku s UserX.

    Máte zájem o podobný design?

    Další práce

    Objednávka designu

    Naše portfolio obsahuje stovky projektů: interiérový design, webové stránky, reklamní kampaně, loga, corporate identity. Každý úkol řešíme smysluplně, elegantně a krásně.

    Abychom mohli začít, musíme si promluvit. Stačí něco říct o vašem projektu, nechat kontakty a my Vás budeme kontaktovat, abychom vše probrali.