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.

103 Kommentare zu “Design Tagebuch – Alles bleibt anders

  1. @achim:
    ja da ist wohl typisch Mensch: Hauptsache irgendwas finden worüber man meckern kann, nur damit man auch etwas dazu gesagt hat. ;) Und zum Thema Reduktion ansich: je simpler, desto klarer und desto weniger kann man eigentlich falsch machen. dass es nun IMMER NOCH Meckerköppe gibt, kann ich eher weniger verstehen.

    >Überdies bin ich der Meinung, dass sich nicht die (Standard) Website dem
    >iphone-Maß unterordnen sollte, sondern die mobilen Geräte so gut sein müssen,
    >dass Surfen unterwegs Spaß macht und nicht zum Spiel mit der Lupe verkümmert.
    >iphone kann ja nur als ein erster richtiger Schritt in die richtige Richtung verstanden
    >werden.

    Naja aber da fängts ja wieder an mit Henne und Huhn. Doch das W3c hat nicht umsonst usability und Acessibility Vorgaben erstellt, DAMIT man eine Aufbuanleitung hat. Und die Gerätehersteller und Webseitenentwicker können sich daran orientieren, so dass Funktionalität auf allen Ebenen gegeben ist. Ja, spiel mit der Lupe: aus diesem Grund wird ja eben NICHT versucht alles zu verkleinern, erzwingt aber bei breiteren Seiten horizontal zu scrollen in den meisten Fällen, Abhilfe wäre Touchscreen mit Stift oder was meinst du mit mobilen surf spaß a la iPhone?

    Eine wirklich benutzerfreundliche Seite erkennt man im Übrigen daran, dass sie auf jedem Endgerät passend, und ohne extra-Stylesheets, formatiert wird. ;)

  2. Allerdings solltet ihr überlegen, das logo wieder nach rechts zu schieben, sah einfach besser aus

    Das Logo war nie auf auf der rechten Seite. Seis drum. Jeder sieht etwas anderes. Der eine möchte die Schrift größer, der andere kleiner etc. Wenn ich eines beim Bloggen gelernt habe, dann ist es die Erkenntnis, dass man es unmöglich Allen Recht machen kann. Das ist allerdings kein Übel sondern liegt in der Natur der Sache.

    Ich finds jedenfalls spannend, das sich mittlerweile so viele Leser, nicht nur mit den Beiträgen zu einem Relaunch oder einer Logoveränderung auseinandersetzen, sondern sogar zu einem Artikel über das Design Tagebuch selbst einbringen. Viel mehr als der Umstand, dass der Aufbau (noch*) wenig Zustimmung findet, wiegt bei mir im Moment die Freude, dass sich soviele Leser Gedanken zum dt machen. Heute will ich das an dieser Stelle einfach mal genießen.

    *hoffe weiterhin :-)

  3. wo ist der vorher-nachher vergleich, den es sonst immer bei den den neuen webseiten gibt?

    find den frühjahrsputz gelungen, außer die 2 sidebars die nicht ausreichend voneienader abgesetzt sind.

    …aber ist ja sicher nicht derletzte relaunch ;)

  4. “Wenn ich eines beim Bloggen gelernt habe, dann ist es die Erkenntnis, dass man es unmöglich Allen Recht machen kann. Das ist allerdings kein Übel sondern liegt in der Natur der Sache.”

    Wieso Bloggen – so ist das Leben :) Außerdem belegt es wie vielfältig deine Leserschaft ist, das sollte was gutes bedeuten – die Hinterher-Ja-und-Amen Leser wären bestimmt auch nicht gewünscht.

    Bitte mach die Kommentarschrift im Eingabefeld größer, danke! Vielleicht schiebst du auch noch an den Widgets ein wenig rum. Das Meta geht jetzt unter und ich habe nix gegen die Google Ads, die können ruhig eine Spalte weiter links und höher kommen. Wird manchmal vergessen, dass du hier für keinen müden Cent tagtäglich Content lieferst.

  5. Die Breite passt zwar in mein Standardbrowsingverhalten von 1200px Breite auf 1680x1050px Monitor. Bei der Sidebar find ichs halt komisch, dass man erst alle Informationen auf- und nebeneinander quetscht, aber ab dem fünften Kommentar nur weiße Fläche zu sehen ist…

    Ansonsten schönes neues Design ;)

  6. Es ist ja schon alles an Argumenten eingebracht worden. Aber es ist unvermeidlich, dass ich mich trotzdem noch den Kritikern anschließe. :)

    Objektiv: Die angenommenen 10% dürften unzutreffend sein. In der Praxis dürften 25-40% anzusetzen sein, die nun wahlweise horizontal scrollen dürfen oder erst mal ihr Browserfenster breiter ziehen müssen. Eher kundenunfreundlich. Kommerziell vermutlich auch suboptimal: Die sehen die Google Ads erstmal auch nur halb.

    Subjektiv: Dadurch das die Linkspalten so nah beieinander liegen und exakt die gleiche Gestaltung haben, ist das für mich auf den ersten Blick verwirrend. Ich habe erstmal Schwierigkeiten zu erkennen, was ist die Hauptnavigation (Themen, ganz außen), was sind ergänzende Links, usw. Verwandte Themen finde ich oben unlogisch angeordnet. Die interessieren mich ggf. wenn ich den aktuellen Artikel gelesen habe und nicht, wenn ich gerade bei der Überschrift bin. Deshalb finde ich Verwandte Themen unterhalb des Artikels besser platziert – wie das bei den meisten Blog-Systemen per Default der Fall ist.

  7. Ein Blog lebt doch von aktuellen Beiträgen und nicht von Dingen die vor drei Wochen passiert sind.
    Du kannst also b e i d e Sidebars komplett weglassen!
    Da ist kein Link der wirklich wichtig ist!

    ;-)

  8. Das Logo in der Mitte gefällt mir richtig gut. Allerdings dürfte es dann vielleicht wirklich ein bisschen größer sein.

    Ansonsten sind alle Änderungen echt in Ordnung. Obwohl ich nach wie vor ein Fan von Blogs ganz ohne Sidebars bin.
    Wahrscheinlich nützen die Links dort noch deutlich weniger als 10% :-).

  9. Kann man horizontal auch mit ner Maustaste scrollen? Man scrollt, nur um zu sehen, dass einen das nicht interessiert. Die Seite sieht irgendwie kaputt aus, ungewöhnlich. Gefällt mir nicht. War vorher besser.

  10. Objektiv: Die angenommenen 10% dürften unzutreffend sein.

    Wüsste nicht, dass mein Zugang zum GoogleAnalytics -Account anderen einsehbar ist. Einer der weiß, dass er nichts weiß, weiß immer noch mehr als jemand, der nicht weiß, dass er nichts weiß.

    Bitte mach die Kommentarschrift im Eingabefeld größer

    Ist geschehen (+0.1em) und nun gleichgroß mit dem nachfolgenden Kommentar.

  11. An sich schön, ich finde nur, dass die Überschriften “Themen”, “Interessant” usw. zu unscheinbar sind. Die sidebar wirkt finde ich sehr unübersichtlich, was schnell die gefahr ist bei 2 Spalten dieser Art. Gelöst wird das zb bei mattbrett.com durch prägnante “fette” header, wahrscheinlich würde font-weight bold und etwas weniger margin schon das nötige tun.
    ach ja die werbung bringt da natürlich auch unruhe rein…

    insgesamt finde ich eine spalte besser, dafür lieber noch einen footer mit den einzelnen sektoren schön im grid angeordnet, das finde ich sauberer und angenehmer, vieles in der sidebar ist auch so irrelevant, dass es ruhig nach unten kann finde ich.

    wahrscheinlich ist das ja aus “designer-sicht” totaler bullshit was ich sage ;) (habe noch den user-blick)
    Max

  12. «Wüsste nicht, dass mein Zugang zum GoogleAnalytics -Account anderen einsehbar ist. Einer der weiß, dass er nichts weiß, weiß immer noch mehr als jemand, der nicht weiß, dass er nichts weiß.»

    Danke für das (Brecht zugeschriebene) Zitat. Das GA Dir 10,4% mit einer Bildschirmauflösung <= 1024 ausgibt, bezweifel ich nicht. Der Wert ist zwar im Vergleich zu anderen Websites deutlich niedriger, aber das erklärt sich mit Deiner Leserschaft. Das “unzutreffend” bezog sich auf Deine daraus gezogene Schlußfolgerung, dass der Rest mehr sieht und eben nur 10,4% Probleme mit dem breiteren Layout haben. Diese Überlegung ist verifizierbar falsch, weil Screen != Viewport. Wer nicht im Vollbildmodus unterwegs ist oder die in fast jedem Browser integrierten Sidebars für Lesezeichen, Chronik, Widgets, u.ä. nutzt, hat nicht die volle Bildschirmbreite für die Darstellung einer Website zur Verfügung.

  13. Schade, dass der neue Auftritt durch kleine, aber massive handwerkliche Fehler deutlich getrübt ist. Zusammengefasst – ich bin enttäuscht vom neuen Auftritt und insbesondere von der Argumentation für die erwähnten Schwächen. Mich stören dabei zwei, bereits mehrfach erwähnte Punkte:

    – Die Lesbarkeit ist durch die zwei Sidebars nicht optimal, es wirkt sehr unruhig. Deine Argumentation, “man würde sich daran gewöhnen”, halte ich für (vorsichtig ausgedrückt) äußerst suboptimal. Wenn meine Lesbarkeit gestört ist und ich mich daran gewöhnen muss, dann ist das kein Zeichen von Qualität oder “out-of-the-box-thinking” (wie man das bei einem Logo, bei Musik etc. behaupten könnte), sondern schlicht und ergreifend eine Zumutung für den Leser. Natürlich werden sich die Nutzer damit abfinden, das haben sie sich mit zig schlechten Logos, Designs und Websites auch getan und nutzen diese weiter. Aber ich kann nicht nachvollziehen, dass Du gerade bei der Lesbarkeit (neben dem Content sicherlich DAS Asset einer Website) dem Nutzer eine solche Bürde auflasten musst und an dieser Stelle (offensichtlich bewusst) Abstriche machst.

    – Die mehrfach kritisierte Screenbreite ist für mich leider ein ganz großer Rückschritt. Mit der Entscheidung eine “Minderheit” (sind 10%+x eine wirkliche Minderheit im Web?) nicht zu berücksichtigen, ignorierst Du leider auch einen Gutteil dessen, was sich in den letzten 2-3 Jahren endlich und zum Glück als “common sense” im Internet durchgesetzt hat: Webstandards, Accessibility, Kompatibilität, Berücksichtigung von Minderheiten. Zuvor wurde eifrig für IE etc. designed, nun endlich waren wir alle soweit, ganz selbstverständlich auch Nutzer mit “ungewöhnlichen” Konfigurationen zu berücksichtigen.
    Insbesondere auf Deiner Seite, die selbst diese Punkte (Stichwort Lesbarkeit – siehe oben -, Stichwort Accessibility, Stichwort Kompatibilität zu Mac, etc.) kritisiert, hätte ich deutlich mehr Sensibilität und eher einen “Best Practice”-Ansatz erwartet. Auch hier enttäuscht mich insbesondere die Argumentation – es würde nur eine Minderheit eine kleine Auflösung fahren. Schön und gut – aber das ist leider DAS Argument gegen jegliche Kompatibilität: Es würde ja nur eine Minderheit … Screenreader nutzen … Rot/Grünsehschwäche haben … Safari nutzen … Javascript deaktiviert haben … Flash nicht unterstützten … kein Breitband haben. Leider kann man damit jeglichen Fehler und jegliche Problemstelle kleinreden. Aber für jeden, der dann tatsächlich betroffen ist, ist es mehr als nur ärgerlich.
    Aber leider stellen für Dich 10% plus x mit kleinerem Viewport offensichtlich eine vernachlässigbare Nutzergruppe dar – davon abgesehen, dass horizontales Scrollen schon seit Urzeiten des Netzes als absolutes No-No gilt. Das ist wirklich sehr enttäuschend. Vor allem daher, Du selbst ähnliche Schwächen an anderen Seiten deutlich kritisiert und so ein Stück weit im Glashaus sitzt.

    In diesem Sinne lautet mein Fazit (auch wenn mir das luftigere Design sowie die Umstellung auf Arial selbst sehr gut gefällt), luftigeres Design hin oder her: Aufgrund von technischen Mängeln wurde das Klassenziel nicht erreicht.

    P.S.
    Ich surfe mit 1280×800, mit aufgeklappter Sage Sidebar, sodass effektiv ca. 1010-1020 Px bleiben.

  14. Erstmal danke für deutlich angenehmere Kommentar-Felder!

    Kommt mir so vor als wenn sich die Kritik wie eine Katze in den Schwanz beißt. Ich habe nicht die Breite, die ich brauche heißt es da. Dann heißt es aber mach lieber einen Sidebar, das wird begründet mit “es ist doch eh alles unwichtig da” oder “das ignorier ich eh”. Leider kann man overflow-hidden nicht nur für die x Achse festlegen, denn bis auf den horizontalen Scrollbar “leidet” niemand der 10% wirklich beim Lesen dieser Seite.

    UND: wie es mir scheint wurde reagiert oder sich (von wem auch immer) verschätzt: bei mir schaltet sich der horizontalen Scrollbar erst bei einer Viewport-Breite unter 992px ein.

Pingbacks

Antworten auf Logan Antworten abbrechen

Folgende HTML-Elemente können verwendet werden: <b> <i> <img src="meineurl"> <a> <blockquote>