Infografik: So entwickeln Sie benutzerzentrierte WordPress-Konzepte

Veröffentlicht: 2020-12-16

Ein exzellentes WordPress-Design setzt auf hervorragendes UX . Ein Designer kann sich immer nach seinem Geschmack inspirieren lassen. Damit das WordPress-Layout funktioniert, muss es jedoch auf die Zielbenutzer und deren Bedürfnisse abgestimmt sein. Ihre WordPress-Site muss hilfreich und vor allem für Ihre potenziellen Kunden nützlich sein.

Ein benutzerzentriertes WordPress-Konzept ist mehr als nur Design / Entwicklung. Es geht darum, im Voraus zu denken, das Layout der Site zu recherchieren und zu planen, bevor Sie überhaupt eine Komponente einfügen. Darum geht es in diesem Artikel.

Klicken Sie hier, um es in großer Größe anzuzeigen. Scrollen Sie nach unten, um den Artikel unter der Infografik zu lesen.

Entwickeln Sie benutzerzentrierte WordPress-Konzepte für Infrographen

Betten Sie diese Infografik in Ihre Site ein (Code unten kopieren):

1. Rufen Sie den Analytics-Modus auf

Wenn Ihre WordPress-Site bereits aktiv und nutzbar ist, Sie jedoch Zweifel daran haben, dass sie für die Zielbenutzer entwickelt wurde, müssen Sie in den Analysemodus wechseln und die für Ihre Conversion-Rate wichtigen Metriken analysieren.

Das einfachste und effektivste Tool, das Sie verwenden können, ist Google Analytics.

In Bezug auf Ihre Inhalte können Sie mit Google Analytics die Effektivität Ihrer Inhalte untersuchen, wo Ihre Inhaltsstrategie verbessert werden muss und welche Inhalte die beste Leistung erbringen. Es gibt mehrere Berichte, die Sie verwenden müssen, wenn Sie Ihre Seiten in GA gründlich analysieren möchten.

Erfassung> Alle Zugriffe> Kanäle

Es ist ein Bericht, der Ihnen zeigt, von welchem ​​Kanal Sie den meisten Verkehr erhalten. Hier ist die Absprungrate die entscheidende Metrik, auf die Sie achten müssen .

Ein Sprung von mehr als 70% bedeutet, dass auf Ihrer Website etwas nicht stimmt. Überprüfen Sie, wie Sie die Absprungrate senken können, und achten Sie auf den Prozentsatz der Besucher, die mehrere Seiten durchsuchen, um ein bestimmtes Ziel auf Ihrer Website zu erreichen.

Verhalten> Site-Inhalt> Alle Seiten

Dieser Bericht zeigt Ihnen, welche Seiten am effektivsten sind. Achten Sie auch hier auf die Absprungrate . Wenn bestimmte Seiten mehr Verkehr erhalten, sollten Sie ähnliche Inhalte entwickeln oder die Seiten vollständig überarbeiten.

Verhalten> Site-Geschwindigkeit> Geschwindigkeitsvorschläge

Eine langsame Website ist niemals gut. Der Bericht "Geschwindigkeitsvorschläge" enthält Vorschläge, die Sie implementieren müssen, um die Leistung Ihrer Website zu verbessern.

Verhalten> Verhaltensfluss

Dieser Bericht ist eine visuelle Darstellung des Verhaltens der Benutzer auf Ihrer Website.

Wenn die meisten Benutzer eine bestimmte Seite verlassen, wird die Seite möglicherweise langsam geladen oder Sie haben UX / Content-Probleme.

Verwenden Sie GA richtig und Sie können beurteilen, ob sich Ihr WordPress-Konzept gelohnt hat und ob es mit den Zielen und Bedürfnissen der Benutzer übereinstimmt.

Lesen Sie mehr: Was ist WordPress: 11 Branchen, die darauf basieren

2. Überprüfen Sie Ihr aktuelles Layout

Benutzerorientierung bedeutet, den Benutzern genau das zu bieten, wonach sie suchen. Benutzer würden bemerken , die nicht Ihre Seite Design sofort, aber Sie können darauf wetten , dass sie dann die UX Ihrer Website bewerten.

Ohne Überprüfung Ihres aktuellen Layouts ist es schwierig zu ermitteln, wo genau Ihre Konstruktionsfehler liegen. Die Art und Weise, wie Sie Ihre Website gestalten, sollte ansprechend sein, und Ihre Inhalte müssen für Suchmaschinen relevant und optimiert sein.

