B2B kupující opouštějí weby, které jim berou čas. Uživatelsky přívětivý B2B web je proto konverzní proměnnou, ne otázkou designového vkusu. Úkol je úzký: pomoci hodnotitelům, často několika lidem ze stejné nákupní komise, najít, co potřebují, a bez tření udělat další krok.
V B2B znamená „uživatelsky přívětivý“ víc než rychlé načítání a čisté rozvržení. Stránka, která se načte za méně než dvě sekundy, ale startupu s 15 lidmi ukazuje enterprise případové studie, je rychlá a irelevantní. Tento článek popisuje, kde špatná použitelnost stojí B2B pipeline, pět prvků UX, které se vyplatí opravit nejdřív, postup auditu, který zvládnete za týden, a kam zapadá personalizace, jakmile základy fungují.
Proč „uživatelsky přívětivý“ znamená v B2B něco jiného
Spotřebitelský web obvykle slouží jednomu člověku, který se rychle rozhoduje. B2B web slouží skupině. V průzkumu mezi B2B kupujícími z roku 2025 Gartner uvedl nákupní skupiny o pěti až 16 lidech až ze čtyř oddělení. Tito lidé web navštěvují zvlášť, v několika relacích, a chtějí různé věci:
- Technický hodnotitel hledá dokumentaci k API, průvodce integracemi a bezpečnostní dokumentaci.
- Držitel rozpočtu hledá ceny, argumenty pro ROI a srovnání s alternativami.
- Koncový uživatel chce vidět produkt a každodenní práci s ním.
- Sponzor z vedení chce krátké vysvětlení, co produkt dělá a proč je důležitý právě teď.
Většina B2B webů je všechny protlačí stejnou navigací, stejným sdělením v hero sekci a stejným tlačítkem „Rezervovat demo“. Nic není rozbité, a přesto většina návštěvníků nedokáže rychle najít to, kvůli čemu přišla, a odejde. To je problém použitelnosti typický pro B2B: web je postavený pro průměrného návštěvníka, který neexistuje.
Kde špatné UX stojí B2B pipeline
Problémy s použitelností se málokdy projeví jedním dramatickým selháním. Projeví se mírně nižším konverzním poměrem na každé stránce, každý měsíc, a protože B2B návštěvnost je malá a hodnota obchodů velká, každý ztracený hodnotitel je důležitější než ztracený nakupující. Report Nielsen Norman Group o UX metrikách a ROI doporučuje navázat UX práci na obchodní metriky, ne na názory na design, a proto audit níže začíná u konverzních dat.
Místa tření, která B2B webům obvykle škodí nejvíc:
Pomalé stránky. B2B stránky často zpomalují nástroje, které přidává marketing: chatovací widgety, tag managery, personalizační a analytické skripty. Změřte své nejnavštěvovanější šablony podle Core Web Vitals od Googlu a vyčíslete náklady. Ilustrativní příklad: stránka s 10 000 návštěvami měsíčně a konverzí 3 %, která kvůli pomalosti ztrácí 5 % konverzí, přichází zhruba o 15 leadů měsíčně.
Matoucí navigace v rozhodovacích bodech. Ceníková stránka s nejasnými úrovněmi, stránky funkcí bez srovnání nebo knihovna zdrojů, kterou nelze filtrovat podle role či odvětví. Každá z nich kupujícího zastaví přesně tam, kde se chystal udělat další krok.
Mezery na mobilu. Kupující, kteří o vás poprvé slyší z příspěvku na LinkedInu nebo z newsletteru, často otevřou odkaz v telefonu. Pokud se tam stránka špatně čte, první dojem je ztracen. Co přizpůsobit pro malé obrazovky, popisuje náš průvodce mobilní B2B personalizací.
Chybějící obsah pro konkrétní roli. Pokud CISO hodnotící bezpečnostní produkt nenajde během pár kliknutí vaši zprávu SOC 2 nebo stránku o bezpečnosti, hodnocení uvázne, ať je zbytek webu jakkoli dobrý.
Pět prvků UX, které ovlivňují B2B konverze
1. Rychlost stránky a Core Web Vitals
Aktuální Core Web Vitals od Googlu a jejich prahy pro „dobré“ hodnoty podle web.dev, měřené na 75. percentilu načtení stránky:
| Metrika | Měří | Dobré |
|---|---|---|
| Largest Contentful Paint (LCP) | Načítání | 2,5 s nebo méně |
| Interaction to Next Paint (INP) | Responzivita | 200 ms nebo méně |
| Cumulative Layout Shift (CLS) | Vizuální stabilita | 0,1 nebo méně |
INP v roce 2024 nahradil First Input Delay, takže pokud stará šablona auditu stále uvádí FID, aktualizujte ji. V praxi jsou opravy v B2B neokázalé: zkomprimujte hero obrázky, vše pod ohybem načítejte líně a projděte tag manager a odstraňte skripty, na které se rok nikdo nepodíval. Takové audity často odhalí tagy nástrojů, které tým už zrušil. Pokud výsledky hodnotíte v GA4, mějte na paměti, že definuje míru okamžitého opuštění jinak než Universal Analytics; viz jak GA4 počítá míru okamžitého opuštění.
2. Navigace, která sleduje nákupní proces
Strukturujte navigaci podle toho, jak kupující hodnotí, ne podle organizační struktury nebo interních názvů produktů. Nabídka „Řešení“ nebo „Případy použití“ uspořádaná podle problému („snížit odchody zákazníků“, „zrychlit onboarding“) je pro nového návštěvníka snazší než seznam produktových modulů, o kterých nikdy neslyšel. Umožněte filtrovat knihovnu materiálů podle role a tématu, aby si CTO i vedoucí marketingu našli své.
3. Srozumitelnost stránky s ceníkem
Ceník bývá jednou ze stránek s nejvyšším záměrem na B2B webu a návštěvníci přicházejí s jedinou otázkou: zhruba kolik nás to bude stát? Pokud ceny zveřejňujete, udělejte rozdíl mezi tarify zřejmým a založeným na skutečných rozdílech ve funkcích. Pokud ne, vysvětlete proč („cena závisí na počtu licencí a objemu dat“) a co se stane, když kliknou na „Kontaktovat obchod“. Stránka, která cenu skrývá bez vysvětlení, působí vyhýbavě.
4. Relevantní sociální důkaz
Lišta s 30 logy je slabý důkaz, protože není o nikom konkrétním. Tři loga z odvětví návštěvníka plus citace od někoho s podobnou pozicí jsou mnohem přesvědčivější. Tady se personalizace a UX překrývají poprvé: prvek je stejný, ale obsah se mění podle návštěvníka.
5. CTA odpovídající záměru
„Objednat demo“ na každé stránce ignoruje, kde se návštěvník nachází. Ten, kdo čte svůj první článek na blogu, není připraven na obchodní hovor; nabídněte mu související průvodce nebo checklist. Vracející se návštěvník, který si dvakrát prohlédl ceník, připraven pravděpodobně je, takže mu dejte přímou cestu k rozhovoru o cenách. A/B testování v Markettailoru vám umožní testovat strategie CTA podle segmentu a zjistit, která kombinace přináší pipeline, nejen kliknutí.
Týdenní audit UX a konverzí
Pomocí tohoto postupu najdete opravy a seřadíte je podle dopadu na konverze, ne podle názoru.
- Najděte stránky s vysokou návštěvností a vysokou mírou odchodu (1. den). Exportujte stránky s měsíčním počtem zobrazení a mírou odchodu. Například stránka s 5 000 návštěvníky měsíčně a 75% mírou odchodu znamená, že na ní skončí 3 750 návštěv. Seřaďte stránky podle tohoto součinu a začněte odshora.
- Sledujte, co návštěvníci dělají (dny 2–3). Na pěti nejnavštěvovanějších stránkách použijte nahrávky relací nebo heatmapy. Zaznamenejte, kde lidé přestávají scrollovat, klikají na prvky, které nejsou odkazy, nebo přecházejí tam a zpět mezi dvěma sekcemi. Zapisujte si konkrétní třecí místa, ne dojmy.
- Segmentujte data (4.–5. den). Rozložte stejné metriky podle velikosti firmy nebo odvětví. Možná zjistíte, že enterprise návštěvníci se s vaší ceníkovou stránkou dobře zapojují, zatímco malé firmy ji opouštějí téměř okamžitě. To není problém redesignu; je to známka toho, že jedna stránka slouží dvěma publikům. Segmentace v Markettailoru vám umožní tyto firmografické segmenty definovat a každému zobrazit jinou verzi.
- Odhadněte dopad (dny 6–7). Pro každou opravu: měsíční návštěvníci × současný konverzní poměr × očekávané zlepšení × průměrná hodnota obchodu. Naše orientační pravidlo: začněte opravami, u kterých tento odhad jasně převyšuje náročnost realizace, a buďte upřímní v tom, že „očekávané zlepšení“ je odhad, dokud ho neotestujete.
- Testujte vždy jen jednu změnu (průběžně). Pro každou změnu spusťte kontrolovaný A/B test a před spuštěním rozhodněte o velikosti vzorku a metrice úspěchu. B2B stránky s malou návštěvností mohou potřebovat týdny, než přinesou čitelný výsledek; pokud se tam stránka nikdy nedostane, proveďte změnu podle úsudku a místo toho sledujte trend.
Verzi tohoto postupu, která pokrývá celý funnel, ne jen UX stránky, najdete v našem průvodci CRO auditem.
Přístupnost je součástí použitelnosti
WHO odhaduje, že 1,3 miliardy lidí, tedy asi 16 % světové populace, žije s výrazným zdravotním postižením. Někteří z nich vybírají řešení ve vašich cílových účtech. Nepřístupný web je riziko z hlediska souladu s předpisy, ale také jednoduše vylučuje kupující.
Většina práce na přístupnosti zlepšuje web pro všechny. Sémantické HTML a čistá hierarchie nadpisů pomáhají čtečkám obrazovky a zároveň usnadňují vidícím návštěvníkům rychlé procházení. Funkční navigace klávesnicí nutí interaktivní prvky (karty, přepínače cen, srovnávací tabulky) chovat se předvídatelně. Dostatečný barevný kontrast zajišťuje čitelnost textu na notebooku v jasně osvětlené kanceláři. Jako základ použijte WCAG AA a kontroly zahrňte do stejného auditu, místo abyste přístupnost řešili jako samostatný projekt.
Kde se UX a SEO překrývají
Google při hodnocení stránek zohledňuje signály uživatelského dojmu, mimo jiné Core Web Vitals; viz jeho dokumentace k page experience. Google zároveň říká, že dobrý uživatelský dojem nepřebije nejrelevantnější obsah, takže nečekejte, že samotná práce na rychlosti posune pozice. V praxi jde o to, že stejná práce (rychlejší šablony, stabilní rozvržení, čitelné mobilní stránky) slouží vyhledávání i konverzím, a proto se vyplatí ji upřednostnit na stránkách s největší organickou návštěvností.
Měření dopadu UX na pipeline
Míra okamžitého opuštění a délka relace vám řeknou, že je něco špatně, ne zda oprava vydělala peníze. Sledujte místo toho tyto:
| Metrika | Co vám to řekne |
|---|---|
| Konverzní poměr podle stránky a segmentu | Které stránky fungují pro které návštěvníky a kde jedna stránka u některého segmentu selhává |
| Kvalifikovaná pipeline z webu | Zda změny UX přinášejí obchodní příležitosti, ne jen vyplněné formuláře. Propojte analytiku s daty z CRM |
| Zapojení cílových účtů | Pro ABM týmy: prohlížejí si jmenovité účty víc stránek a vracejí se? |
| Doba do konverze | Dny od první návštěvy ke konverzi; odstranění tření by je mělo zkrátit |
| Náklady na kvalifikovaný lead | Lepší konverze při stejných výdajích na návštěvnost by ji měla snížit |
Kde začít
Začněte domovskou stránkou a ceníkem, protože obvykle mají nejvíc návštěvnosti s vysokým zájmem. Proveďte test rychlosti, přečtěte si obě stránky očima každé ze čtyř výše uvedených nákupních rolí a ověřte, že CTA odpovídají tomu, v jaké fázi tito návštěvníci jsou.
Jakmile základ funguje, přidejte segmentaci. Různým odvětvím ukazujte různé případové studie a CTA upravte podle velikosti firmy. Pro začátek stačí tři až pět segmentů; s více segmenty nebudete mít dost návštěvnosti, abyste poznali, zda některý z nich funguje. Každou změnu měřte proti kontrolní skupině.
Na pořadí záleží. Personalizované sdělení na špatně použitelné stránce návštěvníky stejně ztrácí a čistá stránka s irelevantním sdělením stejně nepřesvědčí. Strukturu jednotlivých stránek nad rámec použitelnosti popisují naše osvědčené postupy pro design B2B webů a mechaniku přizpůsobování stránek podle návštěvníka najdete v článku jak funguje personalizace B2B webu.
Časté dotazy
Co dělá B2B web uživatelsky přívětivým?
Uživatelsky přívětivý B2B web umožní každému členovi nákupní komise rychle najít, co potřebuje: jasné sdělení, co děláte a pro koho, navigaci podle role, odvětví nebo scénáře použití, transparentní ceník nebo jasnou cestu k němu, důkazy od podobných firem, rychlé stránky a formuláře, které se ptají jen na to, co obchod potřebuje.
Jak použitelnost B2B webu ovlivňuje konverzi leadů?
Každý problém s použitelností ubere část návštěvníků dřív, než dojdou ke konverznímu bodu: pomalé stránky je ztratí před nabídkou, matoucí navigace před důkazem a dlouhé formuláře v posledním kroku. Odstranění největšího tření na stránkách s vysokou návštěvností a vysokým záměrem obvykle přinese víc leadů než přidání nových stránek.
Co je optimalizace UX B2B webu?
Je to opakovatelný proces hledání a odstraňování tření: seřaďte stránky podle návštěvnosti a míry odchodů, sledujte záznamy relací, segmentujte data podle velikosti firmy nebo odvětví, odhadněte dopad každé opravy na tržby a změny otestujte. Výše uvedený postup auditu tím provádí krok za krokem a náš průvodce CRO auditem ho rozšiřuje na celý trychtýř.
Je pro B2B konverze důležitější UX, nebo personalizace?
Nejdřív opravte UX. Personalizace násobí konverzní poměr stránky, takže přináší nejvíc tam, kde podkladová stránka už funguje. Jakmile jsou stránky rychlé a srozumitelné, personalizace podle segmentu řeší zbývající problém: jedna stránka nemůže mluvit ke každému kupujícímu.
