In eigener Sache · Neues Design

601 Beiträge, ein neues Gesicht

Nach 8 Jahren bekommt camper.help ein neues Layout. Mehr Kontrast fürs Lesen in der Sonne, ein Inhaltsverzeichnis, das mitläuft, und ein Aufbau, in dem jeder Beitrag gleich funktioniert. Was sich ändert und warum.

About the Author: Flo

Published On: 10. Sep. 26
Last Updated: 11. Sep. 26
6,5 min read

Das Wichtigste in Kürze

  • Mehr Kontrast. Das war euer häufigster Punkt. In der Sonne war die Schrift schwer zu lesen. Genau da habe ich angesetzt.
  • Ein Inhaltsverzeichnis, das mitläuft. Am Rechner siehst du beim Scrollen immer, wo du bist und was noch kommt.
  • Alle 601 Beiträge sind umgestellt. Seit heute liest sich jeder Beitrag gleich, vom ältesten bis zum neuesten. (Zumindest ist das der Plan ;-)
Bildschirmfotos von camper.help vorher und nachher als Collage, links das alte Layout, rechts das neue

Am 1. September waren es 8 Jahre camper.help. In 8 Jahren wächst so eine Seite, und sie wächst nicht immer geradeaus. Der Homescreen von 2018 oder die Übersichten 2019 sah anders aus, als einer von diesem Sommer.

Wer beide mal gesehen hat, der merkt schnell den Unterschied. Das räume ich gerade auf.

Startseite von camper.help im September 2018, blaue Menüleiste über einem Foto vom Adria-Wohnwagen im Sonnenuntergang mit dem Schriftzug Camper.help
Beitragsübersicht von camper.help im Februar 2019, grüne Menüleiste und fünf Kacheln mit Bild, Überschrift und langem Textauszug

Warum überhaupt

Der Anlass wart ihr. Die Rückmeldung, die am häufigsten kam, war nicht „zu wenig Inhalt“ oder „zu lang“. Sie handelte fast immer davon, dass ihr draußen schlecht lesen könnt.

Das trifft genau die Situation, für die diese Seite da ist. Wer am Stellplatz steht und wissen will, wo sein Gasproblem seine Ursache haben kann, liest nicht am Schreibtisch. Der liest im Hellen, oft in der Sonne, oft mit schmutzigen Fingern auf einem Handy. Ein Text, der dort nicht lesbar ist, ist kein Text.

Was sich ändert

Am schnellsten sieht man es im direkten Vergleich noch vor 2 Wochen. Links ein Beitrag im alten Layout, rechts einer im neuen.

Zwei Bildschirmfotos von camper.help nebeneinander: links das alte Layout mit kleiner grauer Schrift über die volle Breite, rechts das neue mit größerer dunkler Schrift in schmaler Spalte

Links das alte Layout, rechts das neue. Größere Schrift, mehr Kontrast, schmalere Spalte

 

Der Kontrast. Jede Farbkombination auf der Seite ist inzwischen zurechtgerückt und nicht nach Gefühl gewählt. Schrift auf Fläche, Fläche auf Hintergrund, Knöpfe, Hinweiskästen. Überall steht ein nun passender Zahlenwert dahinter, und wenn er nicht reicht, fliegt die Farbe raus. Das klingt nach Kleinkram, macht aber den Unterschied zwischen „geht schon“ und „lesbar bei Gegenlicht“.

 

Das Inhaltsverzeichnis läuft mit. Das hatte ich schon vor Jahren mal ausprobiert. Am Rechner steht rechts neben dem Text eine Schiene mit allen Kapiteln. Sie scrollt mit und zeigt, wo du gerade bist. Auf dem Handy findest du dasselbe unter „Das steht drin“, zusammengeklappt, damit es keinen Platz frisst.

Dasselbe camper.help-Beitragsbild auf dem Handy: links das alte Layout mit zentrierter blauer Überschrift, rechts das neue mit dunkler Schrift

Dasselbe auf dem Handy. Die zentrierten blauen Überschriften sind weg, die Schrift steht dunkler

Das Wichtigste steht oben. Jeder Beitrag beginnt jetzt mit 3 bis 4 Punkten in Kürze. Das war mir besonders wichtig. Wer die Mini-Themen und sogar Mini-Antwort in 20 Sekunden braucht, hat sie. Wer mehr will, liest weiter. Beides ist in Ordnung.

 

Der Aufbau ist nun endlich überall gleich. Was war da Kraut und Rüben. Nun gibt es Etikett, Überschrift, Vorspann, Autorenzeile, Kurzfassung, Text, Die wichtigsten Produkte auf einen Blick und (teilweise) eine FAQ am Schluss, wo ich fragen aus meiner Sicht beantworten und nicht nach Lexikon. Immer in derselben Reihenfolge. Man muss sich nicht bei jedem Beitrag neu orientieren.

Die Umstellung in Zahlen

  • 601 umgestellte Beiträge
  • Umstellung in nur 11 Tagen mit viel Kaffee und investierten Stunden
  • Über 5.000 Bilder per Skript aufgerufen und geprüft
  • Über 1.000 neue Karten „Passt dazu“ neu gesetzt
  • Über 300 Beiträge haben schon alles picobello, der Rest folgt

Was beim Aufräumen zum Vorschein kam

Wer 601 Beiträge anfasst, findet Dinge, die er lieber nicht gefunden hätte. Ich schreibe sie trotzdem hin.

  • Unzählige Bilder waren tot.
  • Über 100 Sprungverweise zeigten ins Leere.
  • In 24 Beiträgen stand mein eigener Text als Code formatiert, weil vor Jahren schon was schief gegangen ist.
Ausschnitt einer camper.help-Seite: ein Block roher Programmcode steht als Text mitten im Artikel.

