So führen Sie ein Design-Audit Ihrer Website durch

Wenn Ihre Website wächst, besteht die Möglichkeit, dass ihr Design etwas altbacken aussieht. Denken Sie daran, dass sich Designtrends ständig weiterentwickeln und es wichtig ist, diese Probleme zu erkennen, wenn Sie möchten, dass Ihre Website modern und "frisch" aussieht. Außerdem müssen Sie alle Aspekte Ihres Designs einheitlich (und nutzbar) aussehen lassen, um eine gute Erfahrung zu bieten.

Der beste Weg, diese Probleme zu erkennen und zu beheben, ist ein Design-Audit Ihrer gesamten Website. In diesem Artikel werden wir Ihnen beibringen, was diese Audits sind und wie sie Ihnen helfen können. Dann sprechen wir über einige Tools, die Ihnen bei der Durchführung helfen, und zeigen Ihnen schließlich, wie Sie dies in drei einfachen Schritten tun. Lass uns zur Arbeit gehen!

Was ein Design-Audit ist (und wie es Ihnen helfen kann)

Ein Design-Audit ist, wenn Sie sich hinsetzen, um die visuellen Branding-Elemente Ihrer Website oder Ihres Unternehmens zu überprüfen. In den meisten Fällen suchen Sie nach Einheitlichkeit, aber der Prozess bietet auch eine hervorragende Möglichkeit, zu überprüfen, ob Ihre Designs noch frisch aussehen.

Um ehrlich zu sein, lässt der Begriff „Audit“ das Ganze viel bedrohlicher erscheinen, als es ist. In jedem Fall hat die Durchführung regelmäßiger Design-Audits für Ihre Website mehrere Vorteile. Zum Beispiel:

• Eine Gelegenheit, Ihre Entwürfe zu überprüfen. Wenn Designtrends in und aus der Mode kommen, ist es wahrscheinlich, dass Ihre visuellen Elemente ein wenig altbacken aussehen. Ein Design-Audit bietet Ihnen einen Realitätscheck und die Möglichkeit, Upgrades vorzunehmen.
• Überprüfen Sie Ihr Branding. Die meisten Websites haben ihr eigenes Branding, das auf mehreren visuellen Elementen wie Logo, Tag-Linien, Header-Bildern usw. basiert. Im Laufe der Zeit können diese Elemente nicht mehr übereinstimmen, was sich wiederum auf die Wahrnehmung Ihrer Marke auswirken kann.
• Sie können es als Beratungsleistung anbieten. Wenn Sie Erfahrung in der Durchführung erfolgreicher Design-Audits haben, können Sie Ihre Dienstleistungen an andere Unternehmen vermarkten und ihnen dabei helfen. Viele Unternehmen sind sich der Vorteile, die sie bieten, nicht bewusst. Die Gelegenheit ist also reif, wenn Sie sie davon überzeugen können, dass sie gebraucht werden.

Bevor Sie Ihre Dienste anderen Websites anbieten, ist es wichtig zu wissen, was die grundlegenden Schritte jedes Design-Audits sind. Wie Sie sich vorstellen können, benötigen Sie einige Tools, die Ihnen dabei helfen. Sehen wir uns also einige der Top-Optionen an.

3 Tools, die Ihnen helfen, die Design-Usability Ihrer Website zu überprüfen

Wenn Sie ein Designer sind, wissen Sie, dass es online unzählige Tools gibt, die Ihnen das Leben erleichtern können. Für diesen Abschnitt haben wir uns jedoch entschlossen, uns nur auf diejenigen zu konzentrieren, die Ihnen helfen können, die Elemente Ihrer Website zu überprüfen und auf Fehler in Ihrem Design zu überprüfen. Schauen wir uns drei davon an.

1. Verrücktes Ei

