Szöveg tagolása borítókép

A szöveg tagolása és felépítése

Most, hogy az olvashatóság nyomában járunk és leírtam, hogy mire kell figyelni egy betűtípus kiválasztásánál, tekintsük át, hogy mire kell figyelni az elrendezésnél. Biztos találkoztál már olyan weboldallal, vagy akár könyvvel, ahol olyan sűrűn voltak a sorok, hogy nehezen lehetett olvasni. Éppen ezért, hogy megkönnyítsük ügyfeleink dolgát, és célba érjen az üzenetünk, marketingünk, oda kell figyelni a szöveg megfelelő tagolására és elrendezésére.

Sor- és betűtávolság

Szerencsére sok helyen már automatikus a megfelelő sortávolság, például a Wordben vagy a Photoshopban is. Néha kicsit felül kell bírálni, mert ha sok a szöveg, akkor érdemes az alapbeállításnál kicsit nagyobbra venni a sortávolságot, hogy az olvasó szeme ne tévessze el a sorokat. Illetve sok helyen be lehet állítani a szavakban lévő betűk közötti távolságot is. Ha ezt nagyon szűkre szabjuk, akkor összemosódnak a betűk és a szavak, emiatt nagyon óvatosan kell ezzel bánni.

De mikor tud kialakulni a rossz beállítás? Például mikor sok szöveget szeretnénk elhelyezni kicsi helyre, és elkezdjük összenyomni a szöveget. Ezzel nem teszünk se jót, se hasznosat, mert a szöveg és a sorok sűrűsége nem csak hogy nem olvasható megfelelően, de csúnya is tud lenni. Inkább legyen kevesebb a szöveg az adott helyen, fejtsük ki máshol a részleteket, ne egy mini banneren.

Tagolás és sortávolság

Címek és szövegblokkok

Egy weboldal felépítése szöveg szempontjából hierarchikus. Van egy főcím, és a H1-es szinten van, és vannak további alcímek is. Ezekre a szintekre, erre a hierarchiára mindenképp szükség van, és be kell tartani néhány íratlan szabályt. Például a főcím, azaz a H1-es cím csak egyszer szerepeljen, az a legnagyobb. Az alcímek mérete minden szinttel egyre kisebb. Tudatosan és logikusan kell használni ezeket a címeket, mint például a jelen blogcikkben is. Ez a Google szempontjából is fontos, de a látogatók is jobban látják, mi a fontos.

A szövegblokkok, azaz paragrafusok pedig a sima folyószövegek. A szövegblokkoknak jól tagoltban kell lennie. Fontos odafigyelni, hogy az olvasó azonnal lássa a weboldalon, mi a cím, mi az alcím, mi a folyószöveg és mi a gomb. Egy jól felépített és átgondolt design-nal rendelkező weboldal jobban megragadja a látogatót figyelmét, azonnal látják, hogy érdekes-e a számukra, rákattintanak a gomba stb. Ha hosszú a szöveg, akkor érdemes több sortörést elhelyezni, hogy még kényelmesebb legyen a monitoron vagy mobilon való olvasás.

Cím és szövegblokk

Gombok és linkek

A gombok kiemelt szerepet játszanak a weboldalakon. Elvégre a weboldalnak célja van, és a célhoz vezető út egyik kulcslépése, hogy a látogató rákattint a gombra. Azaz érdeklődő, vásárló, ügyfél lesz belőle. Éppen ezért a gomboknak a szerepét nem szabad lebecsülni. Design szempontjából a gombokat tudatosan kell megalkotni, fontos hogy kiemelkedjen, jó legyen rajta a szöveg, cselekvésre ösztönözzön és hogy olvasható legyen. Ha beleolvad a háttérképbe, ha nem olvasható a szöveg rajta, akkor az emberek nem fognak rákattintani.

A linkek, amik a másik kattintható elemei egy weboldalnak, szintén kiemelkedőek szoktak lenni. Általában kék, vagy a designhoz passzoló színű, vagy aláhúzott szokott lenni, sokan azt szokták keresni, ezek a legnépszerűbb jelölései. Viszont ha sehogy sem jelezzük, hogy itt egy link, kattints rá, és el tudod olvasni a részleteket, vagy az adatkezelésit vagy a fizetési részleteket, akkor nem fognak rákattintani. Még desktop nézetből lehet, ha fölé viszik az egeret, és észreveszik, hogy az kattintható, de mobilon erre nagyon kicsi az esély.

Gombok és linkek

Az olvashatóság rendkívül fontos a weboldalon, hiszen ha nem olvasható a cím, a szöveg vagy a gomb, akkor a látogatók elvesznek, nem kattintanak, nem tudják, hogy ez számukra érdekes tartalom vagy sem. És inkább kilépnek, és megkeresik máshol ugyanazt az információt vagy terméket. A tartalom minősége mellett éppen ezért az olvasható és jól átgondolt szövegre és design-ra is szükség van.

Comments are closed.