Drupal: Der Schlüssel zu einer herausragenden User Experience

Vielleicht müssen Sie sich anstrengen, um sich an die schlimmsten Dinge zu erinnern, die in Ihrem Leben passiert sind, während Sie versuchen, sie in Schach zu halten. Einige großartige Momente mit Ihrem besten Freund werden für den Rest Ihres Lebens unvergesslich sein. Eine gute Erfahrung bleibt lange in Erinnerung. Genauso verhält es sich mit Websites. Eine großartige User Experience mit der Website macht sie nicht nur für die Online-Besucher attraktiv, sondern etabliert auch die Kameradschaft zwischen ihnen. Drupal kann eine wunderbare Plattform für Sie sein, um eine erstaunliche digitale User Experience zu bieten.

Lassen Sie uns direkt in ein Fallbeispiel eintauchen, um zu sehen, wie eine Website die User Experience beeinflussen kann. Ein Skeleton Screen ist eine leere Version einer Seite, auf der Informationen schrittweise geladen werden. Um Ihre Online-Besucher bei langsameren Ladezeiten zu fesseln, kann eine Skeleton-Screen-Animation sehr nützlich sein.

Die User Experience verstehen

Eine gute Erfahrung bleibt lange in Erinnerung

Wie erklärt man einem Laien User Experience Design? User Experience betont das tiefe Verständnis der Nutzer, ihrer Bedürfnisse, dessen, was sie schätzen, und ihrer Einschränkungen.

Wir stoßen oft auf die Verwendung der Wörter UI und UX, die fast austauschbar verwendet werden, aber abgesehen vom "I" und dem "X" am Ende gibt es einen großen Unterschied.

Kurz gesagt, UI ist, wie Dinge aussehen, während UX ist, wie Dinge funktionieren. Außerdem ist UX ein Prozess und UI ein Ergebnis. Der Unterschied zwischen UX-Design und UI-Design kann wie in der folgenden Abbildung zusammengefasst werden:

Die User Experience Honeycomb repräsentiert die Qualitäten, die im Mittelpunkt Ihres UX-Designs stehen sollten, um sicherzustellen, dass die Nutzer einen Wert in dem finden, was Sie ihnen anbieten.

Die Qualitäten oder Facetten der User Experience, die in der hier gezeigten hexagonalen Darstellung dargestellt werden, können wie folgt erklärt werden:

• Die Website sollte in der Lage sein, den Nutzern einen Mehrwert zu bieten. Zum Beispiel sollte die UX die Mission von Non-Profit-Organisationen voranbringen und zum Endergebnis beitragen und die Nutzerzufriedenheit erhöhen.
• Wir müssen uns fragen, ob unsere Produkte und Dienstleistungen nützlich sind.
• Benutzerfreundlichkeit ist von größter Bedeutung, auch wenn die schnittstellenorientierten Methoden und Perspektiven der Interaktion zwischen Mensch und Computer nicht jeden Aspekt des Website-Designs berücksichtigen.
• Unsere Markenidentität sollte in unserem Bestreben, eine robuste Online-Präsenz aufzubauen, begehrenswerter werden.
• Wir sollten den Schwerpunkt auf den Aufbau einer navigierbaren Website mit auffindbaren Objekten legen, um den Nutzern zu helfen, das zu finden, was sie brauchen.
• Unsere Website für Menschen mit Behinderungen zugänglicher zu machen, ist ethisch vertretbar.
• Es muss Glaubwürdigkeit in dem geben, was wir den Nutzern anbieten, und sie sollten in der Lage sein, unseren Angeboten zu vertrauen und daran zu glauben.

Wichtige Tipps zur Verbesserung der User Experience

Um eine gute User Experience zu schaffen, ist eine gut geplante Methodik erforderlich. Sie müssen über jede mögliche Art und Weise nachdenken, wie ein Nutzer mit Ihrer Website interagieren kann, damit Sie sich bemühen können, diese Interaktion zu verbessern.

Um eine gute User Experience zu schaffen, ist eine gut geplante Methodik erforderlich. 

