Jak navrhnout efektivní webovou stránku

Co nám GetBrand Studio umožňuje porozumět tomu, jak psát dobré texty a efektivní weby?

Prvním je pochopení toho, jak se uživatel chová na webu a proč tam přichází.

Druhým je vědomá aplikace těchto znalostí.

V tomto článku se podíváme na to, jak se uživatelé chovají při čtení webových stránek, jaké jsou modely pro skenování obsahu okem. Jak přilákat a udržet pozornost člověka na webu.

Výzkum využívající technologii EyeTracking ukazuje, že uživatelé procházejí web různými způsoby. Jeden z těchto vzorů připomíná latinské písmeno F – ve směru pohledu.

Zvláštností šablony f je, že se zaměřuje hlavně na prvky v horní části stránky. Zde jsou jeho hlavní charakteristiky:

  • Nejprve se pohled sklouzne z horní části stránky zleva doprava;
  • Poté se směr posune šikmo dolů. Potom se oko pohybuje zleva doprava a přitom pokrývá menší délku čáry;
  • Nakonec uživatelé rychle naskenují spodní část textu vodorovně. Nyní mnohem rychlejší než ta horní.

Tím se vytvoří teplotní mapa podobná písmenu F.

Text vpravo nahoře bude čten pečlivěji než spodní řádky. Někdy však lze upozornit na nadpis nebo odstavec ve spodní části stránky a poté bude tepelná mapa pozornosti uživatele již připomínat písmeno E.

Vzor F je použitelný pouze pro hlavní oblast obsahu. To znamená, že se nepočítají nabídky a navigační lišty nahoře a vlevo. Návštěvník webu jim obvykle věnuje pozornost, když vstoupí do nové sekce a když se rozhodne, kam dále. To je také třeba vzít v úvahu při navrhování stránky a nezapomenout ani na navigaci, která zlepšuje faktory chování na stránce.

F-vzor není jediným vzorem procházení

vzor chování popsaný v tomto článku je doplněn dalšími:

  • Layer-cake pattern. Oko zachytí pouze nadpisy a podnadpisy a přeskakuje mezi nimi text. Na tepelné mapě jsou to vodorovné čáry – jako koláč s dorty a polevou uprostřed;
  • Tečkovaný vzor. Jeho význam je v tom, že oči přeskakují velká pole textu a hledají určitá slova, čísla, odkazy nebo fráze potřebné pro uživatele – adresu nebo telefonní číslo;
  • Vzor značení – fixace pohledu v jedné oblasti stránky. Často jej najdete na mobilních telefonech a při posouvání stránky;
  • Vzor „obejití“. V tomto případě uživatel přeskočí stejná slova. To se stane, když například několik řádků začíná stejným;
  • vzorem závazku. Osoba je stejně zaměřena na všechny bloky stránky. Pokud je materiál zajímavější a užitečnější, pak ho návštěvník webu přečte od samého začátku do konce.

Vše záleží na typu obsahu a cílech obsahu.

Časté chyby v designu, které snižují efektivitu stránky a obsahu

F-vzor bolí podnikání i uživatele.

Toto skenování je povrchní, ve kterém uživatel přeskočí důležité informace a může stránku ponechat, aniž by ji přečetl až do konce.

K tomu často dochází, když jsou k dispozici následující body:

  • Text nemá žádné formátování;
  • Uživatel se snaží stránku používat co nejefektivněji – najít pouze to, co ho podle určitých kritérií bude zajímat. Například – nadpisy, fráze, čísla;
  • Uživatel nemá tak velký zájem číst každé slovo.

Jak ze své stránky vytěžit maximum? Nebo jak F-šablona pomáhá vytvářet text na stránce

Stručně řečeno, zkuste před publikováním sledovat cestu uživatele. Pochopte, kde jsou důležité body, a zaměřte se na ně.

Znáte-li chování uživatele, můžete správně sestavit obsahovou část stránky a vytvořit ji jako co nejefektivnější.

Všechny důležité informace by měly být umístěny do oblasti, která zůstává v centru pozornosti. Také je lepší umístit výzvy k akci, tlačítka CTA, reklamní bannery.

Jak se vyhnout vlivu vzoru F

  • V prvních dvou odstavcích zahrňte to nejcennější;
  • Strukturování textu. Použitím nadpisů, podnadpisů a jejich zvýrazněním před odstavci je zvýrazníte tučně a kurzívou;
  • Začněte nadpisy a podnadpisy slovy esence. Podle nich by měl čtenář pochopit, o čem bude pojednáno níže;
  • Vizuální seskupení v podstatě souvisejícího textu. Rám nebo pozadí. Jedna myšlenka – jeden odstavec. Odstraňte irelevantní body;
  • Odkazy by měly obsahovat přesné fráze namísto obecných;
  • Používat seznamy – číslované nebo s odrážkami, v závislosti na kontextu;
  • Smazat irelevantní body ;
  • Cokoli, co nepatří do hlavního obsahu, umístěte do postranního panelu. Postranní panel pro hlubší interakci s webem;
  • Nevytvářejte příliš jednotvárný obsah, postranní panely a vložky pomohou udržet pozornost uživatele.

< img src = "/wp-content/uploads/402406caed916af24ccdd6b784bd20de.jpg" />

A konečně …

Čtení textu uživateli je podmíněno takovými faktory, jako je motivace, jejich cíle, rozvržení a obsah stránky, formátování textu.

Není vždy možné sledovat a pochopit, s jakými motivy uživatelé na web přicházejí, ale z naší strany můžete udělat vše co nejlépe a dostupněji , upoutejte pozornost frázemi, které odrážejí podstatu materiálu, strukturovaný text, aby se zabránilo plynulému F-skenování.

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.