Textfluss in Online-Magazinen
 

Hallo zusammen.

Ich beschäftige mich in der letzten Zeit intensiv mit dem Aufbau und der Struktur von Online-Magazinen. Selten treffe ich dabei auf Innovationen, da alles doch nach einem recht gleichem Schema aufgebaut ist.
Im Punkt Textfluss habe ich aber gerade eben eine interessante Entdeckung gemacht und mich gefragt: Warum lässt man den Text nicht wie in Printmagazinen fließen, also in 2 oder 3 vertikalen Spalten?

Krawall.de macht es vor. Ich finde den Ansatz wirklich interessant. Das ganze als Blocksatz ergibt einen schönen Fluss. Der größte Nachteil an einer solchen Aufteilung ist aber meiner Meinung nach, dass das ganze doch sehr umfragreich aussieht. Der Leser könnte sich schnell von der Menge an Zeichen und Wörtern überfordert fühlen.
Es ist aber mal ein neuer Weg, den man sich mal durch den Kopf gehen lassen sollte. Es ist auf jedenfall eine interessantere Sache, als den Text immer unglaublich lang untereinander geklatscht zu bekommen, wie es z.B. der Spiegel in seiner Online Ausgabe macht.

Das Unterbringen von Bildern in einer solchen Textaufteilung erweist sich augenscheinlich auch als schwierig. Es ist wenig Platz und man müsste die Bilder sehr klein halten, was auch nicht die ideale Lösung ist.

Mich würde einmal interessieren, was ihr zu einer solchen 2 Vertikal-Spalten Textaufteilung haltet. Bevorzugt ihr eher die klassische Variante, oder seit ihr als Leser eines Magazins auch offen für solche Innovationen?

Ich bin immer offen für Innovationen, solange diese gut umgesetzt sind. Ich schätze die "Kollegen" von Krawall, da sie eine gute Arbeit machen und gute Ideen - wie den Textfluss - haben. Mit dem Lesen von Krawall-Artikeln habe ich keine Probleme.

p.s.: Den Textfluss haben im Spielegebiet aber einige... (Die Szene macht gerne den "großen" alles nach.)

Mehrspaltiger Text hat auf dem Bildschirm einen ganz großen Nachteil: man liest eine Spalte nach unten, und muss dann für die nächste Spalte wieder nach oben Scrollen. In einem Printmedium hast du dieses Problem nicht, da du dort die komplette Seite im Blick hast. Das wäre für mich schon ein Grund, bei Bildschirmausgaben auf mehrspaltige Texte zu verzichten.

Es ist halt die Frage, ob des wirklich lohnt. Toll wäre es natürlich für Seiten, die zum Ausdrucken gedacht sind. Dort müsste man halt nur darauf achten, dass man die Seitengröße genau trifft. Aber wenn man soweit geht, kann man auch gleich PDF verwenden. Außerdem befrüchte ich, dass man sein XHTML verhunzen müsste, um sowas hinzukriegen. Also wenn es nicht sauber geht, dann nicht.

Warum nicht sauber? Mit CSS sollte das doch mit Sicherheit kein Problem sein ...

100%

Das ist für mich genau der Grund, auf eine solche Form zu verzichten. Es ist klar, dass ein mehrspaltiger Text optisch aufgelockert und evtl. sogar kürzer wirkt. Kürzer ist er aber natürlich nicht.

Für mich kommt es viel mehr auf den Inhalt an. Ein langer Text wird gern gelesen, wenn er den besonderen Reiz bietet. Interessant geschrieben und nicht unnötig in die länge gezogen oder künstlich aufgefüllt.

Wenn ein Text vom Inhalt gut herüber kommt, ist mir die optische Aufmachung absolut zweitranging.

Der mehrspaltige Text macht meiner Meinung nach im Internet nur dann wirklich Sinn, wenn die Seite in der Höhe fix ist. Ein gutes Beispiel für ein solches Layout bietet, auch wieder aus dem Spielebereich, die Magazinausgaben von Checkmag.info (recht aktuelle Ausgabe).