Stellen Sie sich folgende Fragen bei der Analyse von t er Ihrer Wordpress - Website - Layout:

  • Ist das, was ich als Unternehmen mache, auf den ersten Blick ersichtlich?
  • Ist dieses Design hilfreich, um meine Ziele zu erreichen?
  • Spricht dieses Design meine Zielgruppe vollständig an?
  • Ermutigt mein WordPress-Design Benutzer zur Konvertierung?

Die entscheidenden Bereiche, auf die Sie sich beim Layout konzentrieren müssen, sind:

  • Erster Eindruck : Ist Ihr Layout so strukturiert, dass Benutzer beim ersten Öffnen Ihrer Website leicht finden können, wonach sie suchen?
  • Inhalt : Haben Sie Inhalte, die leicht zu verdauen und voller Wert sind? Untersuchen Sie, wie sich Ihr Inhalt anfühlt und wie Ihre Seitenbilder zu diesem Gefühl beitragen.
  • Site-Architektur : Ist die Navigation ungehindert? Ihre Website-Navigation muss intuitiv sein. Dies gilt auch für alle Aktionsschaltflächen und Menüs auf Ihren Seiten.

Überprüfen Sie die Benutzerfreundlichkeit

Benutzerfreundlichkeit ist einer der entscheidenden Aspekte jeder erfolgreichen WordPress-Website. Wenn Besucher nicht herausfinden können, worum es auf der Seite geht, oder Ihre Webnavigation nicht verstehen können, verlassen sie stattdessen die Seite Ihres Konkurrenten und öffnen sie.

Um die Benutzerfreundlichkeit Ihrer Website zu überprüfen, konzentrieren Sie sich auf:

  • Wie lange dauert das Laden Ihrer Website?
  • Ist der Inhalt Ihrer Website leicht zugänglich?
  • Funktioniert Ihre Suchschaltfläche und ist sie sichtbar?
  • Sind alle Links funktionsfähig?
  • Reagiert Ihre Website auf Mobilgeräte?
  • Schützen Sie die Kontaktdaten der Benutzer ordnungsgemäß?

Ihre WordPress-Website sollte für maximale Benutzerfreundlichkeit optimiert sein. Die CTAs sollten nur wenige Klicks entfernt sein. Die Navigation muss elegant und unkompliziert sein.

Vergessen Sie nicht, auch die Zugänglichkeit der Website zu überprüfen. Das Internet ist für alle gemacht, daher muss Ihre Website auch auf dieses Mantra abgestimmt sein .

Lesbarkeit von Testinhalten

Die Lesbarkeit ist von entscheidender Bedeutung, da Benutzer Ihre Nachricht aufgrund unangemessener Wortgröße, schlechter Überschriften oder inkohärenter Farben nicht verstehen können. Sie können sie nicht länger als ein paar Sekunden auf Ihrer Website behalten.

Wenn Sie die Lesbarkeit Ihrer WordPress-Site beurteilen möchten, müssen die folgenden Faktoren berücksichtigt werden:

  • Ist die Typografie leicht zu lesen?
  • Sind die Farben der Schriftarten und Hintergründe im richtigen Kontrast?
  • Ist der Text lesbar?
  • Ist das Design perfekt auf den Inhalt abgestimmt?

Sie benötigen ein Design, das die Nützlichkeit und Lesbarkeit Ihrer Inhalte betont und gleichzeitig Ihr Angebot klar macht .

Ästhetik bewerten

Ein Design sollte ästhetisch ansprechend und poliert sein und die Botschaft ergänzen, die Sie vermitteln möchten. Fragen Sie sich Folgendes:

  • Ist die Website auf den Stil meiner Marke abgestimmt?
  • Ist der Stil auf der gesamten Website einheitlich?
  • Wie sind die Website-Elemente auf meine Ziele ausgerichtet?
  • Gibt es übermäßige Elemente, die meine Kernbotschaft ersticken?

Wenn das Design Ihrer Website dem Kontext und der Persönlichkeit Ihrer Marke entspricht, können Sie Ihre Kunden besser einbeziehen und sie auf Ihrer Seite behalten. Jedes Element muss perfekt kombiniert werden, von Typografie über Logo, Farben bis hin zu Stil.

3. Analysieren Sie Ihre Konkurrenten

Wissen Sie, wer Ihre größten Konkurrenten auf dem Markt sind? Und was am wichtigsten ist: Wie können Sie sicherstellen, dass Sie ein besseres Online-Erlebnis bieten als Ihre schärfsten Konkurrenten?

Sie müssen eine Usability-Analyse durchführen. Sammeln Sie mehrere Teilnehmer (Benutzer) aus Ihrer Zielgruppe und bitten Sie sie, Ihre und die Websites Ihrer Mitbewerber zu öffnen und zu navigieren. Wenn Sie vermeiden möchten, dass sie voreingenommen sind, teilen Sie ihnen nicht mit, welche Website Ihnen gehört.

