Best Practice bei der Implementierung von nummerierten Listen in Spalten?

7

Ich implementiere oft nummerierte Listen sowohl für Print- als auch für Webprojekte . Manchmal ist es einfach effizienter, die Liste in zwei, drei oder vier Spalten aufzuteilen.

Wie soll mit der Artikelbestellung umgegangen werden?

Sollten die Zahlen oben links bei 1 beginnen und dann die Spalte nach unten gehen und dann zur nächsten Spalte springen, um mit der Nummerierung fortzufahren? (Option A)

Oder sollten Zahlen bei 1 oben links beginnen und sich seitwärts zu # 2, # 3 usw. bewegen, wobei für jede Zahl Spalten übersprungen werden? (Option B)

Geben Sie hier die Bildbeschreibung ein

In Bezug auf die Webreaktivität bietet Option B bessere Haltepunkte (manchmal mit 3 oder 4 Spalten).

Sollte dies sowohl im Print als auch im Web gleich gehandhabt werden?

Scott
quelle
Ich persönlich denke, Option A ist besser lesbar. Ich denke, wir (gut westliche Kultur) neigen dazu, in Spalten von links nach rechts zu lesen, also habe ich die gesamte linke Spalte gelesen, bevor ich zur nächsten ging
binky
1
@Scott Obwohl ich nicht glaube, dass die Frage hier nicht zum Thema gehört, werden auf der UX-Website definitiv auch Fragen zu Drucksachen gestellt. Unter anderem.
Chris Hayes

Antworten:

12

Ich denke, dass Ihre erste Option eine viel bessere Praxis ist. Ich würde eine nummerierte Liste nicht anders behandeln als eine alphabetische Liste. Würden Sie den Index eines Buches in einem alternierenden Spaltenstil einrichten?

Wenn der Blick eines Lesers über mehrere Spalten hin und her gescannt wird, wird die Kontinuität, die eine geordnete Liste bieten sollte, nicht verkauft.

Mehrspaltiger Text für das Web ist immer noch heikel, aber die CSS-Unterstützung wächst (und ist in den meisten modernen Browsern vorhanden).

Erster Entwurf
quelle
6

Option A, aus Liebe zum Hund, bitte. Es ist anstrengend, meine Augen hin und her zu peitschen, um Option B zu lesen. (So sortiert Stack Exchange die Tags in alphabetischer Reihenfolge, und ich hasse es. ) Es ist fast so , als müssten Sie zu viele Informationen von links nach rechts tragen, wenn Sie von einer Spalte zur nächsten springen, anstatt nur schnell nach unten zu blättern.

Ich sehe fast keinen Vorteil für Option B für Print oder Web.

Lauren-Clear-Monica-Ipsum
quelle
B ist mehr über responsives Webdesign ... also ...
Scott
4

Option A ist großartig, es fühlt sich intuitiv an. Das Lesen von Spalten von oben nach unten ist für westliche Leser selbstverständlich.

Option B eignet sich besser für Zeilen anstelle von Spalten. Vielleicht ist dies ein Ansatz, den Sie ausprobieren sollten. weniger Platz zwischen den Einträgen, mehr Platz zwischen den Zeilen. Der reaktionsfreundliche Punkt ist legitim, aber ich denke, dass dieses Layout die Lesbarkeit Ihrer Inhalte und die Fähigkeit zum schnellen Scannen und Analysieren von Informationen ohne Reibung beeinträchtigt, was Priorität 1 sein sollte.

Vicki
quelle