Crazy Egg ist ein Analysetool, das sich darauf konzentriert, Ihnen zu helfen, Problembereiche auf Ihrer Website zu finden. Es verwendet die Heatmap-Technologie, damit Sie sehen können, welche Elemente auf Ihren Seiten die meiste Aufmerksamkeit erhalten und welche nicht genug zeichnen. Außerdem enthält es Funktionen, mit denen Sie herausfinden können, ob Benutzer durch Ihre Inhalte scrollen. Crazy Egg liefert Ihnen auch wertvolle Daten darüber, woher Ihre Besucher kommen, und segmentiert dann ihr Verhalten darauf.

Aus gestalterischer Sicht ist diese Art von Werkzeug von unschätzbarem Wert, da es Ihnen ermöglicht, sich auf die Bereiche Ihres Designs zu konzentrieren, die die meiste Hilfe benötigen. Wenn Ihre Heatmap beispielsweise zeigt, dass ein kritischer Call-to-Action (CTA) nicht so viel Anklang findet, wie er sollte, können Sie seine Analyse bei Ihrem nächsten Design-Audit priorisieren.

Hauptmerkmale:

• Implementieren Sie Heatmaps auf Ihrer Website.
• Verfolgen Sie, wie weit Ihre Besucher auf Ihren Seiten nach unten scrollen.
• Behalten Sie Ihre Traffic-Quellen im Auge und segmentieren Sie die Daten Ihrer Nutzer basierend darauf.

Preis: 9 USD pro Monat, jährlich gezahlt | Mehr Informationen

2. UsabilityTools

Heatmaps sind ein leistungsstarkes Werkzeug, das Ihnen hilft, das Verhalten Ihrer Benutzer zu verstehen, aber nichts ist besser als zu sehen, wie sie Schritt für Schritt mit Ihrer Website interagieren. UsabilityTools ermöglicht Ihnen dies, indem Sie jede Aktion Ihrer Benutzer auf Ihrer Website aufzeichnen, einschließlich Mausbewegungen, Formularinteraktionen und Klicks.

Es mag übertrieben klingen, aber wenn Sie Schwierigkeiten haben, herauszufinden, welche Elemente Ihrer Website Benutzer nicht so anziehen, wie sie sollten, ist dies eine hervorragende Möglichkeit, sie zu identifizieren. Darüber hinaus helfen Ihnen Usability Tools, alle Daten, die Sie von Ihren Besuchern sammeln, für eine schnelle Analyse zu segmentieren.

Hauptmerkmale:

• Verfolgen Sie die Mausbewegungen, Klicks und Formularinteraktionen Ihrer Benutzer auf Ihrer Website.
• Segmentieren Sie die gesammelten Daten für eine einfache Analyse.
• Teilen Sie Aufnahmen ganz einfach mit allen Mitgliedern Ihres Teams.

Preis: $19 pro Monat | Mehr Informationen

3. UsabilityHub

Zu guter Letzt haben wir UsabilityHub. Dies ist ein wenig anders – es ist eine Plattform, die mehrere Tools umfasst, von denen jedes Ihnen helfen kann, Ihr Design-Audit erfolgreich zu machen.

Es umfasst einen Fünf-Sekunden-Test, der bestimmt, ob sich Benutzer an das Design Ihrer Website erinnern können, sowie Klick- und Navigationstests, die die Benutzerfreundlichkeit messen. Schließlich können Sie auch auf Publikumsumfragen zugreifen, mit denen Sie feststellen können, ob ihnen Ihre Designs gefallen und welche Änderungen sie gerne sehen würden.

Hauptmerkmale:

• Verwenden Sie mehrere Tests, um die Benutzerfreundlichkeit Ihrer Website und die Akzeptanz Ihrer Designs zu messen.
• Kombinieren Sie beliebige Tests nach Ihren Wünschen.
• Passen Sie jeden Ihrer Tests an, um die Elemente zu messen, die Sie am meisten interessieren.

Preis: 2,50 USD pro Antwort auf Ihre Tests | Mehr Informationen

So führen Sie ein Design-Audit Ihrer Website durch (in 3 Schritten)

