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. Mist, ich gehöre zu den 10,4% ;) zumindest mit meinem einen Bildschirm, der für den Webbrowser reserviert ist. Naja, da hat die Evolution mich eingeholt.
    Aber Achim, wo ist denn die Kategorie “letzte Kommentare” geblieben?
    Hast Du Dir auch überlegt, die Überschriften in den rechten Spalten etwas mehr hervorzuheben? Da die beiden Spalten nicht stark voneinander getrennt sind, und die gleiche Schriftart / -größe verwendet wird, könnte es – meiner Meinung nach – etwas unübersichtlicher sein.

  2. Das Kursive in den Kommentaren fand ich übrigens äußerst schön, das ist eine Sache, der ich (bisher) etwas nachtrauere.

  3. Alles in allem eine kleine, feine Überarbeitung! Würde es diesen Artikel nicht geben, wäre mir nur aufgefallen, dass das Logo nun mittig sitzt.

    “Vor allem mit Hinblick auf eine flexiblere Spaltenbefüllung kommt das Design Tagebuch nun mit drei statt mit zwei Sidebars daher.”
    Sind hier Spalten gemeint oder Sidebars? Ich sehe nämlich nur 2 Sidebars. Oder zeigt mir mein Browser nicht die 3te Sidebar an?

  4. hm, die sidebars konkurieren mir ein bisschen zu sehr mit dem content, rein optisch. der usability und readability tut das jedoch nichts.

    und arial, sehrsehr fein :)

  5. Für mich ist’s leider auch zuviel Text – gerade “oben” auf der Seite erschlagen mich die vielen Links, zusätzlich zum normalen Text.

    Die kursiven Kommentare vermisse ich auch – jetzt ist nicht mehr sofort ersichtlich, was Inhalt, was Kommentar ist.

    Und in die Arial muss ich mich zuerst noch verlieben – bis jetzt hat’s noch nicht gefunkt. :)

  6. Schade. Warum kein flexibles Seitenlayout? Schau mal hier:
    https://muffinresearch.co.uk/archives/2006/02/07/css-drop-column-layout/

    Das ist die perfekte Lösung finde ich. Die Spalten floaten einfach nach unten wenn man das Browserfenster kleiner macht und schwupps hat man nen 2spalter.

    Versteh gar nicht warum keines der grossen Portale darauf zurückgreift. Die sehen mittlerweile alle gleich aus. Da kopiert der eine vom anderen. Egal ob Wirtschaftswoche, Morgenpost, FAZ, Netzeitung. Die sind alle gleich.

    Die Zukunft ist flexibel! Nochn Beispiel hier: https://www.vivabit.com/

    Also bringt das Web nach vorne!

  7. 2 Sidebars nebeneinander sind zuviel, das wirkt hier sehr unaufgeräumt. Und das die hellgraue Hinterlegung fehlt ist auch schade, dadurch springt das Auge stärker zwischen Text und Sidebar. Gleiches gilt für die Kursive und die Kommentare!
    Schade!

Kommentare sind geschlossen.

An den Anfang scrollen