Angesichts der sich schnell verändernden digitalen Marketinglandschaft scheint Ihre Website möglicherweise eine Neugestaltung zu benötigen und veraltet auszusehen. Einige der einfachsten Möglichkeiten, Ihre Website zu verbessern, um mit dem Tempo der sich ändernden UX-Bedürfnisse Schritt zu halten, sind im Folgenden aufgeführt:

• Die Verwendung von Freiraum macht Ihre Inhalte lesbarer und hilft den Online-Besuchern, sich auf die Elemente zu konzentrieren, die den Text umgeben. Freiraum um den Text und die Titel erhöht die Aufmerksamkeit des Nutzers um 20 Prozent.
• Die Seitengeschwindigkeit beeinflusst die UX enorm. Eine träge Seitenladezeit kann sich für die Nutzer als störend erweisen und sie bis ins Mark frustrieren. Meistens haben die Nutzer einfach keine Zeit zu warten. Selbst wenn die Seitenladezeit eine Verzögerung von 2 Sekunden hat, kann die Abbruchrate der Website bis zu 87 Prozent erreichen.
• Die Verwendung attraktiver Handlungsaufforderungen (CTAs), die mit einem Aktionswort gekennzeichnet sind, ermöglicht eine einfache Navigation auf Ihrer Website, und die Nutzer können leicht dorthin gelangen, wo sie wollen. Mehr als 90% der Nutzer, die Ihre Überschrift lesen, würden sich auch den CTA ansehen.
• Die Verwendung von Hyperlinks auf Ihrer Seite ist äußerst hilfreich, um die Aufmerksamkeit des Lesers zu erregen. Visuelle Hinweise wie unterstrichener Text und andersfarbiger Text erleichtern die Identifizierung.
• Die Verwendung von Aufzählungszeichen hilft den Nutzern, alle Informationen, die sie wollen, schnell und präzise zu erhalten. Sie können schnell die Vorteile, wie Sie ihr Problem lösen, und die wichtigsten Funktionen eines Produkts oder einer Dienstleistung verstehen.
• Die sinnvolle Verwendung von Bildern auf Ihrer Website zur Unterstützung des Inhalts kann den Nutzern eine visuelle Pause vom Text ermöglichen. Sie müssen sicherstellen, dass sie relevant sind. Die Verwendung eines tatsächlichen Bildes, das Ihre Marke und ihre Dienstleistungen vermittelt, anstelle eines Stockfotos kann eine Verbindung zwischen dem Nutzer und der Marke herstellen.
• Das Einfügen von gut gestalteten und geschriebenen Überschriften, die auf dem basieren, was Ihre potenziellen Kunden suchen, kann nützlich sein. Zum Beispiel kann das Einfügen von Schlüsselwörtern in Ihren Titel helfen, Ihre Botschaft gezielt zu platzieren und die Aufmerksamkeit der richtigen Zielgruppe zu gewinnen.
• Die Aufrechterhaltung der Website-Konsistenz ist gleichbedeutend mit einer großartigen UX. Überschriftengrößen, Farbgebung, Button-Stile, Designelemente, Schriftarten, Illustrationsstile, Fotoauswahl usw. sollten so gestaltet sein, dass Ihr Website-Design zwischen den Seiten und auf derselben Seite kohärent ist.
• Die Optimierung Ihrer Website für den Umgang mit dem Fehler 404 (Seite nicht gefunden) kann sich als fruchtbar erweisen. Der Fehler 404 kann einen Nutzer frustrieren und ihn dazu bringen, das Surfen auf Ihrer Website zu überdenken.
• Ihre Website vollständig responsiv zu gestalten, sollte oberste Priorität haben. Eine mobile-responsive und mobile-freundliche Website erleichtert die Navigation und funktioniert gut auf allen Plattformen, von Desktops bis hin zu Handheld-Geräten. 57% der Nutzer werden ein Unternehmen nicht weiterempfehlen, das keine mobile-responsive Website hat.

Nehmen Sie 50+ User Experience Tipps mit und stellen Sie sicher, dass der Nutzer die beste Erfahrung auf Ihrer Website hat.

