UX výzkum a UI/UX audit webu

Dobrý UI/UX design začíná dřív, než někdo otevře Figmu. UI je to, co na obrazovce vidíš, UX to, co u toho zažiješ: jestli víš, kam kliknout. Proto se UX výzkum ptá přímo lidí, kteří tvůj produkt používají. UX a UI webu měříme vedle sebe, UX webu i UX a UI mobilní aplikace zkoumáme zvlášť: u monitoru se lidé chovají jinak než s telefonem v tramvaji.

Od10 000 Kčza projekt

Začít projektZjistit cenu
  • 5uživatelů odhalí asi 80 % problémů
  • 1-2 týd.ke klikacímu prototypu
  • 2 kolapřipomínek v ceně návrhu
  • 0 Kčza změnu, dokud je to návrh

UX výzkum odpoví na jednu otázku: proč lidé z webu odcházejí, aniž by napsali nebo koupili. UI/UX audit trvá pět pracovních dní, stojí od 12 000 Kč a končí seřazeným seznamem oprav, u každé s odhadem dopadu. Víš tak, co opravit jako první a co počká.

Web projdeme jako tři různí zákazníci a zapíšeme každé místo, kde člověk zaváhá, hledá nebo odchází.

Web projdeme jako tři různí zákazníci a zapíšeme každé místo, kde člověk zaváhá, hledá nebo odchází.

Místo prezentace dostaneš seznam oprav seřazený podle dopadu a náročnosti a k tomu dvacetiminutový videorozbor.

Místo prezentace dostaneš seznam oprav seřazený podle dopadu a náročnosti a k tomu dvacetiminutový videorozbor.

Rozhovory a testy vedeme se skutečnými lidmi z tvé cílové skupiny. Na většinu problémů stačí pět účastníků.

Rozhovory a testy vedeme se skutečnými lidmi z tvé cílové skupiny. Na většinu problémů stačí pět účastníků.

Design i vývoj dělá jedna parta, takže z auditu může rovnou vzniknout redesign nebo oprava v kódu.

Design i vývoj dělá jedna parta, takže z auditu může rovnou vzniknout redesign nebo oprava v kódu.