Was das für Gastbeiträge und neue Autoren bedeutet

Das ist der Teil, der mich am meisten freut.

Bisher war ein Beitrag fast nur Handarbeit. Jedes Bild an seinen Platz, jede Checkbox pixelgenau, jeder Kasten von Hand gebaut. Wer mitschreiben wollte, musste nicht nur etwas zu erzählen haben, sondern auch Lust auf Layout. Das ist eine Hürde, und sie hat gute Beiträge verhindert.

 

Das neue Layout richtet sich nach dem Text und nicht umgekehrt. Wer schreibt, schreibt. Die Seite baut sich drumherum. Damit kann ich Beiträge aus der Community oder interessierten Autoren deutlich schneller veröffentlichen. Und meine Mitautorinnen und Mitautoren können sich auf das konzentrieren, weshalb sie überhaupt schreiben. Auf den Einbau, auf die Technik, auf den Reisebericht.

Es bleibt dennoch noch Handarbeit übrig, aber das ist dann mein Problem und nicht der Autoren ;-)

Was sich nicht ändert

Alles, was hier steht, ist weiterhin selbst gekauft und selbst ausprobiert. Keine bezahlte Werbung, keine Hersteller-Geschenke, keine Google-Werbebanner. Am Design ändert sich einiges, an dieser Regel nichts.

Mein Fazit

Acht Jahre lang habe ich Beiträge geschrieben und nie zurückgeschaut. In dieser Woche habe ich jeden einzelnen wieder aufgemacht, und das war unangenehmer als gedacht. Texte, die ich heute anders schreiben würde. Bilder, die seit Jahren nicht mehr da waren, ohne dass es jemand gemeldet hat. Kapitel, die ins Leere verlinkten.

Trotzdem würde ich es wieder machen, und zwar früher. Nicht weil das neue Layout hübscher ist, sondern weil ich jetzt weiß, was auf dieser Seite steht. Das war vorher nicht so.

Und jetzt seid ihr dran

Die Umstellung ist seit heute in weiten Teilen durch. 603 Beiträge. Bei so vielen Seiten wird dabei etwas schiefgegangen sein. Das weiß ich leider nur zu gut. Je später der Abend geworden ist, desto mehr lies vielleicht die Konzentration nach.

 

Deshalb meine Bitte an euch. Wenn euch etwas auffällt, ab damit in die Kommentare. Ein abgeschnittener Kasten, ein Bild, das nicht lädt, eine Schrift, die auf eurem Gerät zu klein ist.

Was mir bei einer Fehlermeldung wirklich hilft

Schreibt dazu, womit ihr unterwegs seid. Handy oder Rechner, welcher Browser, und wenn es geht der Link zur Seite. „Sieht komisch aus“ kann ich nicht nachstellen.

„Auf dem iPhone in Safari ist bei Beitrag X der Kasten abgeschnitten“ kann ich in 5 Minuten beheben.

Rückmeldung ist hier ausdrücklich erwünscht, und ehrlich gesagt erwarte ich sie auch. Ihr habt mir gesagt, dass die Lesbarkeit das Problem war. Ohne das hätte ich nicht angefangen.

Häufige Fragen zum neuen camper.help

Haben sich mit dem neuen Design auch die Inhalte geändert?

Nein. Umgestellt wurde die Form, nicht der Text. Wo mir beim Durchgehen ein Schreibfehler aufgefallen ist, habe ich ihn korrigiert, und wo ein Datum falsch war, habe ich es berichtigt. Aussagen, Messwerte und Empfehlungen sind unverändert geblieben.

Warum sieht ein alter Beitrag jetzt anders aus als früher?

Weil er dasselbe Layout bekommen hat wie die neuen. Größere Schrift, mehr Kontrast, ein Kasten mit dem Wichtigsten oben und ein Inhaltsverzeichnis daneben. Der Beitragstext selbst ist derselbe geblieben.

Ich finde einen Kasten abgeschnitten oder ein Bild fehlt. Wohin damit?

In die Kommentare unter den betroffenen Beitrag. Am meisten hilft mir, womit ihr unterwegs seid, also Handy oder Rechner und welcher Browser, dazu der Link zur Seite. Damit kann ich den Fehler nachstellen und meist am selben Tag beheben.

Wird die Seite durch das neue Design langsamer?

Sie sollte es nicht sein, denn es sind keine zusätzlichen Bilder oder Schriften dazugekommen. Am Ladetempo arbeite ich als nächsten Schritt, weil jede Seite im Moment mehr Gestaltungscode mitschleppt, als sie braucht.

Kann ich als Leserin oder Leser selbst einen Beitrag beisteuern?

Ja, und das ist mir sogar sehr recht. Schreibt mir, was ihr erzählen wollt. Um das Layout müsst ihr euch nicht kümmern, das baut sich jetzt um den Text herum. Demnächst mir mehr Infos. Versprochen.

Das steht drin

About the Author: Flo

Selbst gekauftKeine SponsorenKeine Stockfotos

Das liest du als Nächstes

Nichts dabei?

Jede Woche eine Mail, die du behalten willst

Rabatte, Tests und Praxistipps. Kein Spam, jederzeit abbestellbar.

Lieber schauen als lesen?

Zu den meisten Tests gibt es die Folge auf YouTube.

10.000Abonnenten120+Folgen
Patrick vom camper.help Team
Flo vom camper.help Team
Sophie vom camper.help Team

Deine Frage zum Beitrag

Patrick, Flo & Sophie helfen dir gerne weiter

Kommentare mit Links oder bestimmten Schlüsselwörtern schalten wir von Hand frei.

Hat dir der Beitrag geholfen?
Gib ihn weiter.

Abonnieren
Benachrichtige mich bei
guest
0 Kommentare
neueste
älteste meiste Bewertungen