A Lorem Ipsum felgyorsítja a tervezést, de el is rejtheti az elrendezés gyenge pontjait. Ismerje meg a leggyakoribb hibákat és a valósághű tartalommal végzett tesztelés menetét.
A Lorem Ipsum hasznos helykitöltő szöveg. Kitölti a tervet, amíg elkészül a végleges tartalom, és segít megítélni a tipográfiát, a térközöket, valamint az oldal ritmusát. Nem a használata jelent gondot, hanem az, ha a tervező vagy a fejlesztő jobban bízik benne, mint a kész oldalon megjelenő valódi tartalomban.
A helykitöltő szöveg túlságosan kiszámítható. A címsorok kényelmesen elférnek, a bekezdések egyenletesen kitöltik a helyet, a kártyák pedig szépen egy vonalba rendeződnek. A valódi tartalom ezzel szemben hosszú neveket, hiányzó adatokat, szokatlan karaktersorokat és mobilon több sorba törő gombfeliratokat hoz.
Ha gyorsan szeretne kitölteni néhány bekezdést, használja a Lorem Ipsum generátort. Ezután ellenőrizze a tervet az alábbi hibák szempontjából.
1. Minden szöveg ugyanolyan hosszú
A leggyakoribb hiba, hogy minden kártyára ugyanannyi mondat kerül. Egy ilyen terv nem mutatja meg, mi történik akkor, ha az egyik terméknév egy sorba fér, a másik viszont háromba. Azt sem látja rajta, hogy rövid leírásnál túl nagy üres terület marad, vagy a hosszabb szöveg eltolja a gombot.
Minden ismétlődő elemet próbáljon ki legalább három változatban:
- rövid: egyszavas címsor és egyetlen mondat,
- átlagos: a legtöbb esetben várható hossz,
- szélsőérték: hosszú címsor és több soros szöveg.
A szélsőértéknek nem kell életszerűtlennek lennie. Hasonlítson a leghosszabb valós szolgáltatás-, termék- vagy cikkcímre, amely ésszerűen megjelenhet a weboldalon. Ha ez már szétszedi az elrendezést, nem a szöveggel, hanem a tervvel van baj.
2. A Lorem Ipsum a felhasználót irányító szöveget is helyettesíti
Egy bekezdés átmenetileg lehet jelentés nélküli. A navigáció, a gomb, az űrlap címe vagy egy hibaüzenet nem. Ezeknél azt kell ellenőrizni, hogy a látogató érti-e, mi történik kattintás után, és mi a következő teendője.
Az általános „Lorem ipsum” helyett írjon be egy valósághű munkaváltozatot: „Rendelés elküldése”, „Árlista letöltése” vagy „Az e-mailt nem sikerült elküldeni”. A szövegnek még nem kell véglegesnek lennie, de a tényleges műveletet vagy információt kell megneveznie.
Így egyszerre két dolgot ellenőrizhet: elfér-e a szöveg, és érthető-e a felület. A latin helykitöltő szöveg egyikre sem ad választ.
3. Csak az ideális állapot kerül tesztelésre
Egy kész oldal nem mindig tartalmaz minden adatot. Előfordulhat, hogy egy termékhez nincs kép, egy felhasználónak nincs profilképe, vagy egy keresési találathoz nem tartozik leírás. Az űrlapnak pedig hiba-, sikeres beküldési és betöltési állapotra is szüksége van.
Az átlagos tartalom mellett ellenőrizze a következőket is:
- nagyon hosszú címsor vagy szóköz nélküli karaktersor,
- üres leírás és hiányzó kép,
- hibaüzenet és megerősítés,
- hosszabb feliratú gomb,
- a többinél jóval több szöveget tartalmazó kártya,
- ugyanaz a képernyő keskeny mobilon.
Nem kell minden elemnek egyforma magasnak lennie. Az a fontos, hogy az információk sorrendje egyértelmű maradjon, a vezérlők elérhetők legyenek, és egyetlen szöveg se takarjon el más tartalmat.
4. A helykitöltő szöveg elfedi a gyenge információs hierarchiát
A Lorem Ipsum elsősorban az oldal formájának megítélésében segít. Azt nem mutatja meg, hogy a látogató megtalálja-e az árat, a határidőt, a szolgáltatások közötti legfontosabb különbséget vagy a kérdésére adott választ. Egy vizuálisan rendezett oldal is közölheti rossz sorrendben az információkat.
Amint ismert a képernyő célja, a kulcsfontosságú helyeken cserélje le a helykitöltő szöveget munkaszövegre. Olvassa el csak a címsorokat, a kiemelt mondatokat és a gombokat. Ha ezekből nem derül ki, mit kínál az oldal és mi a következő lépés, a szerkezeten változtasson, ne csak a megfogalmazáson.
Ne hagyja a teljes szövegírást a végére. Már egy nyers változat is megváltoztathatja a szakaszok sorrendjét, az elemek szélességét, sőt azt is, hogy mely információkat kell egyáltalán megjeleníteni.
5. A Lorem Ipsum kikerül az éles weboldalra
A helykitöltő szöveg ritkán kerül szándékosan az éles oldalra. A tervező beteszi a látványtervbe, a fejlesztő átviszi a sablonba, és mindenki azt feltételezi, hogy élesítés előtt majd valaki más lecseréli.
Közzététel előtt keressen rá a tartalomban és a forrásfájlokban a lorem, ipsum, placeholder, TODO, sample és test kifejezésekre. Ellenőrizze a kevésbé feltűnő helyeket is: a meta leírásokat, a képek alternatív szövegét, az e-mail-sablonokat, a láblécet, a felugró ablakokat és az űrlapüzeneteket.
A végleges tartalom nélküli oldalt inkább ne tegye közzé, és még ne adja hozzá a webhelytérképhez. Az élesítés előtti további feladatokat a weboldal élesítés előtti ellenőrzőlistájában találja.
Gyakorlati munkamenet felesleges javítások nélkül
Nem kell lemondania a Lorem Ipsum használatáról. Adjon neki pontos feladatot:
- A tervezés elején a bekezdések sűrűségét, a tipográfiát és az alapvető elrendezést ellenőrizze vele.
- A kulcsfontosságú elemekben minél hamarabb cserélje le munkacímsorokra, gombfeliratokra és üzenetekre.
- Átadás előtt asztali gépen és mobilon is tesztelje a rövid, átlagos, hosszú és hiányzó tartalmat.
- Élesítés előtt automatikusan keresse meg a bent maradt helykitöltőket, majd kézzel is nézze át az oldalakat.
Összefoglalás
A Lorem Ipsum használatának legnagyobb hibája nem maga a helykitöltő szöveg. Hanem az, ha a terv kizárólag annak szabályos és kényelmes hosszára készül.
A Lorem Ipsumot tipográfiai ellenőrzéshez és a kezdeti elrendezéshez használja. Ahol a tartalom befolyásolja a látogató döntését, ott értelmes munkaszöveget írjon. Közzététel előtt a hosszú, rövid és hiányzó adatokat is próbálja ki. Így derül ki, hogy a terv az ideális látványterven kívül is működik-e.
