Vpravo dobrý, vlevo taky

Mějme typický blog, kde jsou články řazeny sestupně od nejnovějšího článku po nejstarší a tento seznam je rozdělený do několika stránek. Má být odkaz na starší články umístěný vpravo a na novější články vlevo, nebo naopak? To je otázka, která trápí české webdesignéry už nejméně od úterý.

Existují dva názorové tábory:

  1. Čteme zleva doprava, takže to co je “dál” by mělo být vpravo. A protože je seznam řazený sestupně, “dál” znamená starší články. A tedy odkaz na starší články by měl být vpravo.
  2. Časová osa se zpravidla kreslí zleva doprava, takže to co je starší je vlevo. A tedy odkaz na starší články by měl být vlevo.

Já osobně názorově patřím do prvního tábora, ale jako UI designér vím, že můj osobní názor nehraje roli. Můžete svůj názor podložit desítkami logických argumentů, ale jedinou roli hraje to, jak se chovají uživatelé (pozor, neplést s tím, co si uživatelé myslí – to je často v rozporu). Pomocí nástroje Clicktest jsem udělal takový rychlý UI test. Zobrazil jsem uživateli následující obrázek s otázkou:

Kam bys klikl pro zobrazení starších článků?

Testovaný wireframe

Testu se zúčastnilo přes 130 lidí, což sice není dost na to abych dělal nějaké obecné závěry, ale určitou vypovídací hodnotu to jistě má. Podívejte se na výsledek:

Výsledek testu

Ano, je to tak. Žádné jediné správné řešení neexistuje. Polovina lidí by odkaz čekala vlevo, polovina vpravo (ignorujme individua, co klikli někam úplně mimo :)).

A závěr? Je jedno, jestli odkaz na starší články dáte vpravo nebo vlevo. Ale o to důležitější je dát odkazům vhodné popisky. Například odkaz s textem Další články je v tomto případě naprosto nevhodný, protože je nejednoznačný a ani umístění na pravou stranu uživateli nijak nenapoví, jak ukázal test. V tomto případě mi přijde nejvhodnější odkazy explicitně pojmenovat Starší články a Novější články.

16 Comments Vpravo dobrý, vlevo taky

  1. Daniel Máslo

    Problém je především v odkazech. Lomené závorky nejsou moc vypovídající. Moc se mi nelíbí ani „starší“ a „novější“.

    Pěkné by bylo nějaké inteligentní „šoupátko“ nad kalendářem. Byl by to ale pěkný UI oříšek.

    Reply
  2. Pavel Růžička

    Snažím se představit si variantu stránkovače i s čísly (jako je třeba na google):

    1 2 3 4 5

    a vidím, že novější (prvnější) jsou vlevo a starší vpravo, takže by to mohlo být takto:

    Novější 1 2 3 4 5 Starší

    Když pak vynechám čísla, zbyde

    Novější Starší

    Pokud bych to přehodil:

    Starší Novější

    Pak se mi zdá, že v případě použití i číselného seznamu vznikne nesmysl:

    Starší 1 2 3 4 5 Novější -> zde by čísla asi měla znamenat opačné pořadí, než jaké známe z většiny velkých webů -> tj. matoucí?

    Reply
  3. Jiří Bureš

    Hezké, pěkný test. Takže přece jen není rozhodující, jak moudře *svůj* postoj vyjádří ta která osobnost v komentářích pod článkem o správném stránkování. :-)

    Reply
  4. Jaroslav Moravec

    Web ctu seshora dolu a chci mit uprostred dole tlacitko „nacist dalsi/starsi“ a muze na nem byt treba sipka dolu. Web neni kniha a listovat si v nem tak nebudu. Dik za supr uzivatelsky test, ktery presne ukazal, co ukazat mel.

    Reply
  5. Petr Staníček

    Díky moc za ten test. Taky si myslím, že obojí je správně, rozhodující roli hraje jen to, jestli tam je, nebo není číslování. Pokud tam je stránkovač s očíslovanými stránkami, musí být chování jiné – pokud tam není a zůstanou jen dva odkazy na starší/novější, oba směry mají logiku, záleží jen na vhodném, nematoucím popisu. Ještě jednou dík.

    Reply
  6. David Grudl

    Výborně, díky za průzkum!

    Zajímali by mě dvě věci: zda bylo možno skutečně kliknout jen jednou a jak by se změnil výsledek, kdyby otázka zněla „Kam bys klikl pro zobrazení dalších článků?“.

    Reply
  7. Martin Kopta

    Individua, co klikla někam úplně mimo předpokládají, že vlevo a vpravo je celá hrana aktivní, ty bych ještě chápal. Znám to z lightboxů.

    Reply
  8. Dejv92

    Přesně jak píše Grudl – já sem to četl tak nějak zbrkle a mysle sem původně že si chtěl další články.

    Reply
  9. v6ak

    Je nějaká skupina tvrdohlavější, t.j. je některá skupina náchylnější na nepřečtení popisků?

    BTW: Ideálně by toto rozhodnutí šlo nechat na prohlížeči, který by to mohl nechat třeba na grafické knihovně nebo na OS…

    Reply
  10. Marek

    Tak, test ma prekvapil, očakával som, že bude prevažovať klikanie skôr vpravo a ono je to úplne jedno.

    Reply
  11. Petr Švehla

    Rozpor v pojetí směru starší/novější předchozí/další vzniká podle mě tím, že články na blogu jsou řazeny (nelogicky) od nejnovějších ke starším, jdou tedy shora dolů proti časové ose. To, který směr člověk považuje za správný potom závisí na tom, jestli vnímá články jako řadu objektů v čase nebo spíš jako lineární řadu objektů v prostoru. Pokud by byly na začátku blogu nejstarší články, tento rozpor by se podle mě zdaleka tak neprojevil, protože časová i prostorová osa by šly stejným směrem. Je to ovšem jen hypotéza.

    Reply

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Můžete používat následující HTML značky a atributy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>