Každá služba v této kategorii, srozumitelně

  • UI/UX Audit

    Místa, kde tvůj web lidi brzdí, seřazená podle toho, co stojí.

    Začít projektSpočítej si cenu

    V kostce Dostaneš seznam konkrétních míst, kde tvůj web nebo aplikace lidi brzdí, seřazený podle toho, co tě to stojí. Je to audit UI/UX designu psaný tak, aby se dal použít, i když si nás pak nevezmeš: mluví o tvém produktu.

    Jak postupujemeProdukt projdeme krok za krokem proti uznávaným pravidlům použitelnosti a k tomu se díváme do analytiky, aby se každý nález opíral o chování. Nálezy značkujeme rovnou ve Figmě nebo v Adobe XD, pokud v nich pracuješ. Nakonec si zprávu projdeme hovorem, aby bylo jasné, čím začít.

    Co si odnesešDokument se seznamem konkrétních míst, kde produkt lidi brzdí: u každého snímek obrazovky, závažnost, důvod a návrh opravy v podobě, se kterou tvůj vývojář rovnou pracuje. Body jsou seřazené podle dopadu a pracnosti, takže je vidět, čím začít a co počká.

    Co je v ceně

    • Nálezy seřazené podle dopadu
    • Ke každému problému návrh opravy
    • Opřené o analytiku, bez dojmů
    • Srozumitelné vývojáři i majiteli
    • Použitelné i bez další spolupráce

    Uživatelský výzkum

    Od uživatelů zjistíme, proč se chovají jinak, než čekáš.

    Začít projektSpočítej si cenu

    V kostce Odpověď na otázku, proč se lidé v tvém produktu chovají jinak, než jsi čekal, a to od nich samotných. Sledujeme, co člověk udělá, když před ním obrazovka opravdu stojí. Domněnky o tom, co by dělal, jdou stranou. Zjištění pak jdou rovnou do UI/UX designu a mění konkrétní obrazovky.

    Jak postupujemeNastavíme, na co má výzkum odpovědět, sestavíme scénář a sháníme účastníky, kteří odpovídají tvým skutečným zákazníkům. Rozhovory vedeme s produktem v ruce a necháváme lidi pracovat. Sezení nahráváme se souhlasem účastníků a zjištění značkujeme průběžně, aby se dalo dohledat, odkud každý závěr je.

    Co si odnesešKrátký dokument se zjištěními, citacemi a doporučeními, seřazený tak, aby se dal rovnou rozdělit mezi design a vývoj. K tomu sestřihy z nahrávek u nálezů, kde je vidět zaseknutí, a scénář rozhovoru, podle kterého se dá výzkum kdykoli zopakovat.

    Co je v ceně

    • Rozhovory se skutečnými uživateli
    • Zjištění podložená nahrávkami
    • Doporučení rozdělená na design a vývoj
    • Krátký dokument, který se opravdu čte
    • Chování místo domněnek

    Analýza konkurence

    Jak stejné situace řeší konkurence a kde u ní lidé bloudí.

    Začít projektSpočítej si cenu

    V kostce Uvidíš, jak stejné situace řeší firmy, se kterými se dělíš o zákazníka: jejich první obrazovka, poptávka, ceník a místa, kde se u nich člověk ztrácí. Sledujeme i jejich design, tedy UI a UX webu, vedle textů a cen.

    Jak postupujemeVybereme s tebou konkurenty podle toho, komu prodávají, bez ohledu na jejich velikost. Jejich weby procházíme stejnou metodou jako tvůj a k tomu se díváme, na jaké dotazy jsou vidět ve vyhledávání. Zjištění skládáme do jedné tabulky, aby se dala číst vedle sebe.

    Co si odnesešSrovnání po jednotlivých bodech, tedy první obrazovka, poptávka, ceník, obsah a viditelnost ve vyhledávání, doložené snímky obrazovek. K tomu vyznačení, co je v oboru standard, kde selhává celý trh a kde je zbytečné soutěžit.

    Co je v ceně

    • Srovnání stejnou metodou, jedna zpráva
    • Standard oboru i volná místa
    • Dotazy, na které je konkurence vidět
    • Doporučení místo seznamu funkcí

    Součástí balení

    Tohle si neobjednáváš zvlášť: je to v každé zakázce a děláme to my.

    Informační architektura

    Struktura, ve které člověk nepřemýšlí, kam kliknout: navigace, kategorie a názvy postavené na tom, jak obsah třídí sami uživatelé. Firemní organigram do toho nemluví. Bez téhle vrstvy se UX webu rozpadne, i když UI design vypadá dobře.

    Necháme lidi rozdělit tvoje stránky do skupin a pojmenovat je vlastními slovy. Podle toho postavíme strom a názvy ověříme proti tomu, co se ve vyhledávání skutečně zadává. Návrh si s tebou projdeme na konkrétních obsahových případech. U větších webů k tomu spárujeme staré a nové adresy.

    VýstupStrom stránek, návrh menu a pojmenování postavené na slovech, která lidé používají, plus pravidlo, kam patří obsah, který teprve vznikne. U větších webů k tomu mapu přesměrování ze starých adres na nové.

    • Navigace podle uživatelů, bez organigramu
    • Názvy ze slov, která lidé hledají
    • Pravidlo, kam patří budoucí obsah
    • Mapa přesměrování pro přestavbu

    Cesta zákazníka

    Mapa všech kroků od chvíle, kdy o tobě člověk poprvé slyší, po chvíli, kdy tě doporučí dál, včetně kroků mimo web. Ukáže, jestli tě brzdí viditelnost, důvěra, nebo až poslední obrazovka před odesláním. To jsou tři různě drahé práce.

    Vytáhneme, co už máš, tedy analytiku, poptávky a dotazy na podporu, a doplníme to rozhovory s lidmi, kteří tou cestou opravdu prošli. Kroky poskládáme do jedné mapy a ke každému doplníme čísla, kolik lidí v tom místě odpadá. U každé díry rozlišíme, co spraví UX a UI a co je otázka nabídky.

    VýstupMapu cesty od prvního kontaktu po doporučení dál, u každého bodu s tím, co člověk řeší a co ho zastaví. Ke každé díře patří návrh, čím ji zalepit, a odhad rozsahu práce; mapu dodáváme v podobě, do které se dá zapisovat, jak se díry zavírají.

    • Celá cesta včetně kroků mimo web
    • Postavená na tvých datech a rozhovorech
    • Ukáže, kde odpadá nejvíc lidí
    • Ke každé díře konkrétní návrh

    Persony a scénáře

    Krátké profily lidí, kteří u tebe nakupují, a situací, ve kterých přicházejí. Stojí na rozhovorech, datech a poptávkách, takže popisují skutečné zákazníky. Každý se vejde na jednu stranu a slouží designu UX i UI jako společný podklad.

    Nejdřív z tebe a z dat vytáhneme, kdo u tebe opravdu kupuje, a rozdělíme je do několika skupin. Ke každé dopíšeme dva až tři scénáře, tedy konkrétní úkoly, které produkt musí zvládnout. Návrh si spolu projdeme a vyhodíme všechno, podle čeho se nedá rozhodovat.

    VýstupSadu krátkých profilů zákazníků a situací, ve kterých přicházejí, každý na jednu stranu, se scénáři a s poznámkou, co daného člověka odradí. Tvůj tým je pak používá jako rozhodčího, když se v návrhu neshodne.

    • Profily z rozhovorů a dat
    • Konkrétní scénáře místo charakteristik
    • Rozhodčí v designových sporech
    • Jedna strana na personu

    Technologie

    Znáš to?

    Pan Novákprvní hovor

    1. Návštěvnost máme, poptávky skoro žádné

    2. Když lidé přicházejí a odcházejí, problém obvykle není v reklamě. V auditu najdeme místa, kde se ztrácejí: nejasná nabídka, schovaný kontakt, formulář s deseti poli. Každé zjištění dostane cenu opravy.

    3. Každý v týmu má jiný názor, jak má web vypadat

    4. Spor o barvu tlačítka vyřeší data o chování. Ukážeme záznamy, heatmapy a výsledky testů, podle kterých se rozhoduje o faktech. Názor nejhlasitějšího v místnosti tím ztratí váhu.

    5. Zákazníci pořád volají s otázkami, na které web odpovídá

    6. Když odpověď na webu je, ale nikdo ji nenajde, je chyba ve struktuře. Informační architekturu postavíme podle toho, jak lidé skutečně hledají, a ověříme ji na testu třídění karet.

    7. Chystáme redesign a nevíme, co zachovat

    8. Redesign bez výzkumu často zahodí i to, co fungovalo. Nejdřív změříme, které stránky a cesty vydělávají, a do nového návrhu je převezmeme. Předěláme jen to, co prokazatelně brzdí.

    Ve které situaci jsi ty?

    Vyber si svůj případ a dosaď svoje čísla. Obrazovka spočítá, co tím ztrácíš nebo získáváš.

    Lidi mi odcházejí a nevím proč

    Návštěvníků za měsíc2 000
    Kolik návštěvníků nakupuje1,5 %
    Průměrná objednávka2 900 Kč

    Aby se audit UI/UX vrátil za 3 měsíce, stačí

    +8,4 % ke konverzi

    Teď ti web vydělává zhruba 87 000 Kč za měsíc: 2 000 návštěvníků, z toho 1,5 % nakupuje za 2 900 Kč. Audit UI/UX obvykle stojí 22 000 Kč.

    Cena „obvykle“ je z ceníku studia. Tržby bez marže. Jde o práh návratnosti, růst konverze předem nikdo negarantuje.

    Začít projekt

    Stavím něco nového

    Rozpočet na vývoj490 000 Kč
    Kolik obrazovek podle tebe bude nutné předělat25 %

    V ohrožení kvůli předělávce po spuštění je

    122 500 Kč z rozpočtu

    Předělat 25 % obrazovek po spuštění znamená zaplatit navíc 122 500 Kč z 490 000 Kč. Klikací prototyp u nás obvykle stojí 30 000 Kč, a tyhle úpravy se dělají v něm ještě před kódem.

    Podíl předělávek zadáváš ty. Cena prototypu „obvykle“ je z ceníku studia.

    Začít projekt

    Produkt se mi rozjel do nekonzistence

    Kolik lidí dělá rozhraní4
    Hodin týdně u každého na sjednocování obrazovek3 h
    Kolik stojí tvoje hodina750 Kč

    Nejednotnost tě stojí

    38 970 Kč za měsíc

    4 lidé po 3 h týdně po 750 Kč na hodinu. Design systém obvykle stojí 65 000 Kč a vrátí se za 1,7 měsíce.

    Hodiny a sazbu zadáváš ty. Odhad shora: počítáme, že systém sjednocování odstraní úplně. Cena „obvykle“ je z ceníku studia.

    Začít projekt

    Zeptat se kolegů a mít to hotové?

    Rychlá anketa v kanceláři nebo mezi známými něco řekne a nic nestojí. Pro některé otázky úplně stačí. Rozdíl je v tom, jestli se ptáš lidí, kteří tvůj produkt znají, nebo lidí, kteří ho mají poprvé koupit.

    Kdy ti stačí vlastní průzkum

    • Chceš ověřit jednu drobnost, třeba text tlačítka nebo název služby
    • Web má pár stovek návštěv měsíčně a data by nic neukázala
    • Máš zákazníky po ruce a umíš se jich ptát bez navádění
    • Rozhodnutí jde snadno vrátit, když se ukáže jako špatné

    Kdy tě to vyjde draho

    • Kolegové znají produkt nazpaměť a zákaznické zmatky prostě nevidí
    • Otázky typu „líbilo by se vám…“ měří zdvořilost, chování se jimi nezjistí
    • Z anketních odpovědí se nedá poznat, kde přesně lidé na webu odcházejí
    • Na výsledcích stavíš redesign za desítky tisíc a omyl se ukáže až po spuštění

    Od prvního hovoru k seřazeným opravám

    1. Víš, co měříme

      Hovor a cíle

      Půl hodiny o tom, co má web dělat: poptávky, objednávky, registrace. Domluvíme, které stránky a cesty projdeme, a dostaneš pevnou cenu.

    2. Vidíš, kde lidé odcházejí

      Data a analytika

      Projdeme Google Analytics, heatmapy a záznamy relací, pokud je máš. Když měření chybí, nastavíme ho, aby se dalo porovnat před a po.

    3. Máš seznam zadrhnutí

      Průchod jako zákazník

      Web projdeme jako tři různí zákazníci s různými cíli. Každé místo, kde člověk hledá, váhá nebo odchází, zapíšeme se snímkem obrazovky.

    4. Slyšíš skutečné lidi

      Rozhovory a testy

      U výzkumu uživatelů vedeme rozhovory a úkolové testy s pěti až osmi lidmi z tvé cílové skupiny. Nahrávky dostaneš k dispozici.

    5. Víš, co opravit první

      Seřazené opravy

      Každé zjištění dostane dopad, náročnost a návrh řešení. Seznam je seřazený, takže nahoře je to, co vydělá nejvíc za nejmenší práci.

    6. Rozhodneš se v klidu

      Rozbor a další krok

      Dvacetiminutový videorozbor a hovor nad výsledky. Opravy můžeš udělat sám, s jiným týmem nebo s námi. Dokument patří tobě.

    Kolik stojí UX audit a výzkum

    Cena je pevná a víš ji po prvním hovoru. UX audit od 12 000 Kč, výzkum uživatelů od 20 000 Kč, informační architektura od 15 000 Kč. Cena je konečná, nic se k ní nepřičítá.

    Zjistit cenu

    Nejdřív důkazy, potom vkus

    Designujeme podle důkazů: výzkum řekne, co opravit, prototyp to ověří na skutečných lidech a analytika po spuštění ukáže, jestli to zabralo. Všechno stojí na design systému, jednom zdroji pravdy pro barvy, písmo, odsazení a komponenty, takže nové obrazovky vznikají v hodinách místo dnů a produkt zůstává konzistentní, jak roste. A při předání nemizíme: designér zůstává na telefonu během vývoje, aby se hotový produkt shodoval s tím, který jsme otestovali.

    Na co se lidé ptají nejčastěji

    Co je UX a čím se liší od UI?

    UX (user experience) je to, jak snadno člověk na webu dosáhne svého cíle: najde informaci, pošle poptávku, zaplatí. UI (user interface) je vzhled obrazovek, tlačítek a formulářů. UX výzkum hledá, proč lidé odcházejí, UI design pak navrhuje, jak to vypadá.

    Co přesně dostanu z UX auditu?

    Dokument se seznamem problémů seřazených podle dopadu, u každého snímek obrazovky, vysvětlení a návrh opravy. K tomu dvacetiminutový videorozbor, kde vše projdeme na tvém webu. Výsledek můžeš předat komukoli, patří tobě.

    Kolik stojí UX audit?

    UI/UX audit od 12 000 Kč, běžně kolem 22 000 Kč podle počtu stránek a cest. Výzkum uživatelů s rozhovory od 20 000 Kč, analýza konkurence od 12 000 Kč. Cenu víš předem a nemění se. Cena je konečná, nic se k ní nepřičítá.

    Jak dlouho audit trvá?

    UX audit pět pracovních dní od chvíle, kdy máme přístup k analytice. Výzkum s rozhovory dva až tři týdny, protože hledání a domlouvání účastníků zabere nejvíc času.

    Máme málo návštěvníků. Má audit smysl?

    Při méně než zhruba tisíci návštěvách měsíčně z dat moc nevyčteme. Průchod webem jako zákazník funguje i tak, ale obvykle ti doporučíme nejdřív přivést lidi přes SEO nebo reklamu a audit udělat, až bude co měřit.

    Kolik lidí potřebujete na test?

    Pět účastníků najde podle výzkumu Nielsen Norman Group zhruba 85 % problémů použitelnosti. Víc lidí přidává hlavně potvrzení toho, co už víme. Pro různé cílové skupiny testujeme po pěti z každé.

    Kde berete lidi na rozhovory?

    Nejlépe z tvých zákazníků, protože znají problém, který řešíš. Když je to nemožné, najdeme účastníky podle profilu přes panely a sítě. Odměnu pro účastníky zahrneme do ceny předem.

    Uděláte po auditu i opravy?

    Když chceš, ano. Design i vývoj dělá jedna parta, takže opravy nemusíš nikomu vysvětlovat znovu. Audit ale není podmíněný další zakázkou a výsledek můžeš předat svému týmu.

    Změříte, jestli opravy pomohly?

    Ano. Před opravami zapíšeme výchozí čísla, třeba podíl odeslaných formulářů nebo dokončených objednávek, a po nasazení je porovnáme. Bez měření před a po by se o úspěchu redesignu jen hádalo.

    Sousední kategorie

    Všechny služby

    Prototypování

    2 služby

    Vizuální design

    3 služby

    Testování a předání

    3 služby

    Jdeme postavit něco pořádného?

    Napiš nám pár vět. Ozveme se do několika hodin a domluvíme krátký hovor.

    1. 1Do pár hodin: odpoví ti člověk: první myšlenky, možná pár otázek.
    2. 2Do pár dnů: 30minutový hovor. Ty mluvíš, my posloucháme. Zdarma, bez závazků.
    3. 3Po hovoru: písemná pevná nabídka, nebo upřímná odpověď, že pro tebe nejsme ti praví, a tip, na koho se obrátit.

    Žádné obchodní skripty. Budeš mluvit s lidmi, kteří to skutečně postaví.

    Alergie na formuláře? Chápeme.info@chronicles.cz+420 773 230 278

    Odesláním formuláře souhlasíš se zpracováním vyplněných údajů za účelem odpovědi na tuto poptávku. Ochrana osobních údajů. Údaje slouží jen k odpovědi. Neprodáváme je a do newsletteru nepřidáváme.