Nachdem wir nun einige der Tools untersucht haben, die Sie verwenden können, ist es an der Zeit, über die Schritte zu einem erfolgreichen Design-Audit zu sprechen. Abhängig von Ihrer Website und Ihren Zielen verwenden Sie möglicherweise nicht alle von uns besprochenen Tools – aber das liegt an Ihnen. Springen wir zu Schritt Nummer eins.

Schritt #1: Sammeln Sie alle Ihre visuellen Branding-Elemente

Instagram ist ein großartiges Beispiel für eine Website mit einem einfachen, aber konsistenten Branding.

Bevor Sie feststellen können, ob es Probleme mit Ihrem Design gibt, müssen Sie alle Branding-Elemente Ihrer Website sammeln. Auf diese Weise können Sie erkennen, ob es zwischen ihren Stilen Dissonanzen gibt.

Auf diese Weise können Sie alle Ihre wichtigsten Branding-Elemente aus der Vogelperspektive analysieren und prüfen, ob sie zusammen sinnvoll sind (darüber werden wir im nächsten Schritt sprechen). Es mag unnötig klingen, Ihre Elemente zusammenzufassen, aber einige Fehler in Ihren Designs werden möglicherweise erst sichtbar, wenn Sie das Gesamtbild betrachten.

Was die Elemente angeht, die Sie sammeln müssen, finden Sie hier eine einfache Liste, um Ihnen den Einstieg zu erleichtern:

• Das Logo Ihrer Website in all seinen Formaten.
• Alle Hintergrund- und Header-Bilder.
• Alle Symbole, die Sie auf Ihrer Website verwenden.
• Beispiele aller Schriftarten, die Sie für Ihre Inhalte verwenden.
• Eine Farbpalette der Töne, die Sie in Ihren Designs verwenden.

Vorerst empfehlen wir, diese Elemente in dem Format zu speichern, mit dem Sie sich am wohlsten fühlen. Sie können ein PDF zum einfacheren Teilen erstellen oder physische Kopien an Ihr Team weitergeben. Sobald Ihre Zusammenstellungsdatei oder Ihr Dokument fertig ist, können Sie sich an die Arbeit machen.

Schritt #2: Analysieren Sie die visuellen Elemente Ihrer Website

Die Branding-Strategie von Netflix ist einfach, aber konsequent – ​​sie verwenden, wann immer möglich, ihr Logo.

Wie bereits erwähnt, geht es im zweiten Schritt darum, Ihre visuellen Branding-Elemente durchzugehen, um Inkonsistenzen oder Fehler in Ihren Designs zu finden.

Design ist (natürlich) in vielerlei Hinsicht subjektiv, aber das bedeutet nicht, dass der Stil Ihrer Website nicht verbessert werden kann. Jedes Unternehmen sollte beispielsweise einen stimmigen Designstil präsentieren, damit sich seine Kunden daran gewöhnen und ihn mit seinen Produkten in Verbindung bringen. Dasselbe gilt für Websites – Ihre Logos, Inhalte und Bilder müssen alle den gleichen Stil aufweisen und konsistent bleiben.

Lassen Sie uns ein paar einfache Tipps durchgehen, um sicherzustellen, dass die visuellen Elemente Ihrer Website in diesen Aspekten ins Schwarze treffen:

• Überprüfen Sie, ob Ihr Logo auf allen Ihren Seiten konsistent bleibt, und ersetzen Sie es gegebenenfalls.
• Stellen Sie sicher, dass Ihre Hintergrundbilder einen ähnlichen Stil aufweisen, damit der Übergang zwischen Ihren Seiten und Abschnitten nicht störend ist. Wenn Sie Bilder finden, die nicht in die Form passen, ändern Sie sie.
• Stellen Sie sicher, dass Ihre Symbole einen ähnlichen Stil aufweisen, und wenn dies nicht der Fall ist, versuchen Sie, sie durch Alternativen aus einer einzigen Familie wie Font Awesome Icons (die in Divi integriert werden können) zu ersetzen.