Warum ist Drupal 8 großartig für eine erstaunliche User Experience?

Drupal 8 ist ein führendes CMS, wenn es um eine leistungsstarke und erstaunliche User Experience geht. Lassen Sie uns einen Blick darauf werfen, was Drupal 8 so spektakulär macht, um eine überzeugende User Experience für Ihre Website zu gestalten.

Responsives Webdesign

Responsive Websites sind heutzutage ein Muss, um auf jeder Bildschirmgröße gut zu funktionieren. Drupal 8 hilft beim Aufbau von Websites mit einem Responsive-Webdesign-Ansatz out-of-the-box mit Hilfe von Contributed Modules. Außerdem gibt es mehrere Drupal-Themes, die bei der Erstellung eines responsiven Designs helfen.

Web-Personalisierung

Die Personalisierung der Inhalte auf Ihrer Website hilft den Nutzern, die Inhalte anzuzeigen, an denen sie interessiert sind. Web-Personalisierung kann auf der Grundlage der Demografie des Nutzers, der Anmeldezeit und des Datums des Nutzers, des Geschlechts, der Gerätedetails des Nutzers usw. erfolgen.

Acquia Lift Connector, ein Drupal-Modul, bietet die Integration mit dem Acquia Lift Service mit einer verbesserten User Experience für die Personalisierung, das Testen und die Ausrichtung auf das Frontend der Website direkt.

Performance-Optimierung

Eine schnell ladende Website trägt wesentlich zur Verbesserung der User Experience, der Benutzerfreundlichkeit und des Engagements bei. Drupal 8 ist eines der effizientesten CMS für die Ermöglichung einer verbesserten Seitengeschwindigkeit.

Caching ist eine wichtige Funktion, die Sie konfigurieren können, um Ihre Website-Geschwindigkeit zu erhöhen. Drupal-Module wie Internal Page Cache, Dynamic Page Cache, BigPipe, Redis, Varnish und Memcache API and Integration bieten verschiedene Arten von Caching-Methoden, um die Anforderungen Ihrer Website zu erfüllen.

Die Seitengeschwindigkeit kann auch durch die Deaktivierung unerwünschter oder selten verwendeter Module erhöht werden. Drupal 8 hilft auch bei der Optimierung von Bildern für eine bessere Performance.

Mehrsprachige Fähigkeiten

Drupal 8 Core ist mit mehrsprachigen Fähigkeiten ausgestattet. Es ermöglicht Ihnen, Inhalte, Site-Interfaces, Sprachen und Konfigurationen out-of-the-box zu übersetzen. Zum Beispiel können Sie den Inhalt Ihrer Website in eine bestimmte Sprache auf der Grundlage des geografischen Standorts des Nutzers übersetzen.

Soziale Medien

Die Verbindung mit Freunden ist eines der größten Pluspunkte von Social-Media-Elementen. Soziale Medien können auch ein mächtiges Marketinginstrument sein. Die Integration von Social-Media-Elementen in Ihre Website ermöglicht es den Nutzern, die Erfahrung, die sie mit Ihrer Website gemacht haben, mit der Welt zu teilen.

Drupal bietet eine Reihe von Modulen, die Ihnen dabei helfen. Easy Social, ein Drupal-Modul, ermöglicht es Ihnen, Share-Buttons zu Ihren Nodes hinzuzufügen.

Ein weiteres Drupal-Modul, OneAll Social Login, ermöglicht es Ihnen, sich auf der Drupal-Website zu registrieren und anzumelden, indem Sie bestehende Konten in sozialen Netzwerken verwenden.

A/B-Tests

A/B-Ergebnisse helfen bei der Bestimmung, wie gut Ihre Website funktioniert und wie Sie sie weiter verbessern können. Drupal 8 bietet Module zur Durchführung von A/B-Tests.

Zum Beispiel ermöglicht das A/B Test JS Modul die Durchführung von A/B- und multivariaten Tests über JavaScript und stellt eine UI für die Erstellung von Tests zur Verfügung.

