Die vorbildliche Zeitungswebsite des Boston Globe
Vor ein paar Monaten veröffentlichte der US-Designer und Entwickler Ethan Marcotte ein viel beachtetes Buch mit dem Titel »Responsive Web Design«. Anschließend zog er sich mit den Online-Redaktion der Tageszeitung The Boston Globe ins stille Kämmerlein zurück. Gestern feierte er in seinem Blog die Premiere des neuen Boston-Globe-Internet-Auftritts, der auf seiner Theorie des reagierenden Webdesigns basiert. Der nachfolgende Film stellt zusammengefasst die Vorzüge dieser Architektur für Verlag und Leser vor:
Um Minute 1:22 seht ihre eine Szene, in der das Design der Website auf verschiedenen Geräten gleichzeitig getestet wird. Das Tool, mit dem man eine solche Testlauf durchführen kann heißt Shim, eine node.js-Javascript-App, die einen simultanen Websurf sowohl über verschiedene Geräte als auch Browser gestattet. Mehr Infos dazu auf GitHub.
Probiert das »responsive design« der Boston-Globe-Site selbst aus, indem ihr das Browserfenster skaliert: www.bostonglobe.com
2 Kommentare
Kommentarfunktion ist deaktiviert.
<em>kursiv</em> <strong>fett</strong> <blockquote>Zitat</blockquote>
<a href="http://www…">Link</a> <img src="http://bildadresse.jpg">
Kurt
Tja, das Medium wird kämpfen müssen; das Netz wirkt sich – geht die alte Generation (ich nenne sie: die Lese(r)generation!) zunehmend verlustig – eben auch auf die papierene Zunft aus. Schade, schade, Schande!
David
Schon beeindruckend, was die Zeitung da auf die Beine gestellt hat. Aber „responsive design“ hat ggü. reinen mobilen Websites auch Nachteile, insbesondere in Sachen Datenmenge. Mehr dazu: http://www.webdesignshock.com/responsive-design-problems/
Beispiel: Das Bild auf dieser Seite hat eine Größe von über 1200 px Breite (und ist 175 kB „schwer“), wird in der kleinsten Auflösung (Browserfenster mal ganz schmal machen) aber überhaupt nicht angezeigt – und dennoch (bspw. auf dem iPhone) mitgeladen (der Container mit dem Bild wird einfach via CSS/display:none ausgeblendet). Unnötige Ladezeiten und Verbrauch etwaiger Datenvolumina inklusive.
Hat also alles seine Vor- und Nachteile. (Okay, bei einer Seite komplett ohne responsive design würde das Foto natürlich auch mitgeladen, aber das kann ja in diesem Zusammenhang nicht der Anspruch sein :-)