Web môže byť pekný a aj tak neprinášať dopyty. Často za tým nie je zlý dizajn, ale drobnosti, pri ktorých návštevník zaváha, nenájde tlačidlo alebo sa vzdá pri formulári. Tu je desať úprav, ktoré sa dajú urobiť bez prerábania celého webu.
Prvý dojem: nadpis a hlavná výzva
1. Jasný nadpis. Podľa Nielsen Norman Group ľudia často opúšťajú stránky do 10 až 20 sekúnd a web musí svoju hodnotu jasne povedať do 10 sekúnd. Nadpis „Vitajte na našej stránke“ nepovie nič. Lepší je napríklad „Montáž klimatizácií v Poprade do 7 dní od obhliadky“: čo robíte, kde a prečo práve vy.
2. Jedna hlavná výzva. Ak má úvodná časť stránky päť tlačidiel s rovnakou váhou, návštevník nevie, čo je hlavný krok. Vyberte jeden, napríklad „Nezáväzná cenová ponuka“, a dajte mu najvýraznejšiu farbu. Patrí do hornej časti stránky, pretože podľa štúdie NN/g z roku 2018 ľudia trávia nad prvým zalomením obrazovky asi 57 % času a na prvých dvoch obrazovkách 74 %. Výzvu zopakujte aj nižšie na stránke. Text tlačidla má hovoriť, čo sa stane po kliknutí, napríklad „Chcem cenovú ponuku“ namiesto všeobecného „Odoslať“.
Cesta k dopytu: formulár a telefón
3. Krátky formulár. Každé pole navyše je ďalší dôvod formulár neodoslať. Nielsen Norman Group v odporúčaniach pre formuláre radí:
- pýtať sa len na to, čo naozaj potrebujete na prvú odpoveď,
- polia radiť do jedného stĺpca,
- popis poľa dávať nad pole, nie iba ako sivý text vnútri,
- jasne označiť nepovinné polia a mať ich čo najmenej.
Na prvý dopyt často stačí meno, kontakt a krátka správa. Podrobnosti môžete doplniť pri telefonáte.
4. Klikateľný telefón na mobile. Kto hľadá remeselníka alebo ambulanciu na mobile, môže chcieť zavolať hneď. Telefónne číslo preto vložte ako odkaz s predponou tel:, ktorý mobil po ťuknutí rovno vytočí. Číslo nedávajte iba do obrázka, uveďte ho v medzinárodnom tvare s predvoľbou +421 a umiestnite ho do hlavičky aj do pätičky.
Dôvera a rýchlosť
5. Dôkazy a recenzie. Neznámej firme ľudia veria viac, keď vidia, že s ňou mali dobrú skúsenosť iní. Výskum Spiegel Research Center zistil, že pri produkte s piatimi recenziami je pravdepodobnosť nákupu o 270 % vyššia než pri produkte bez recenzií. Pri službách môžete dôveru budovať podobne:
- skutočné recenzie s menom alebo odkazom na Firemný profil na Googli,
- fotky realizovaných zákaziek,
- logá klientov, certifikáty a členstvá, ak ich máte,
- konkrétne údaje, napríklad koľko rokov podnikáte.
Recenzie nikdy nevymýšľajte. Ak ich zatiaľ nemáte, poproste o ne posledných spokojných zákazníkov.
6. Rýchlosť. V štúdii Milliseconds Make Millions súviselo zrýchlenie mobilného webu o 0,1 s pri weboch zameraných na získavanie dopytov s nárastom o 21,6 % v počte ľudí, ktorí sa dostali na stránku s formulárom. Zmenšite obrázky, odstráňte nepotrebné pluginy a skontrolujte web v PageSpeed Insights.
Čitateľnosť: písmo a kontrast
7. Čitateľné písmo. Text na mobile nesmie nútiť k približovaniu. Nástroj Lighthouse od Google vo svojom audite upozorňoval na stránky, kde je aspoň 40 % textu menšieho ako 12 px. To je však dolná hranica, nie cieľ. Pre bežný text odporúčame okolo 16 px, dostatočné riadkovanie a kratšie odseky.
8. Kontrast. Svetlosivý text na bielom pozadí vyzerá elegantne, no na slnku sa číta veľmi ťažko. Pravidlá prístupnosti WCAG 2.2 požadujú pre bežný text kontrast aspoň 4,5:1 a pre veľký text aspoň 3:1. Platí to aj pre text na tlačidlách a vo formulároch.
Orientácia a mobil
9. Jednoduchá navigácia. Menu má odpovedať na otázky zákazníka: čo robíte, koľko to stojí, kto ste a ako vás kontaktovať. Položky nazvite zrozumiteľne, napríklad „Cenník“ namiesto „Investícia“. Kontakt dajte do menu vždy. Tlačidlá a odkazy majú byť dosť veľké na ťuknutie prstom, WCAG 2.2 uvádza ako minimum 24 × 24 CSS pixelov.
10. Mobil najprv. Google podľa vlastnej dokumentácie používa na indexovanie a hodnotenie mobilnú verziu obsahu webu. Web preto navrhujte a testujte najprv na telefóne: prejdite celú cestu od úvodnej stránky po odoslanie formulára na vlastnom mobile a všímajte si každé zaváhanie. Pri teste si položte tieto otázky:
- Vidím telefón a hlavné tlačidlo bez dlhého posúvania?
- Dá sa formulár pohodlne vyplniť palcom a ponúkne mobil pri telefónnom čísle číselnú klávesnicu?
- Neprekrýva obsah vyskakovacie okno alebo lišta so súhlasom s cookies?
- Načíta sa stránka rozumne rýchlo aj na mobilných dátach mimo Wi-Fi?
Časté otázky
Ktorou z týchto úprav mám začať?
Tou, ktorá je najbližšie k samotnému dopytu. Skontrolujte formulár a klikateľný telefón na mobile, potom nadpis a hlavnú výzvu v úvodnej časti stránky. Tieto zmeny sú rýchle a lacné.
Ako zistím, či úpravy pomohli?
Pred zmenou si zapíšte, koľko dopytov a telefonátov z webu mesačne dostávate. Nastavte meranie odoslania formulára a kliknutí na telefón, napríklad v Google Analytics, a po zmene porovnajte rovnako dlhé obdobia.
Musím kvôli tomu robiť nový web?
Väčšinou nie. Väčšinu bodov z tohto zoznamu sa dá upraviť na existujúcom webe. Nový web dáva zmysel, keď je technicky zastaraný, pomalý a jeho úpravy by stáli viac než nové riešenie.
Ak chcete, aby váš web premieňal návštevníkov na dopyty, pozrite si našu službu UX/UI dizajn, radi sa na vašu stránku pozrieme očami zákazníka.