Man kann 30.000 Dollar f\u00fcr eine Website ausgeben und am Ende etwas haben, das auf leise Weise billig wirkt. Nicht schlecht. Nicht kaputt. Nur leicht daneben \u2013 auf eine Art, die Besucher unbewusst registrieren und auf die sie reagieren, ohne zu wissen, warum. Das Signal ist klein, aber best\u00e4ndig: Diese Marke hat nicht ganz alles im Griff.<\/p>\n\n\n\n
Nachdem wir bei Defyn Hunderte australischer Unternehmens-Websites gepr\u00fcft haben, tauchen immer wieder dieselben kleinen Anzeichen auf. Keines ist dramatisch. Alle lassen sich beheben. Hier sind die zw\u00f6lf h\u00e4ufigsten, grob danach geordnet, wie stark sie schaden.<\/p>\n\n\n\n
Der Handschlag vor der Skyline. Das vielf\u00e4ltige, l\u00e4chelnde Team um einen Laptop. Das High five am Whiteboard. Diese Fotos schreien laut \u201eWir haben nicht in eigene Fotografie investiert“. Schon eines davon auf einer Startseite zieht die wahrgenommene Qualit\u00e4t des restlichen Auftritts mit nach unten.<\/p>\n\n\n\n
Drei Schriften auf der Startseite, vier auf der \u00dcber-uns-Seite, sechs \u00fcber die gesamte Website. Das System wurde nie festgezurrt, also nutzte jeder Abschnitt, den eine andere Person baute, was sich in jener Woche richtig anf\u00fchlte. Das Auge registriert die Uneinheitlichkeit, bevor es das Gehirn tut. Die ganze Seite wirkt weniger gestaltet.<\/p>\n\n\n\n
Pillenf\u00f6rmig auf einer Seite, eckig auf einer anderen, mit Verlauf auf einer dritten. Unterschiedliche Gr\u00f6\u00dfen, unterschiedliche Innenabst\u00e4nde, unterschiedliche Hover-Zust\u00e4nde. Ein Button-System ist eine der kleinsten visuellen Entscheidungen einer Marke, doch uneinheitliche Buttons sagen dem Besucher leise, dass niemand f\u00fcr das Erscheinungsbild der Marke verantwortlich ist.<\/p>\n\n\n\n
Zwei Spalten, in denen der Text einen Pixel versetzt beginnt. Drei Karten, deren Unterkante nicht b\u00fcndig ist. Icons, zentriert gegen einen Text, der nicht ganz zentriert ist. \u201eFast stimmige“ Ausrichtung schadet mehr als offensichtlich kaputte, denn sie sitzt im unheimlichen Tal der Gestaltungsqualit\u00e4t, wo alles nur ein wenig verrutscht ist.<\/p>\n\n\n\n
Manche Abschnitte haben 80 Pixel vertikalen Abstand, andere 60, andere 100. Es gibt keinen Rhythmus. Gute Websites haben eine Abstandsskala (4, 8, 16, 24, 32, 48, 64, 96), die jeder Rand und jeder Innenabstand respektiert. Seiten ohne eine solche wirken hier gedr\u00e4ngt und dort locker, und der Besucher kann nicht sagen, warum.<\/p>\n\n\n\n
Das Standard-Formularstyling von WordPress auf einer sonst polierten Seite ist ein Verr\u00e4ter. Umrandete Felder mit der falschen Rahmenfarbe, Button-Text in der falschen Schrift, Fehlerzust\u00e4nde, die vom Plugin-Autor gestaltet wurden. Formularstyling z\u00e4hlt, denn im Formular bittet die Marke um Vertrauen. Generische Formulare f\u00fchlen sich nach Vorlagenarbeit an.<\/p>\n\n\n\n
Umriss-Icons im Header, gef\u00fcllte Icons im Funktionsraster, handgezeichnete Icons im Footer. Ein einheitliches Icon-Set ist einer der leichtesten Gewinne f\u00fcr die visuelle Qualit\u00e4t im Web \u2013 und sein Fehlen einer der h\u00e4ufigsten.<\/p>\n\n\n\n
Platzhaltertext, den niemand mehr ersetzt hat. Abschnitts\u00fcberschriften wie \u201eHier steht der Abschnittstitel“. Bild-Alt-Tags, die \u201ebild.jpg“ lauten. Das ist der Feinschliff-Schritt, der ausf\u00e4llt, wenn ein Projekt zu sp\u00e4t ausgeliefert wird, und ein einziger \u00fcbersehener Platzhalter macht viel sorgf\u00e4ltige Gestaltungsarbeit zunichte.<\/p>\n\n\n\n
Der Mikrotext eines Handlungsaufrufs leistet viel Markenarbeit. \u201eMein Angebot erhalten“, \u201eStrategiegespr\u00e4ch buchen“, \u201eSo funktioniert es“ vermitteln, dass die Marke mit dem Besucher spricht. \u201eAbsenden“ und \u201eHier klicken“ f\u00fchlen sich nach 2008 an.<\/p>\n\n\n\n
Steht im Footer \u00a9 2022, schlie\u00dft der Besucher, dass die Seite seitdem nicht angefasst wurde. Drei Jahre Vertrauen verdampfen mit einem einzigen Footer-Datum. Die L\u00f6sung ist eine Zeile PHP, die sich selbst aktualisiert \u2013 doch sie rutscht in fast jedem Audit durch.<\/p>\n\n\n\n
Seiten, die zuerst f\u00fcr den Desktop gestaltet und nie richtig f\u00fcrs Mobil \u00fcberdacht wurden, haben meist ihre Verr\u00e4ter: ein Hero-Bild, das auf nichts zurechtgeschnitten ist, eine Navigation als Hamburger-Men\u00fc mit 30 Eintr\u00e4gen, Flie\u00dftext mit 10 Pixeln, weil der Desktop die Gr\u00f6\u00dfe vorgab. Auf dem Mobilger\u00e4t landen die meisten Besucher tats\u00e4chlich. Es verdient einen eigenen Gestaltungsdurchgang, nicht ein blo\u00dfes Verkleinern per CSS.<\/p>\n\n\n\n
Manche Page-Builder haben visuelle Fingerabdr\u00fccke, die Designer aus einem Kilometer Entfernung erkennen. Bestimmte Testimonial-Slider-Stile, bestimmte Preistabellen-Layouts, bestimmte Abschnittstrenner. Keiner davon ist objektiv schlecht. Aber sie sind wiedererkennbar, und wiedererkennbar hei\u00dft, dass das Unterbewusstsein des Besuchers \u201edas ist aus einer Vorlage gebaut“ markiert, bevor er ein Wort liest.<\/p>\n\n\n\n
Die meisten dieser Anzeichen lassen sich in einem gezielten Gestaltungsdurchgang von zwei bis drei Wochen beheben, ohne die Seite neu zu bauen. Das Audit ist der einfache Teil. Die Disziplin, ein Markensystem konsequent auf eine bestehende Seite anzuwenden, ist die eigentliche Arbeit. Das Webdesign-Team von Defyn f\u00fchrt solche Feinschliff-Durchg\u00e4nge regelm\u00e4\u00dfig durch, und der Abstand zwischen \u201ewirkt billig“ und \u201ewirkt teuer“ betr\u00e4gt oft ein paar Wochen gezielter Arbeit, nicht ein komplettes Redesign.<\/p>\n\n\n\n