Design
Pět věcí, které musí být na první obrazovce webu
Návštěvník se rozhoduje dřív, než začne posouvat stránku. Co mu na první obrazovce musí odpovědět, aby zůstal, a co tam naopak jen překáží.
První obrazovka je to, co člověk uvidí po otevření webu, aniž by cokoli posunul. Na telefonu je to plocha zhruba velikosti dlaně. Za tu chvíli se rozhodne, jestli bude číst dál, nebo se vrátí do výsledků vyhledávání a otevře konkurenci.
Jak rychlé to rozhodnutí je, ukázala studie Lindgaardové a kolegů z roku 2006: lidé si o vzhledu webu udělali úsudek už po 50 milisekundách a ten se výrazně shodoval s hodnocením po delším prohlížení. Novější průzkum firmy Clutch mezi 263 spotřebiteli v USA (2025) dodává, že 83 % lidí posoudí důvěryhodnost webu do 20 sekund a 87 % už někdy odešlo z webu, protože nepůsobil důvěryhodně.
Co tedy musí být na první obrazovce?
1. Co děláte, jednou větou
Nadpis není místo na slogan. „Kvalita, které můžete věřit“ může napsat kdokoli o čemkoli. Návštěvník potřebuje během pár vteřin vědět, jestli je na správném místě: „Opravujeme střechy rodinných domů“ nebo „Dermatologická klinika pro děti i dospělé“.
Zkouška je jednoduchá: zakryjte logo a přečtěte jen nadpis. Pozná cizí člověk, co prodáváte?
2. Pro koho a kde
Druhá věta nebo podnadpis má zúžit, komu je nabídka určená a kde působíte. „Praha a Střední Čechy“, „pro bytové domy a SVJ“, „online po celé ČR“. Člověk, který hledá službu ve svém městě, přestává číst ve chvíli, kdy neví, jestli k němu vůbec jezdíte.
Město a obor na první obrazovce pomáhají i vyhledávačům a AI. Z věty „Jsme tu pro vás“ nepozná nikdo nic.
3. Jedno hlavní tlačítko
Na první obrazovce má být jeden jasný další krok: „Objednat termín“, „Poslat poptávku“, „Zavolat“. Ne pět rovnocenných tlačítek. Když je všechno stejně důležité, není důležité nic.
Hlavní tlačítko musí být vidět i na telefonu bez posouvání. Ve zmíněném průzkumu Clutch uvedlo 42 % respondentů, že jim chybějící viditelný kontakt na firmu bere důvěru.
4. Důkaz, že nejste nováček
Jeden konkrétní signál důvěry patří hned nahoru: hodnocení z Google s počtem recenzí, počet let v oboru, jméno známého klienta, certifikace, kterou zákazník zná. Jedno ověřitelné číslo udělá víc než tři obecná tvrzení.
Pozor na vymyšlená a neověřitelná čísla. „Stovky spokojených klientů“ bez čehokoli dalšího působí spíš opačně.
5. Rychlost
Pátá věc není prvek, ale vlastnost: první obrazovka se musí ukázat hned. Studie Google a Deloitte z roku 2020, která sledovala 37 značek v Evropě a USA, zjistila, že zrychlení mobilního webu o 0,1 sekundy zvýšilo konverze v průměru o 8 % u obchodů a o 10 % u cestovních webů. V průzkumu Clutch uvedlo 44 % lidí, že jim pomalé načítání bere důvěru.
Nejčastější brzdy první obrazovky jsou velká nezmenšená fotka nebo video na pozadí, posuvník s několika obrázky a vyskakovací okno hned po otevření.
Co na první obrazovce naopak překáží
- Posuvník (karusel). Hlavní sdělení se v něm mění dřív, než ho člověk dočte, a každý další snímek zpomaluje načtení.
- Vyskakovací okna. Zakrývají přesně to, kvůli čemu člověk přišel. V průzkumu Clutch je jako důvod nedůvěry uvedlo 39 % respondentů.
- Obecná fotka z fotobanky. Usmívající se lidé u notebooku neřeknou nic o vaší firmě. Fotka vaší práce, vašich prostor nebo vašeho týmu ano.
- Dlouhý úvodní text. Na první obrazovku patří dvě věty, ne odstavec o historii firmy.
Shrnutí
Otevřete si svůj web na telefonu a podívejte se jen na to, co je vidět bez posouvání. Měli byste tam najít: co děláte, pro koho a kde, jedno hlavní tlačítko, jeden důkaz důvěry. A celé se to má ukázat dřív, než stihnete napočítat do dvou. Když něco z toho chybí, víte, kde začít.