Verwenden Sie den 5-Sekunden-Test. Geben Sie den Teilnehmern für jede der Websites 5 Sekunden Zeit, um sich jede Website anzusehen und Ihnen zu sagen, worum es auf der Website geht und wie sie sich durch die gesamte Erfahrung gefühlt haben. Wenn Sie gute Dinge über Ihre Konkurrenz hören, erhalten Sie anhand dieser Erkenntnisse eine Vorstellung davon, was Sie Ihren Benutzern in Ihrem Layout bieten können.

Geben Sie nach dem ersten Impressionstest jedem Teilnehmer eine Aufgabe. Sagen Sie ihnen, sie sollen eine Antwort erhalten oder ein Problem mithilfe der von Ihnen bereitgestellten Websites lösen. Stellen Sie den Benutzern nach jeder Aufgabe die folgenden Fragen: Was war das Schlimmste an der Website, wie kann sie verbessert werden und was hat ihnen an der Erfahrung gefallen?

Wenn Sie mit der Umfrage fertig sind, müssen Sie jedem Teilnehmer eine Schlüsselfrage stellen:

"Welche Website hat Ihnen die beste Erfahrung gemacht und warum?"

Eine andere Sache, auf die Sie achten sollten, sind die Trends, von denen Ihre Konkurrenten auf Ihrer Website profitieren . Dies hilft Ihnen dabei, über den Tellerrand hinaus zu denken, wenn Sie Ihr aktuelles WordPress-Website-Design zusammen mit Ihrer CRO-Strategie (Conversion Rate Optimization) optimieren.

Eine andere Möglichkeit, wettbewerbsfähige Websites zu diagnostizieren, sind professionelle Tools wie:

  • SimilarWeb : Ein Tool, das Traffic- und Marketing-Einblicke für jede Website bietet. Das Tool bietet Benutzern einen schnellen Überblick über die Reichweite, das Ranking und die Benutzerinteraktion einer Website.
  • Alexa : Alexa bewertet Websites, die in erster Linie auf der Verfolgung eines Beispielsatzes des Internetverkehrs basieren, hauptsächlich Benutzer der Symbolleiste für Internet Explorer-, Firefox- und Google Chrome-Webbrowser.
  • Quantcast : Quantcast liefert Website-Verkehrsstatistiken, mit denen die Leistung einer Website aus Marketingsicht analysiert und Käuferpersönlichkeiten in Bezug auf Standort, Verhalten sowie Kauf- und Verhaltenspräferenzen identifiziert werden können.
  • SEMRush : SEMRush ist ein Tool, mit dem Sie profitable Keywords finden können.
  • Ahrefs : Ahrefs ist eine SEO-Software-Suite, die Tools für Linkaufbau, Keyword-Recherche, Konkurrenzanalyse, Rangverfolgung und Site-Audits enthält.

Unter dem Strich ist die Analyse Ihrer Konkurrenten nicht nur gut für die Verbesserung Ihres Weblayouts, sondern auch für Ihre gesamte Geschäftsstrategie. Erfahren Sie, was auf dem Markt funktioniert, und implementieren Sie es so schnell wie möglich auf Ihrer WordPress-Site.

4. Untersuchen Sie Ihre Benutzer-Personas

Das Wichtigste beim Erstellen eines benutzerzentrierten Layouts ist, die Zielbenutzer tatsächlich zu verstehen. Einfach gesagt, müssen Sie wissen, wie die Benutzer sind.

Durchsuchen Sie zunächst Ihre aktuelle Benutzer- / Kundendatenbank. Suchen Sie nach gemeinsamen Merkmalen, Verhaltensmustern, Herausforderungen und Zielen. Bitten Sie um ihr Feedback! Sie können jederzeit wertvolle Informationen aus Ihrer aktuellen Benutzerbasis extrahieren.

Inzwischen müssen Sie über detaillierte Kenntnisse Ihrer Käuferpersönlichkeit verfügen . Wenn nicht, können Sie jederzeit unsere Vorlage verwenden:

Das perfekte Profil Ihrer Benutzerpersönlichkeit ist die Grundlage Ihres Weblayouts. Wenn Sie Ihre Zielkunden kennen, können Sie die Teile Ihres WordPress-Layouts bestimmen, die Ihre Nachricht übermitteln müssen.

5. Entwickeln Sie User Storyboards

Eine User Story ist mit ihren Zielen identifizierbar. Es ist eine Beschreibung, wer der Benutzer ist, was seine / ihre Bedürfnisse sind und warum diese Bedürfnisse sind. Zum Beispiel:

