Skip to content

Design Tagebuch – Alles bleibt anders

Relaunch dt

Es hat sich in diesem Blog etwas bewegt. Gleichzeitig bleibt das Meiste unverändert. Vor allem mit Hinblick auf eine flexiblere Spaltenbefüllung kommt das Design Tagebuch nun mit drei statt mit zwei Sidebars Spalten daher. Damit verbunden wurde die Gesamtbreite auf 1090 Pixel angehoben. Ein Blick in die Statistik zeigte, dass lediglich 10,4% der Leser dieses Blogs noch mit einer 1024er-Auflösung unterwegs sind. Alle anderen sehen mehr. Warum also nicht die Breite nutzen? Selbst die besagten 10 Prozent sehen immer noch alle Navigationselemente und natürlich auch den Haupt-Content. Statt also den kleinsten gemeinsamen Nenner zu bilden, bekommt die Mehrheit aller Leser nun einen Aufbau auf den Bildschirm, mit dem die großzügiger ausgestattete Hardware keine Probleme hat. Ich hoffe das Stöbern wird so noch etwas erleichtert.

Weitere Anpassungen

• Die linke Sidebar enthält nun erstmals eine Liste mit kontextbezogenen Beiträgen “Verwandte Beiträge”. Um diese Link-Liste bereitstellen zu können, war es notwendig alle Artikel hinsichtlich ihrer Tags zu überarbeiten. Bei bislang 459 Beiträgen kommt so einiges zusammen.

• Statt Verdana ist nun die Arial als Schrift gesetzt, überall. Auch in den Kommentaren, wo bislang zusätzlich ein “italic” hinterlegt war. Ich kann die Verdana auf den eigenen Seiten einfach nicht mehr sehen. Nicht, dass ich die Verdana grundsätzlich aussortiert habe, dafür hat sie zu viele Vorzüge. Sie erscheint mir aber nun für das dt etwas grob und zu technisch. Die Arial ist filigraner und lässt vor allem in den Spalten bei gleicher Größe mehr Inhalt zu.

• Das Logo sitzt mittig im Header. Hat den einfachen Grund, dass es im linken Bereich aufgrund des Wegfalls des Datums oberhalb des Artikeltitels mit dem selbigen kollidiert. Hier war mein Wunsch der Überschrift des jeweils ersten Titels so viel Prominenz wie möglich einzuräumen.

• Überdies enthält der sofort sichtbare Bereich mehr Informationen, als zuvor. Nicht nur die Navigation ist ohne scrollen einsehbar, sondern auch die Liste der zuletzt erstellten Beiträge. Für alle, die nur schnell mal die Startseite aufrufen möchten, sollte dies eine praktische Sache sein.

• Die Farben bleiben unverändert. Lediglich die hellgraue Hinterlegung der Sidebar entfällt, wodurch der Gesamtaufbau tendenziell noch etwas luftiger erscheint.

• Der Rest ist eher marginal. Hier ein paar Linien mehr, um Elementen abzusetzen, da ein paar Icons weniger. Auch die “Verdunklung” der Link-Farbe und der neue stärke Rollover-Zustand gehören beide in diesen Bereich.

Ich hoffe den vielen Stammlesern fällt die Umstellung nicht allzu schwer. Ich werde sicherlich an der ein oder anderen Stelle noch ein paar Schrauben anziehen. Wer noch Ungereimtheiten findet, darf/kann diese sehr gerne melden.

Ansonsten wünsche ich Viel Spaß im neuen Design Tagebuch.

Dieser Beitrag hat 103 Kommentare

  1. Leider passt die Seite jetzt nicht mehr auf meinen Zweitbildschirm und sodnerlich gut macht sich das Dreispaltendesign meienr Meinung nach nicht. Zuviel Kleinkram der schlcht von einander getrennt ist :-/

  2. Lieber Achim,

    drei Spalten sind immer unübersichtlicher als zwei Spalten – das hat nichts mit Gewohnheit zu tun, sonder einfach damit, dass mehr Informationen nebeneinander liegen.
    Das wird sich auch in drei Wochen nicht ändern.

  3. Bedenke, dass der Trend aber auch zu immer mobileren Endgeräten geht. Im Zeitalter des UMPC, IPhone und PDA, ist es fast schon chic im cafe oder in der wartehalle mit einem solchen Gerät Zeitvertreib zu betreiben. Ich surfe das DT übrigens mehrmals am Tag ab (Es liest sich einfach so spannend ;) ) und surfe dabei mit meinem EEEPC auf dem schoss, da ich zu faul bin an meinem Desktop Rechner zu gehen. Nun hat Aldi auch ein UMPC und so gut wie jeder namhafte Hersteller wirft sein eigenes Gerät auf dem Markt. Finde also diese entwicklung des DT ungünstig. Besser wäre hier eine CSS-layoutisierung, die je nach Monitorauflöung ein jeweiliges CSS liefert. Ich sehe, der Quelltext ist auch linear aufgebaut, wär also schon schön ein solches klein-Auflösungs-CSS hinterherzuschmeißen ;)

  4. Ich benutze eine Auflösung von 1440 x 900 Pixel. Allerdings bin ich mit keinem Programm, außer der CS3, im “Vollbildmodus” unterwegs. Daher finde ich diese Lösung bedauerlich. Die beiden Spalten fallen ziemlich ins Gewicht und lenken einfach beim Lesen ab. Das Augenmerk liegt nun nicht mehr voll und ganz bei dem Artikel. Schade.

  5. Sidebar und Content konkurrieren meiner Meinung nach wegen der gleichen Schriftgröße miteinander.

    Und: Auflösung != Viewport (aber mein Browser ist 1152px breit, mir passt’s=

  6. In der Tat hätte ein winziger Abzug der Schriftgröße den Sidebars gut getan. Jetzt merke ich es, beim winzigen Schriftgrad des Comment Input Bereichs. Vielleicht auch wieder ein Grauakkzent bei beiden Sidebars, der dort Kontrast nimmt und den Beitragsbereich wieder nach vorne bringt.

    Aber gegen 2 Sidebars bzw. 3 Spalten wehrt sich im allgemeinen zuerst jeder User und “frisst” es dann letztendlich doch. Was will man auch tun wenn viel Content da ist. Ich habe lieber eine große Übersicht als zu viele Klicks vor mir für Subbereiche. Aber ich habe generös eh noch ein Favoriten Leiste zusätzlich am Start, vielleicht übt das das sektorale Ausblenden von statischen Spalten.

    Das Live-Kommentieren macht mir grad viel Ärger (Vista FF). Es ist sehr verzögert und beim zu schnellen Tippen erhalte ich “magisch” ein anderes Fenster / Tab angezeigt!? Ich finde das Live-Kommentieren zwar ganz gut, aber ein Edit-comment im Nachhinein wäre mir lieber bei meiner Schreibe :)

  7. Wenn ich ehrlich sein soll….vorher war es besser gewesen.
    Auf jeden Fall ist die geänderte Schriftart einen Pluspunkt wert ;)
    Das Dreispalten Layout bringt einfach zu viele Informationen auf einmal hervor.

  8. Es ist schon ziemlich breit. Ich habe (zumindest zu Hause) eine 1920 Auflösung aber den Browser nicht auf Vollbild. Vermutlich machen es viele mit großen Monitoren so, denn einige Sites z.B. Spiegel Online kleben sonst sehr an linken Rand.

Kommentare sind geschlossen.

An den Anfang scrollen