Átlátható oldalelrendezés

Ha egy új felhasználó érkezik a webáruház bármely oldalára igyekszik gyorsan eldönteni, hogy

• Hova érkezett?
• Jó helyen jár? Megtalálhatja itt amit keres?
• Merre indulhat a webáruházon belül tovább?
• Egyáltalán érdemes neki itt keresgélnie?

Ha gyorsan felismeri, hogy az általa keresett termékeket forgalmazó webáruházba érkezett, és könnyen kezelhetőnek, felhasználóbarátnak és megbízhatónak tűnik az oldal, és egyértelmű jelölésekkel találkozik, akkor valószínűleg marad.

Új látogatóink nem feltétlen a kezdőlapra érkezik. A webáruház minden oldalán, gyors választ kell kapnia kérdéseire.

Az átláthatóság jól végiggondolt vizuális hierarchia kialakításával érhető el:

• A legfontosabb elemek a legszembetűnőbbek, legjobban láthatók.
• Az összetartozó elemek vizuális kapcsolatban állnak.
• Az azonos funkciójú elemek a webáruház valamennyi oldalán azonos pozícióban találhatók. *

*Responsive web design esetén persze a tartalom elrendezése változik a felbontás függvényében.

A látássérült látogatók által használt felolvasó programok számára a tartalom hierarchiája helyes HTML kód írásával adható meg. Ebben az esetben különös jelentősége van a címsorok használatának. A jól látó olvasó, ha egy újságot vesz a kezébe, akkor először annak címsorait futja végig. Egy felolvasó szoftver nem a CSS, hanem HTML kód alapján azonosítja be egy-egy információs blokk címét.

Megj. Kezdő webfejlesztők gyakran használják a tartalmi struktúra kialakítására szolgáló HTML címkéket formázás céljából, ami a felolvasó szoftverek használatakor bizony gondot okoz.