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ů?

test1

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:

test2

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.

Komentáře

1
20.01.2011 09:15
Daniel Máslo web

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.

2
20.01.2011 10:56
Pavel Růžička web

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í?

3
20.01.2011 10:11
Slávek Černý web

Tak to je super test. Fakt díky. Patřím ke skupině 1, ale dle diskuze jsem podobnej výsledek jako tento trochu čekal. Dobrá práce.

4
20.01.2011 11:58
Jiří Bureš web

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í. :-)

5
20.01.2011 12:16
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.

6
20.01.2011 12:02
Patrik Šíma web

Díky. Dostal jsem na svou otázku, hezkou odpověď.

7
20.01.2011 15:42
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.

8
20.01.2011 16:33
markoniuss web

Nejlepší je tam dát nadpis článků, místo další atd :)

9
20.01.2011 16:32
David Grudl web

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ů?“.

10
20.01.2011 16:40
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ů.

11
20.01.2011 16:51
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.

12
21.01.2011 20:10
Peter Kahoun web

[9] Ano, na vizualizaci se projevuje jen první klik. Druhá otázka: by mě taky zajímalo.

13
23.01.2011 14:01
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…

14
07.06.2011 19:49
Elektrárny web

No tak dík za zajímavou infografiku

15
05.07.2011 14:27
Marek web

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

16
28.03.2012 20:27
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.

Přidat komentář

(nebude publikován)

Víte kdy má vaše oblíbená kapela koncert?
© designed and coded by Hellish