Bisher haben wir nur über Online-Elemente gesprochen, aber denken Sie daran, dass Design-Audits auch Ihre visuellen Offline-Elemente abdecken können und sollten. Wenn Ihr Unternehmen ein physisches Gegenstück hat, sollten Sie alle Branding-Elemente sammeln, die Sie in die Hände bekommen (z. B. Broschüren, T-Shirts und Visitenkarten) und die Schritte Nummer eins und zwei wiederholen.

Schritt #3: Erstellen Sie ein Handbuch zu Designstandards für Ihre Website

Das Handbuch zu den Markenrichtlinien von Urban Outfitter spricht darüber, was ihre Marke einzigartig macht.

Jetzt ist es Zeit für die Zukunft zu planen. Eine der besten Möglichkeiten, dies zu tun, besteht darin, eine Zusammenstellung von Regeln für alle zukünftigen Designänderungen an Ihrer Website zu erstellen – auch als Handbuch für Designstandards bekannt.

Der Zweck dieses Dokuments besteht darin, sicherzustellen, dass Sie die Designarbeit in Zukunft auslagern können, ohne sie mikroverwalten zu müssen. Außerdem werden Sie mit zunehmendem Wachstum Ihrer Website wahrscheinlich mehr Mitglieder zu Ihrem Arbeitsteam hinzufügen. Ein Normenhandbuch kann ihnen helfen, Ihr visuelles Branding besser zu verstehen. Tatsächlich ist dies eine so kluge Praxis, dass viele Top-Unternehmen daran teilnehmen.

Was die Art von Regeln angeht, die Sie in Ihr Handbuch aufnehmen sollten, gehen wir ein paar Ideen durch, um Ihnen den Einstieg zu erleichtern:

• Fügen Sie Richtlinien zur Verwendung Ihres Logos und seiner Variationen hinzu (dies ist übrigens auch eine gängige Praxis).
• Fügen Sie Beispiele für die Art von Bildern bei, die Mitwirkende auf Ihrer Website verwenden sollten, sowie Regeln für deren Präsentation und die Art von Inhalten, die sie vermeiden sollten.
• Besprechen Sie die Schriftarten, die Sie auf Ihrer Website verwenden sollten, wenn mehr als eine Option verfügbar ist, und unter welchen Umständen sie verwendet werden sollten.
• Geben Sie Beispiele für die Arten von Schaltflächen, Symbolen und anderen ähnlichen Elementen an, die Sie in Ihren Designs verwenden möchten.

Denken Sie daran, dass keine zwei Designstandards-Handbücher gleich sein werden. Je nach den auf Ihrer Website verwendeten Elementen und auch, wenn Sie über Offline-Branding sprechen möchten, müssen Sie wahrscheinlich weitere Regeln hinzufügen. Eine frühzeitige Einrichtung stellt jedoch nicht nur sicher, dass zukünftige Design-Audits reibungsloser ablaufen, sondern hilft Ihnen auch, neue Mitglieder Ihres Teams schneller zu schulen.

Abschluss

Im Laufe der Zeit ist es für die meisten Websites normal, dass ihr Design überarbeitet wird. Beispielsweise können einige Ihrer Elemente optisch nicht gut miteinander harmonieren, aber es kann schwierig sein, dies zu erkennen, ohne regelmäßig ein vollständiges Design-Audit durchzuführen. Darüber hinaus stellen Sie sicher, dass Ihre Besucher auch in Zukunft ein großartiges Erlebnis auf Ihrer Website haben.

Hier sind die drei grundlegenden Schritte, um ein Design-Audit für Ihre Website durchzuführen:

1. Sammeln Sie alle Ihre visuellen Online- und Offline-Branding-Elemente.
2. Analysiere die gesammelten Elemente.
3. Erstellen Sie ein Handbuch zu Designstandards für Ihre Website.

Sie haben Fragen, wie Sie ein erfolgreiches Design-Audit für Ihre Website durchführen? Fragen Sie in den Kommentaren unten!

Miniaturansicht des Artikels von Darko 1981 / shutterstock.com