Verstell mal im Browser die Schriftgröße, dann werden Teile des Textes verschluckt. Also diese Lösung ist echt alles andere als perfekt.

Es geht hier um Textlayout und nicht die Einbettung in Tabellen oder CSS Lösungen. Daher legt mein Beispiel für ein gutes, mehrspaltiges Textlayout keinen wert auf Perfektion im (x)html Bereich. Ein Tabellenlayout sehe ich eh nicht als solches an.

edit:

Solange die gängigen Browser das Attribut "colums:x" nicht unterstützen, braucht man sich darüber meiner Meinung nach eh nicht unterhalten, wie man es technisch gut umsetzt.

Es gibt zwar eine recht gute Alternative bei A List Apart (http://www.alistapart.com/articles/crosscolumn/) aber selbst dort kommt man, trotz eines guten Beispiels, zu folgendem Schluss:

Ich glaube, dem brauche ich nichts hinzuzufügen. Besonders verwirrend ist es, wenn darunter noch so ein Artikel ist, der aber nicht deutlich genug abgetrennt ist - dann ist die Verwirrung komplett.

Wenn ich mir die Textaufteilung in 2 Spalten jetzt mal genauer und vor allem länger anschaue, dann muss ich auch zugeben, dass die Nachteile deutlich überwiegen.
Ich finde nicht einmal, dass der Text somit kürzer aussieht. Naja klar von der Länge von oben bis unten gemessen schon. Aber der Text sieht so wuchtig aus, man wird förmlich erschlagen.
Das man nach dem Lesen der ersten Spalte wieder nach oben scrollen muss um an der zweiten anzufangen stimmt natürlich auch. Ist jetzt meiner Meinung nach nicht so der riesige Nachteil. Es stört ein wenig den Lesefluss, aber sonst eine Gewohnheitssache.

Ist sowieso die Frage, wie und vorallem ob die Besucher so eine Änderung annehmen würden.

Also auf Krawall funktioniert es einwandfrei. Ich habe mich eben mit Toby Knoke, lt. Redakteur von Krawall, über das Thema unterhalten. Und er meint, dass das von den Lesern bisher sehr gut aufgenommen wurde. Weiterhin gab es keine Beschwerden bzgl. eines zu "wuchtigen" Textes. Zwar besteht die Gefahr, das es einmal zu viel wird, aber "ich behaupte einmal: Noch ist kein Layout absolut perfekt."

Mehrspaltige Texte haben auch einen Vorteil und zwar, dass die Textzeilen sehr schmal sind. Eine Textzeile, die sich über ein komplettes Zeitungsblatt oder ein maximiertes Fenster mit 1600x1200 Pixel Auflösung erstreckt, ist schwer zu lesen: erreicht das Auge das Zeilenende muss es den Anfang der nächsten Zeile wieder suchen. Das stört den Lesefluss da es oft passiert, dass man den Anfang der nächsten Zeile nicht sofort findet.

In Printmedien kann man Abhilfe mit mehrspaltigen und daher schmalzeiligen Texten schaffen. In Bildschirmausgaben könnte man durch das Layout die Zeilenbreite niedrig halten. Gut gelöst finde ich beispielsweise SPIEGEL ONLINE oder NETZEITUNG. Ein Text wie dieser hier ist in einem maximierten Browserfenster schon deutlich anstrengender zu lesen.

Eine Übergangslösung für Leute die es mal testen möchten oder generell an eine entsprechende Umsetzung denken können sich ja mal dies hier anschauen:

CSS3 Multi-Column

A javascript implementation of the CSS3 Multi-Column Module. Works for all recent browsers. Still hot from the hoven (ie. beta version).

http://www.csscripting.com/wiki/imag...ulticolumn.gif

Das ist natürlich mal ne feine Sache, könnte mir unter Umständen sogar mal vorstellen, sowas einzusetzen. Die Frage ist nur: wo?

Vielleicht in einem Weblog, der Ein Zeitungsähnliches Layout haben soll oder so...

Ich wüste sofort eine Stelle, wo ich das einsetzen würde: In der Druckversion der meisten Homepages, die ich betreue. Bei Zeitungen, ... ist das ja schon länger üblich, und beim Ausdruck ist das dem Lesefluss nur förderlich.
Das kommt aber auch auf den Leser an. Geübte Leser haben es da deutlich einfacher :)