Das Webform A/B Testing Modul hilft bei der Einrichtung von A/B-Tests, die aus verschiedenen Webformularen bestehen, um das effektivste zu ermitteln. Es verfolgt, wie oft ein Webformular den Nutzern gezeigt wurde und wie viele Nutzer durch das Ausfüllen des Formulars geantwortet haben.

Wie bemüht sich die Drupal Community, die Admin-UX zu verbessern?

Mit einer hochaktiven Gruppe von Drupal-Enthusiasten in der Drupal Community ist das Ziel, Drupal für alle immer besser zu machen, eine ewige Sache. Während Drupal großartig ist, um die User Experience für Online-Besucher zu verbessern, sollen die Site-Administratoren nicht außen vor gelassen werden. Die Admin UX User Study Group in der Drupal Community hat in einer Studie großartige Erkenntnisse gewonnen, wie die Admin-UX weiter verbessert werden kann.

Neu bei Drupal zu sein, kann sich für die Content-Editoren als mühsam erweisen, sich mit der administrativen Oberfläche, die die Plattform zu bieten hat, anzufreunden. Die Admin UX User Study ist bestrebt, die Drupal Admin-UI zu verbessern, mit dem Ziel, sie zu einer erstaunlichen Plattform für Site-Administratoren zu machen.

Ergebnisse der Admin UX Studie

Der Hauptfokus der Forschung lag auf Content-Editoren, die für das Platzieren großartiger Inhalte auf der Website verantwortlich sind. Es wurde eine Umfrage durchgeführt, um zu verstehen, was Content-Editoren an Drupal lieben und wo sie es als herausfordernd empfinden.

Die meisten Befragten gaben in der Umfrage an, dass Drupal flexibel und anpassbar ist und ihnen die Kontrolle über ihre Inhalte ermöglicht.
Auf die Frage nach den Herausforderungen lieferte die Umfrage einige interessante Erkenntnisse. Viele Content-Editoren waren der Meinung, dass viele Feinheiten auf die UI zurückzuführen sind, die von den Absätzen und Panels bereitgestellt wird.

Weitere Hürden gab es bei der Suche nach Dokumentationen, der Content-Editing-UI, dem Verständnis von Fachjargon und technischen Terminologien sowie dem Medienmanagement. Es wurde auch auf Komplexitäten bei der Content-Editing-Oberfläche hingewiesen, wenn man die Inhaltsübersetzung mit einbezieht.

Bemühungen zur Verbesserung der Admin-UX

Mit einer hochaktiven Gruppe von Drupal-Enthusiasten in der Drupal Community ist das Ziel, Drupal für alle immer besser zu machen, eine ewige Sache.

Interessanterweise wurde bereits an den Antworten der Content-Editoren gearbeitet, die die Drupal Community zu erreichen versucht. Zum Beispiel zielt das Drupal Gutenberg Projekt darauf ab, die Publishing-Erfahrung durch eine moderne UI zu revolutionieren, die auf dem Gutenberg Projekt von Wordpress basiert.

Außerdem wird an Konfigurationsänderungen wie der Minimierung der Benutzerberechtigungen für Editoren, dem Angebot des Zugriffs auf ein Admin-Menü mit einer begrenzten Anzahl von Optionen und der Anpassung einiger der Standard-Widget-Einstellungen gearbeitet. Das heißt, die Konfiguration einer Rolle für Content-Autoren out-of-the-box und die Änderung einiger der Standardkonfigurationen von Drupal kann eine wunderbare Content-Editing-Erfahrung bieten.

Erfolgsgeschichte

Die Federal Emergency Management Agency (FEMA), die Menschen hilft, mit Natur- und von Menschen verursachten Katastrophen fertig zu werden, wählte Drupal, um eine leistungsstarke User Experience zu bieten. Die neue digitale Plattform wurde für die Zuverlässigkeit in kritischen Zeiten entwickelt.

Die Federal Emergency Management Agency (FEMA) liefert aktuelle Details zu verschiedenen wichtigen Fakten während Notfällen. Die alte Version von FEMA.gov war keine zuverlässige Website mit veralteten Navigationsfunktionen und langsamer Seitenladezeit, die den Zugriff während kritischer Ereignisse mit Traffic-Spitzen erschwerte.