„Jeff, ein CEO von Mobile App, überwacht den Design- und Entwicklungsprozess, einschließlich der Erstellung und des Prototyping von Assets. Er benötigt einfachen Zugriff auf das Prototyping von SaaS und die Bibliotheken, die Designer für das Projekt verwenden. “

Mithilfe von User Stories können Sie praktische Informationen zu Ihren Zielbenutzern, ihren unterschiedlichen Bedürfnissen und Motivationen für das Öffnen und Zugreifen auf die Optionen Ihrer WordPress-Website ermitteln.

Ein User Storyboard ist eine visuelle Darstellung des Verhaltens des Benutzers beim Öffnen Ihrer Website. Sie können Ihr User Storyboard mit Skizzen, Screenshots, Animationen, Videos oder mithilfe eines Tools entwickeln.

Daten sammeln

Genau wie bei Ihren Benutzerpersönlichkeiten müssen Sie bei der Entwicklung eines Benutzer-Storyboards mit Daten beginnen. Es gibt viele UX-Forschungsmethoden, mit denen Sie wertvolle Daten über Ihre Website sammeln können, vorzugsweise:

  • Kartensortierung : Bitten Sie eine Gruppe von Testbenutzern, jedes Element Ihrer Informationsarchitektur mithilfe einer Karte für jedes der Elemente anzuordnen. Wenn dies physisch nicht möglich ist, können Sie online nach verschiedenen Kartensortierungswerkzeugen suchen.
  • Expertenbewertung : Stellen Sie einen UX-Experten ein, der weiß, wie man auf Ihrer Website das Gute vom Schlechten erkennt. Ermöglichen Sie dem Experten die volle Freiheit, sein konstruktives Feedback zu äußern.
  • Feldstudie : Beobachten Sie das Verhalten der Benutzer auf Ihrer Website. Führen Sie anschließend Interviews durch und fragen Sie sie nach den Beobachtungs- und Kontextaspekten Ihrer Website.
  • Usability-Test : Beobachten Sie, wie Ihre Zielbenutzer bestimmte Aufgaben auf Ihrer Site ausführen, und sammeln Sie Daten.

Schreiben Sie die Handlung auf

Denken Sie an Ihre User Story und die Schritte / Ereignisse der Story. Was Sie brauchen ist:

  • Hauptcharakter : Die Benutzerpersönlichkeit, die an der Geschichte beteiligt ist, ihre Eigenschaften, Erwartungen und Einstellungen.
  • Die Szene : Denken Sie über die Schritte zur Verwendung Ihrer Website und die Umgebung nach, in der sich der Benutzer befindet.

Schreiben Sie einfach die Schritte auf und stellen Sie sich vor, wie sie in Ihrem Storyboard aussehen würden.

Fügen Sie die Details hinzu

Mithilfe von Details können Sie veranschaulichen, wie sich der Benutzer fühlen könnte und was er bei jedem Schritt der Nutzung Ihrer Website erleben würde. Schreiben Sie jedes weitere Detail auf, das Sie sich vorstellen können.

Alles zusammenfügen

Sie müssen alle Ihre Daten, Szenarien und Schritte sammeln und alles in Ihr User Storyboard einfügen! Zum Starten benötigen Sie kein ausgefallenes Werkzeug. Nehmen Sie einfach Ihren Bleistift oder Marker, ein Stück Papier oder ein Whiteboard und beginnen Sie mit dem Zeichenvorgang.

Fügen Sie im Verlauf der Zeichnung weitere Details und Ideen hinzu. Vergessen Sie nicht, das gesamte Entwicklungs- und Marketingteam in den Prozess einzubeziehen! Ein Storyboard wird aufschlussreicher, wenn mehr Menschen in seine Entwicklung einbezogen werden.

Einpacken

Am Ende sollte die Erstellung eines benutzerzentrierten WordPress-Konzepts die Persönlichkeit und Gewohnheiten Ihrer Zielbenutzer widerspiegeln. Aus diesem Grund müssen Sie sicherstellen, dass sich diese Faktoren im Design und in den Funktionen Ihres Builds widerspiegeln.

Ein benutzerorientierter Entwicklungsansatz zeigt, dass Sie sich wirklich um Ihre potenziellen Kunden kümmern und dass sich das Team, das an Ihrem WordPress-Build arbeitet, wirklich um die Arbeit und ihre Auswirkungen auf den Markt kümmert. Sobald Ihre WordPress-Site bereit ist, die Erwartungen Ihres Zielmarkts zu erfüllen, können Sie damit rechnen, Webbesucher in treue Kunden umzuwandeln.