Naja kommt drauf an, wie die Druckseite dann gestaltet ist.
Wenn das ganze dann so endet, dass eine Spalte so lang ist, dass sie auf zwei Seiten reicht, dann ist das ganz und gar nicht gut. Dann müssen die Spalten schon genau Din A4 Länge haben.

Und das ist auch sicherlich der größte Knackpunkt bei der Verwendung solcher Spalten bei Onlineseiten. Wenn jeder Bildschirm eine Din Größe hätte und man sich darauf einstellen kann, dann wäre das sicher ideal. Dann gäbe es auch kein Scrollproblem mehr. Aber so ...

Ich finde das zweispaltige Layout von Krawall sehr gelungen, da durch selbiges IMHO die Übersicht und die Lesegeschwindigkeit verbessert bzw. erhöht wird. Und wuchtig erscheint einem ein solcher aufgeteilter Text schon gar nicht. Unangenehm hingegen finde ich die längeren Artikel bei SPIEGEL ONLINE.

Vom Ausdrucken eines solchen mehrspaltigen Textes (der für den Screen optimiert wurde) würde ich sowieso abraten. Da wäre eine extra Druckversion (die auch ruhig mehrspaltig sein darf) als PDF oder eine speziell dafür optimierte Seite sinnvoller (und erzählt mir jetzt nicht, dass man die Maße von Boxen nicht in cm angeben kann ;)). Außerdem hat man natürlich auch die Möglichkeit für jedes einzelne Medium extra eine CSS-Datei zu hinterlegen.

Das "Wieder-hoch-Scrollen" kann man doch auch prima mit einem Top-Button oder ähnlichem lösen. Und bei der Zeitung wird der Lesefluss doch auch durch das "Wieder-nach-oben-Schauen" etwas behindert (geht jedenfalls mir so).

Löse es doch genau wie in Zeitungen. Füge Bilder, die über mehrere Spalten gehen, ein. Natürlich müssten die Spalten dann fixe (Pixel-)Größen haben und ggf. müsste man für die einzelnen Auflösungen jeweils speziell angepasste CSS-Dateien anbieten (mit einem Styleswitcher natürlich) - ich habe aber auch nicht behauptet, dass ein mehrspaltiges Layout eine leichte Aufgabe ist. ;)


codethief.

Damit findet aber der Lesefluss einen abrupten Einbruch. Der Leser muss zuerst den Link fixieren, die Maus nutzen und nach dem Sprung den Textanfang finden. Gerade durch die Verwendung der Maus spielt sich dies nicht nur im Bereich der Milisekunden ab.

Eine Zeitung entspricht keinem Bildschirm. Während bei einer Zeitung eine minimale Bewebung der Augen und möglicherweise des Kopfes nötig ist, so muss man als zusätzlich die Maus zum Lesen des Textes nutzen (außgenommen, es handelt sich um einen wirklich kurzen Artikel).

Und, allgemein, findet sich die Teilung in Kolumnen beinahe ausschließlich in Zeitungen und Magazinen. Der wirklich große Teil der Printmedien setzt auf eine Kolumne pro Seite und nicht mehr.

Wofür gibt es Tasten wie Pos 1, Ende, Bild ^, Bild v. ? ;)

Könnte auch über CSS für Miniaturanzeigen gelößt werden. So z.B. diese hier: http://www.stunicholls.myby.co.uk/menu/magnify.html

Oho, diese Lösung gefällt mir. :)

Mir tat sie auch gefallen, deshalb hab ich diese Lösung vor knapp 2 Wochen in eine Kundenseite eingebaut :)

Die Maus verwendet man doch sehr oft beim Lesen von langen Artikel. Zumindest tue ich das. Wenn ich zum Beispiel bei Spiegel Online einen langen Artikel lese ist die rechte Hand fast immer auf der Maus und ich scroll mit dem Scrollrad. Andernfalls benutze ich die Pfeiltasten.