FEMA kannte die Bedeutung der Bereitstellung einer zuverlässigen digitalen Erfahrung für die Nutzer und wünschte sich eine benutzerfreundliche und hoch belastbare Website mit der Möglichkeit einer aussagekräftigeren Kommunikation. Sie musste auch mit Traffic-Spitzen fertig werden und gleichzeitig skalierbar sein.

Herausforderungen des Projekts

Das Hauptanliegen des Designteams war die Erstellung eines freundlichen und funktionalen Designs und einer Benutzeroberfläche. Durch die Durchführung einer Reihe von Nutzer-Fokusgruppen erhielten sie das dringend benötigte Feedback, das darauf hindeutete, dass die bestehende Website zu kompliziert war, es schwierig war, Informationen zu finden, und einige der Inhalte veraltet waren. Die Website unterstützte auch keine Smartphones und Tablets.

Das bestehende System unterstützte keine schnelle und wirksame Kommunikation. Meistens kam es auf der Website zu Überlastungen und sehr langsamen Seitenladezeiten, insbesondere während Notfällen, wenn sie am dringendsten benötigt wird. Sie war nicht belastbar und konnte keine durchgängig leistungsstarke Erfahrung bieten. Zusätzlich zu diesen Problemen gab es Schwierigkeiten bei der Content-Bearbeitung.

Ergebnis des Projekts

Um diese Herausforderungen zu bewältigen, wählte FEMA Drupal als bevorzugtes Content-Management-System. Um den groß angelegten Wiederaufbau der Website zu bewältigen, bei dem Tausende von Seiten überprüft, aktualisiert und auf die neue Website migriert werden mussten, wurden Entwicklung und Tests in einem iterativen Prozess durchgeführt. Dies half bei der einfachen Skalierung des Projekts und der Vornahme von Anpassungen und Neuausrichtungen.

Die Website von FEMA.gov wurde mobilfreundlich und konnte von Geräten vom Desktop bis zu mobilen Geräten aufgerufen werden. Es wurde auch besonderes Augenmerk auf die Zugänglichkeit für Nutzer gelegt, die unterstützende Technologien benötigen. Die neue Site-Architektur minimierte die Anzahl der Klicks, die für den Zugriff auf Informationen erforderlich waren, wodurch die Navigation und der Abruf schneller und einfacher wurden. Es wurden technische Designlösungen implementiert, die den Compliance-Standards von Section 508 entsprachen.

Nach dem Start der neuen Website erwies sie sich nicht nur als kosteneffektiv, sondern bot auch einen Mehrwert für die Nutzer. Sie bot einen besseren Zugang zu wichtigen Katastrophenhilfe-Details, eine höhere Interaktivität und Zugänglichkeit, plattformübergreifende Kompatibilität und die Möglichkeit, wichtige Inhalte schnell und zuverlässig in mehreren Sprachen zu verbreiten.

Die Open-Source-basierte Drupal-Architektur trug zur Verbesserung der Performance bei und ermöglichte es FEMA, der Öffentlichkeit einen schnellen Zugriff auf Daten zu ermöglichen, die bei Bedarf in Echtzeit geändert werden konnten. Mit der mobiloptimierten Version von FEMA.gov, die eine enorme Menge an Informationen für unterwegs ermöglicht hat, haben sich die User Experience und die allgemeine Nutzerzufriedenheit ebenfalls verbessert.

Fazit

Das Ziel jedes digitalisierten Unternehmens ist es, die beste digitale User Experience zu bieten. Mit den richtigen Mitteln zur Implementierung und den erstaunlichen Funktionen von Drupal sollte der Aufbau einer Website mit einer großartigen UX ein Kinderspiel sein. 

Sprechen Sie mit unseren Drupal-Experten über die Entwicklung einer Drupal-basierten Website mit der besten Website-Design-Implementierung für Ihr Unternehmen. Um die User Experience Ihrer Website zu verbessern, kontaktieren Sie uns unter [email protected]