Skip to content

Relaunch dt 04

relaunch-dt-04

Zum Ende des Jahres erscheint das dt im neuen Gewand. Der letzte nennenswerte Relaunch fand im März 2010 statt. Es war an der Zeit, das Design Tagebuch oberflächlich aufzufrischen und, was mir besonders wichtig ist, die Technik im Hintergrund auf den neusten Stand zu bringen.

Die neue Umgebung ist nicht nur dank Responsive Design auf mobile Endgeräte abgestimmt, sie ist auch performanter. Damit jede Seite schnell lädt, werden auf dem Smartphone Bilder in entsprechend kleiner Größe ausgegeben, Stichwort progressive Verbesserung. Auf dem Desktop und auf Tablets kommen entsprechend größere Bilder zum Einsatz.

Sollte etwas wider erwarten nicht funktionieren, freue ich mich über jeden Kommentar und jede E-Mail. Damit wirklich alles passt, muss ich in den kommenden Tagen alle Artikel und Seiten händisch anpassen. Es wartet also nach dem Relaunch jede Menge Arbeit auf mich.

Wünsche weiterhin frohes Schaffen.

Dieser Beitrag hat 68 Kommentare

  1. Dem Wunsch von R::bert, CL, Christoper und Tobi komme ich gerne nach. Die ähnlichen Beiträge befinden sich nun UNTERHALB der Kommentare. Bislang war es zwar auch im alten Design umgekehrt, mit der Verwendung von Teaser-Bildern in diesem Modul änderte sich jedoch die Gewichtung, sodass ich die Kritik, Artikel und Kommentare würden auseinandergerissen, gut nachvollziehen kann.

    Als neuer Standard-Font kommt hier im dt nun die FF Milo in den Schnitten regular und medium zum Einsatz. Beim Testen im Webfonter gefiel sie mir dann doch einen Tick besser als die DIN. Damit sollte auch die Darstellung unter Windows verbessert sein.

  2. Auch wenn es dafür jetzt wahrscheinlich schon zu spät ist, die JAF Facit* von Tim Ahrens ist auch eine empfehlenswerte DIN-Alternative, welche sich gerade bei längeren Lesetexten deutlich besser macht. Enthält sogar ein gebogenes l und komplexes g wie die hier ursprünglich verwendete ASAP.

    *https://justanotherfoundry.com/pdf/JAF_Facit.pdf

  3. @Achim: Auf dem iPad springt die Navigation beim Scrollem/Ziehen mit dem Finger statt direkt mitzugehen wie beim Scrollen per Maus.

    So ein Problem hatte ich neulich beim Programmieren einer fixen Navigation auch und keine bessere Lösung gefunden, daher die Frage: ist dir dieses Verhalten auch schon aufgefallen und wenn ja: gibts dafür keine bessere Umsetzung?

  4. Insgesamt würde ich sagen, gefiel mir das alte Design optisch besser. Aber da das ja kein qualifizierter® Kommentar ist, hier lieber ein paar konstruktive Vorschläge bzw. Beobachtungen:

    Leider hat die Tastaturbedienbarkeit unter dem Redesign gelitten.
    In der Hauptnavigation bleiben beispielsweise alle Menüeinträge markiert (getestet in Firefox), wenn man sie nacheinander mit der Tastatur markiert:

    Die Suchfunktion ist gar nicht über die Tastatur zu erreichen.

    Die Übersichtlichkeit der Kommentare geht leider mit der Pagination verloren, so ist es nicht leicht möglich, sich einen Überblick über die Diskussion und Interaktionen zwischen den Nutzern zu verschaffen.

    Noch eine Sache die Kommentare betreffend: Die alte Version hatte eine schöne Live-Preview-Funktion, diese hat nun keine Vorschaumöglichkeit mehr. Es wäre schön, wenn Du hier noch etwas nachbessern könntest :-)

    P.S.:
    Ich schreibe diesen Beitrag nun zum zweiten Mal. Nach meinem ersten Versuch habe ich folgende Fehlermeldung bekommen: Da die Meldung keine Möglichkeit zur Interaktion bot, musste ich den Zurückbutton des Browsers benutzen und meine Eingabe war verschwunden (vermutlich aufgrund von JS-Manipulationen, die die Seite an den Formularen vornimmt).

  5. @R::bert Mir ging es gar nicht mal um eine größtmögliche Nähe zur DIN. Gerade im Fließtext ist sie mir zu technisch, zu kalt. Und in den Überschriften darf es gerne eine individuelle Note haben. Hier gefallen mir das „R“, das „W“, das „a“ und das „g“ der FF Milo besonders gut.

    @Jan Joah… das Nachziehen der Navi ist vielleicht nicht super elegant, störend ist es jedoch auch nicht. Ich habe mich mittlerweile dran gewöhnt.

    @Philipp Zugegeben: Das Navigieren mittels Tastatur habe ich im Zuge des Relaunchs nicht sonderlich priorisiert. Dass die Suche nicht ansprechbar ist, kommt mit auf die Todo-Liste. Danke auch für den Hinweis bezüglich des Kommentierens. Die Formularfelder „Name“ und „E-Mail“ haben nun, wie auch schon von gernleser gewünscht, den Zusatz „Pflichtangabe“.

  6. @Jan
    Das mit der Navigation liegt daran, dass im mobilen Safari die Website beim scrollen nicht direkt gerendert wird. So wird z.B. das “onscroll”-Event nicht beim scrollen ausgelöst sondern eben erst, wenn die Seite wieder still steht. Dadurch entsteht dieser Sprung. Umgehen kann man das nur, indem man die Navigation entweder komplett fixiert oder garnicht. Eine andere Möglichkeit wäre noch über eine Javascript-Bibliothek wie z.B. iScroll das Scrolling künstlich nachzubilden, davon ist aber aus Performance- und Kompatibilitätsgründen (z.B. zu Android) und der “Künstlichkeit” des Nachbaus abzuraten, da es eben kein natives scrollen mehr ist.

    Was mich jedoch noch bei der Navigation stört ist, dass sie beim scrollen bereits halb verschwunden ist, dann aber nach doch noch oben fixiert ist. Da scheint irgendwas mit der Rechnung der Position nicht zu stimmen. Es scheint mir so zu sein, dass die Höhe der Navigation nicht mitgerechnet wird.

    Ansonsten empfinde ich das Design als sehr schick, das mit den “Ähnlichen Beiträgen” wurde ja bereits angesprochen&behoben.

  7. Find den Relaunch insgesamt ganz gut, was ich aber bis dahin eindeutig besser fand, ist die Anzeige aller Kommentare ohne Seitenwechselfunktion: weiter scrollen ist doch definitiv besser als klicken. Wenn man es bei der Paginierung lässt, sollte aber auf jeden Fall der Pagebrowser auch über den Kommentaren stehen. Gestern las ich an zweiter Stelle in den Kommentaren eine Replik von Dir, Achim, auf einen anderen Kommentar – allerdings nicht den drüberstehenden und hab mich gewundert wo der abgeblieben ist. Erst unten habe ich dann gerafft, dass die Kommentare mittlerweile auf mehr Seiten untergebracht sind. Auch zum Zurückblättern muss man dann aber eigens nach unten gehen, was im erwähnten Fall irgendwie unkomfortabel ist.

  8. @Stefan Deinen Vorschlag, die Seitennavigation auch oberhalb der Kommentare zu setzen, habe ich gerne aufgenommen. Ein guter Einwand! Dank Dir.

    Das Umbrechen der Kommentare auf Seiten ist vor allem ein Maßnahme zur Verringerung der Datenlast. Je größer die Anzahl an Kommentaren pro Seite, umso mehr gleichzeitiger Datenbankabfragen gibt es. Jeder Kommentar bedeutet bis zu 4 gleichzeitige Datenbankzugriffe (Name, Datum, Text, URL,). Bei 50 Kommentaren gibt es pro Besucher also allein aufgrund der Darstellung der Kommentare bis zu 200 Datenbankabfragen. In der Vergangenheit kam es immer wieder zu Serverüberlastungen. Mit dem Umbrechen der Kommentare auf mehrere Seiten möchte ich diesen Ausfällen gerne vorbeugen. Darüber hinaus gebe ich zu bedenken: Nicht wenige Leser interessieren sich nicht oder nur kaum für die Kommentare.

  9. @Achim: Bist du sicher, dass es diese DB-Requests wirklich gibt? Du hast doch sicher irgendeine Art von Cache, sei es bei WordPress oder sei es als Reverse Proxy … dann gibt es diese Datenbankabfragen ja gar nicht :-)

  10. @Philipp Seit etwa 3 Monaten ist das Plugin W3 Total Cache im Einsatz. Seitdem gab es keinen Serverausfall mehr. Toi, toi, toi.
    Meines Wissens wird der Inhalt aus dem Cache geladen, solang die Website unverändert ist. Kommt ein neuer Artikel oder ein neuer Kommentar hinzu, erfolgt der Zugriff direkt auf die jeweiligen Tabellen der Datenbank.

Kommentare sind geschlossen.

An den Anfang scrollen