Dann kann ein Klick auf ein kleines Bildchen, das z.B. einen Pfeil nach oben symbolisiert, auch nicht so aufwendig sein.

Schau dir mal die Aufnahmen der Augenbewegung auf Websites an und du wirst erschrocken sein, wie schnell und oberflächlich wir Websites betrachten und ein das Suchen des entsprechenden Buttons ist eine kleine Ewigkeit.

Aber das Suchen des Buttons kann man ja so einfach wie möglich machen.
Der Button ist sowieso nur interessant für diejenigen, die den Text komplett lesen. Wenn man nur drüberfliegt hat man die Maus meist sowieso in der Hand und kann auch schnell scrollen. Wenn man den Text aber ganz und mit Ruhe liest, kommt man zwangsweise ans Ende der ersten Spalte und da kann ja gleich hinter dem letzten Wort ein kleiner Pfeil angebracht sein, der den Leser umgehend nach oben befördert.

Meinst du, dass ist wirklich ein so großer Aufwand für den Leser? Ich kann mir das nicht so richtig vorstellen, denn das geht doch alles recht schnell ...

Andersrum gefragt: was versprichst du dir von einem mehrspaltigen Layout? Auf einem Bildschirm wird der Text dadurch nicht unbedingt lesbarer (eher im Gegenteil), es entsteht mehr Aufwand um durch den Text zu scrollen (mit dem Mausrad nebenher zu scrollen ist wesentlich weniger irritierend als wenn man auf der Seite mehrmals nach oben springen muss). Wo liegen die Vorteile? Gibts überhaupt welche?

Meiner Meinung nach ist es übersichtlicher und "freundlicher", zudem passt es zu einem Onlinemagazin besser.

Ein oben-nach-unten Text ist folglich unübersichtlich und unfreundlich, aber kannst du dies vielleicht noch begründen? Im Moment sehe weder das erste noch das zweite Argument ein.

Das Argument des Onlinemagazins wäre anwendbar, aber ist meiner Meinung nach eher eine Frage des Geschmacks und nicht der Nutzerfreundlichkeit. In Zeitungen und Magazinen hat sich das Kolumnendesign auf Grund der Größe des Papiers durchgesetzt. Die Vorstellung, dass ein Artikel in der FAZ u.Ä.über die komplette Breite des Papiers ohne Unterbrechnung führt ist erschreckend.

Ein Bildschirm ist aber in seiner Darstellung beschränkt und besitzt nicht das Format einer Zeitpunkt. Wenn der Text eine entsprechende Länge besitzt, wird entweder am unteren oder am rechten Bildschirmrand Teile des Textes verdeckt. Für den Leser ist es da wesentlich einfacher den Weg von oben nach unten zu nehmen ohne irgendwohin springen zu müssen.

Das hat er ja nicht gesagt. Codethief hat lediglich gesagt, dass seiner Meinung nach ein Spalten Design freundlicher und übersichtlicher als ein "normales" Design ist. Das heisst ja nicht, dass ein oben-nach-unten Design nicht auch freundlich und übersichtlich ist.
Seiner Meinung nach nun mal nicht so sehr, wie ein Spalten Design. Was gibt es denn da zu begründen?

Laut dir wäre ein einspaltiges Layout folglich nicht unfreundlicher als ein mehrspaltiges Layout? In der Tat hatte ich meine Aussage im zitierten Text nicht um die Worte ergänzt, dass ich einspaltiges und mehrspaltiges Layout miteinander vergleiche, da sich der komplette Thread um dieses Thema dreht.


Na, klingelt es jetzt warum man seine eigene Meinung untermauern sollte?

* Diese Aussage entspricht nicht meiner Meinung und dient ausschließlich als Beispiel.

Das Zweispaltendesign finde ich btw auch nur bei Onlinemagazinen (und Zeitungen sowieso) passend. Ich beurteile in diesem Zusammenhang ganz nach meinem Geschmack. Meiner Meinung nach ist es halt übersichtlicher und freundlicher - zu erklären gibt es da nix. :)

