Textfluss in Online-Magazinen

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

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 ...