Jemand der dieses Thema und meine Beiträge verfolgt hat kommt zu dem Ergebnis, dass ich ein Mehrspaltendesign nicht übersichtlicher finde, als ein normales Design. Ich habe lediglich das wiederholt, was codethief gesagt hat. Das hätte aus dem Beitrag aber auch klar werden können.

Ich hatte ja bereits mehrmals gesagt, dass ich so mehrere Spalten bei genauerem Betrachten zu wuchtig finde. Der Text erschlägt den Benutzer.

Aus diesem Grund habe ich ja auch deine Ausage bezüglich codethiefs Beitrag zitiert und nicht einen deiner anderen Beiträge.

Es kommt ganz auf die Leserschaft an. "Typische" Webkonsumenten finden es vielleicht nicht so toll, aber je nach Zielgruppe wird es sicherlich auch positiv aufgenommen.


Interessant finde ich was die Int. Herald Tribune schon seit längerem macht:
Beispiel:
http://www.iht.com/articles/2005/07/29/news/profile.php

Nicht nur mehrspaltig, sondern auch umblättern ohne Ladezeiten und mit großen Klickflächen zum umblättern (jeweils die äußere der drei spalten).

Beim ersten mal fand ichs komisch, aber man gewöhnt sich sehr schnell dran. :)

Und wie funktioniert das ganze? Ist doch bestimmt Java Script, oder CGI, oder?
Also die Idee finde ich auch wirklich gut. Sieht echt klasse aus und sollte man mal weiter verfolgen.

hab mal kurz in quellcode geschaut.. sieht mir nach simples javascript aus..
der text ist komplett geladen, wird aber "versteckt"

mfg

Bei solchen Sachen ists auch immer die Frage, wie der gemütliche Online Nutzer damit klar kommt. Viele sind es doch gewöhnt den Text auf ihrem Bildschirm von oben nach unten zu lesen. Da könnte es doch zu einiger Verwirrung kommen bei Usern, die nur mal kurz vorbei schauen.

Ich finde es bei dieser Internetseite besonders toll, dass sich das Textfeld der größe des Browserfensters anpasst, damit fällt auch das lästige Scrollen weg. Mir gefällt die Lösung durchweg, abgesehen davon, dass die Seitenzahl nicht direkt beim Text, sondern in der linken Navigationssleiste gezeigt wird, aber das ist Geschmackssache.

Kürzlich sind zu diesem Thema zwei Studien erschienen, die ich in meinem Blog zusammengefasst habe.

Ich denke ein- oder mehrspalten Aufteilung ist wirklich eine Einzelentscheidung die von vielen Faktoren abhängig sind.

Man darf nicht vergessen, das gerade mehrspaltige Darstellungen, sollen sie gut funktionieren, meiner Erfahrung nach wesentlich aufwendiger sind als die einspaltige Variante und selbst diese ist nicht "einfach".

Das Bsp. vom iht finde ich gut gelungen und auch sehr passend. Nur wenn in dem Text jetzt noch eine grössere Grafik rein soll, wirds schwierig. Also auch keine "Standard"lösung (davon abgesehen, das ich wenig davon halte per Java Funktion Texte zur Verfügung zu stellen).

Ich habe beides ausprobiert und bin im Normalfall mit dem einspaltigen System besser gelaufen, da der Aufwand geringer ist.

Aber auch an denen kann (und muss) man feilen. Denn die Breite des Textes, Schriftgrösse (ich tendiere mittlerweile wieder zu groesseren Schriftgroessen... vorallem bei längeren Texten), saubere Absätze, Einfügen von Grafiken o.ä., sowie für mich gerade bei kleineren Spalten sehr wichtig, das "justify", sind alles Elemente die dem Lesespass förderlich sind und halt berücksichtigt werden. Und hierbei gibt mir ein einspaltiges System einfach mehr Freiheit als eine mehrspaltige Darstellung.

Coki