Ein öffentliches Help Center ermöglicht es Unternehmen, mit Kunden zu interagieren und starke Beziehungen aufzubauen. Help Center sind ein großer Teil des Kundenservice. Darüber hinaus hängt der Umsatz, den die Organisation generiert, stark von ihrem Kundensupport/Help Center ab. Das Design des Help Centers ist auch ein wesentliches Merkmal im Kundensupport mit einem ansprechenden Design. Zusammen mit einer einfachen Navigation zieht es die Aufmerksamkeit Ihrer aktuellen und zukünftigen Kunden auf sich und baut durch sein allgemeines Erscheinungsbild und seine Benutzerfreundlichkeit Vertrauen auf.
Also, die Gleichung ist einfach: Sie erfreuen den Kunden, und der Kunde erwidert das Gefallen!
In erster Linie ist die Selbstbedienung zu einer der Hauptmethoden von Saas-Unternehmen geworden, um Kundenunterstützung zu bieten. Daher sind Tutorials und technische Fehlerbehebungen hilfreich für Kunden, um die Schritte zur Verwendung des Produkts oder Dienstes zu verstehen. Normalerweise erwarten sie von Help Centern eine klare, benutzerorientierte Sprache, Interaktion, eine ansprechende Benutzeroberfläche, manchmal eine Sprachsuche und sicherlich leicht verständliche Anweisungen.
Es kann herausfordernd sein, einen Ausgangspunkt zu finden, wenn Sie ein Help Center erstellen oder Ihr bestehendes neu gestalten. Zu diesem Zweck lesen Sie über die wesentlichen Elemente der Gestaltung eines Help Centers und die zwanzig Help Center-Designs, um Inspiration zu erhalten.
Bonus! Aarhus, Odense und Aalborg Themes von GrowthDot
Das Team von GrowthDot hat speziell ein benutzerdefiniertes Help-Center-Theme für Zendesk entworfen. Es berücksichtigt alle unten genannten Empfehlungen und passt zu allen Funktionen und Details von Zendesk. Finden Sie also jedes Element, das für ein großartiges Help-Center-Design benötigt wird. Zum Beispiel enthalten die Aarhus, Odense und Aalborg Themes eine sichtbare Kopfzeile, eine Seitenleiste-Navigation, Kategorien mit anpassbaren Symbolen, "Vorherige"/"Nächste" Schaltflächen und vieles mehr. Darüber hinaus sind die Themes auf jedem Gerät zugänglich und ermöglichen zusätzliche Formatierungselemente wie Inhaltsverzeichnisse, Hinweisblöcke, interne Registerkarten und andere Optionen, um den Inhalt Ihres Help Centers so zu gestalten, wie Sie es möchten.
Wir erstellen auch benutzerdefinierte Themes für Zendesk Guide und bieten erhebliche Rabatte an. Schauen Sie sich unsere Seite mit den Rabatten für Zendesk-Themes an, um herauszufinden, wie Sie weniger für ein benutzerdefiniertes Help-Center-Design bezahlen können.
Neu bei Zendesk? Lesen Sie einen ausführlichen Artikel, um mehr zu erfahren: 'Was ist Zendesk? Was ist sein Zweck?'
Außerdem wird unser Team gerne einen persönlichen Touch zu Ihrem Unternehmen hinzufügen, also zögern Sie nicht, uns für Branding- und Anpassungsoptionen für Ihre Zendesk Knowledge Base zu kontaktieren!
Essentials für das Design des Help Centers und Designs, die Sie inspirieren
Platzierung einer Suchleiste oben auf der Hilfeseite
Dies ist nicht nur ein schneller Weg, um die gesuchten Informationen zu finden, sondern ermöglicht auch das Sammeln von Suchanfragen, um neue Inhalte zu erstellen und bestehende zu optimieren, damit sie relevanter sind. Hilfezentren wie Etsy, Invison, Asana und Pinterest sind großartige Plattformen, die diese Funktion bieten.
Etsy Help Center
Das Aussehen des Etsy Help Centers ergänzt perfekt den Stil ihrer Hauptwebsite. Es hat ein ordentliches und einfaches Layout, das eine einfache und schnelle Navigation, eine Suchleiste und mehrere vorgestellte Artikel oben auf der Seite ermöglicht. Sie können auch Unterstützung und Hilfe über die Community-Foren von Etsy erhalten. Hier sind einige weitere Dinge, die ihre Implementierung richtig gemacht haben:
- Das erste, was Sie sehen, ist eine Suchleiste;
- Separate Kategorien für verschiedene Suchen (z. B. eine für den Verkauf und eine für den Einkauf);
- Die Ergebnisseite ist nicht endlos und hat klare Seiten, was sie auf kleineren Bildschirmgeräten leichter verdaulich macht;
- Die Cookie-Benachrichtigung ist nicht aufdringlich und blockiert die Suchleiste nicht.
Rakuten Kobo
Rakuten Kobo, oder einfach Kobo, ist ein Anbieter von E-Books, Hörbüchern, E-Readern und Tablet-Computern. Es hat ein gut gestaltetes Hilfe-Center, das sogar attraktiver ist als eine Homepage oder eine Landingpage. Polygonale Formen und leuchtende Farben machen es stilvoll und auffällig. Trotz des Kleingedruckten sind die Texte ziemlich gut verständlich. Außerdem verfügt es über:
- intuitive Navigation, bei der die Suchleiste oben auf der Seite steht;
- Registerkarten mit beliebten und aktuellen Artikeln;
- strukturierte Artikel und FAQs mit hoher Lesbarkeit.
Pinterest-Hilfecenter
Das herausragende Merkmal des Hilfecenters von Pinterest ist, dass es dedizierte Abschnitte für Unternehmen und normale Benutzer hat. Darüber hinaus ist das Layout im Stil einer Pinnwand angeordnet, was bedeutet, dass Sie am unteren Rand der Seite hilfreiche Tipps, Artikel und Anleitungen erhalten können. Übrigens sind alle Links auf derselben Seite, sodass Sie nicht ziellos auf und ab scrollen müssen! Es verfügt auch über eine Suchleiste oben auf der Seite, um die Dinge für den Benutzer noch zugänglicher zu machen.
Bemerkenswerte Umsetzungen:
- Das Hilfecenter wird automatisch in der Muttersprache der Benutzer angezeigt, einschließlich der Nachricht der Suchleiste;
- Allgemeine und geschäftliche Anfragen sind getrennt, und jede hat ihre eigenen Kategorien und Suchergebnisse;
- Ein einfacher Weg, um auf die Hauptwebsite zuzugreifen, ohne den Zugang zur Suchleiste zu verlieren.
Asana Support-Seite
Asana verwendet einen anderen Ansatz für die Support-Seite als die meisten anderen Help Center. Sie fragen Sie (den Benutzer), was Ihr spezifisches Problem ist, anstatt Ihnen eine große Menge potenziell relevanter Artikel zur Verfügung zu stellen. Sie finden auch Links zu mehreren anderen hilfreichen Ressourcen wie der Akademie, Anleitungen, Foren und so weiter. Es gibt auch eine Suchleiste, wenn Sie nach spezifischen Support-Artikeln suchen müssen. Wir schlagen vor, dass Sie sich von Asana die folgenden Designentscheidungen ausleihen:
- Navigationskarten in der Nähe der Suchleiste, nämlich "Ich möchte lernen", "Ich habe Probleme mit" und "Ich möchte ein Upgrade durchführen", helfen dabei, die Wissensdatenbanken zu unterteilen;
- Die oben genannten Karten werden verwendet, um Anfragen auszufüllen, wenn die Beschreibung des Problems kompliziert erscheint, und bieten dennoch einen einfachen Zugriff auf die Suchleiste;
- Suchergebnisse heben Schlüsselwörter hervor und werden in Kategorien sortiert, um unnötige Suche zu vermeiden, und auch hier bleibt die Leiste zugänglich.
Organisieren von Fragen kategorisch und Hervorheben häufig gestellter Fragen und Probleme
Wenn die Fragen kategorisch organisiert sind, kann der Benutzer den benötigten Support-Artikel schneller finden.
Bei der Gestaltung eines Hilfezentrums sollten zunächst häufig gestellte Fragen und Probleme hervorgehoben werden. Dies sind die Fragen und Anfragen, mit denen Kunden am häufigsten konfrontiert werden, und es ist nur sinnvoll, sie oben auf der Seite zu präsentieren. Das PayPal-Hilfecenter ist ein herausragendes Beispiel für eine Plattform, die alle häufig gestellten Fragen kategorisiert, die Benutzer normalerweise stellen.
PayPal-Hilfecenter
PayPal ist ein virales Online-Zahlungssystem, das von Unternehmen und Einzelpersonen gleichermaßen genutzt wird, um schnelle finanzielle Transaktionen durchzuführen. Ihre Hilfeseite trägt zur enormen Popularität des Unternehmens bei, da sie einen dedizierten Hilfebereich, eine Liste häufig gestellter Fragen und andere begehrte Informationen bietet, die Benutzer ohne zusätzlichen Aufwand finden können. Darüber hinaus können Sie auch auf andere Weise zusätzliche Hilfe erhalten. Beispielsweise sind die Option zum Kontaktieren des Kundensupports, das Community-Forum und das Resolution Center vorhanden, um Kundenprobleme zu lösen.
Weitere bemerkenswerte Designmerkmale, die es sich lohnt zu stehlen:
- Die Startseite verfügt über einen Kategorien-Tab, der seine eigenen Fragen hat, die Sie sehen können, ohne einen separaten Link zu folgen, um das Öffnen eines neuen Tabs zu vermeiden;
- Durch weiteres Scrollen wird dem Benutzer zusätzliche Möglichkeiten zur Unterstützung angeboten (z. B. ein Steuerzentrum, einen Auflösungshub und ein Community-Forum);
- Eine dedizierte Seite für Softwareentwickler, auf die Sie über den Header zugreifen können.
Intel Support
Intel ist ein weltweit führendes Unternehmen bei der Herstellung essenzieller Technologien, und wie erwartet sind die Kategorien in seinem Hilfecenter ordentlich organisiert. Das Design der Supportseite verwendet violette und blaue Farben als Teil des Designs und ist mit der High-Tech verbunden, was die Benutzer an das Unternehmen selbst erinnert. Abgesehen von seiner gut strukturierten Struktur ist das bemerkenswerteste Merkmal, dass sie den Kunden anbieten, ihre Treiber automatisch zu aktualisieren. Das bedeutet, dass das Unternehmen herausgefunden hat, dass das am häufigsten gesuchte Thema die Aktualisierung von Treibern war. Daher müssen die Benutzer nicht alle Artikel zu diesem Thema lesen.
Übrigens können Benutzer von der Supportseite aus Feedback hinterlassen, ein Support-Team kontaktieren oder sich an die Support-Community wenden.
Berücksichtigen Sie dies und analysieren Sie die Haupt-Suchanfragen Ihres Publikums, um deren Interaktion mit dem Hilfezentrum zu 100 Prozent nützlich zu gestalten.
LinkedIn-Hilfecenter
Dieses berufliche Netzwerk verdient ebenfalls Ihre Aufmerksamkeit und zeigt eines der besten Muster unter den Beispielen für Hilfeseiten. Hier können LinkedIn-Benutzer Verknüpfungen verwenden, um ihre Konten schnell zu verwalten.
Unter Verknüpfungen werden empfohlene Themen nach Kategorien sortiert und vorgeschlagene Artikel sehen aus wie bei der Google-Suche. Es ist also super organisiert und wirkt nicht verwirrend. Der herausragende Punkt ist, dass Kunden eine Nachricht über das hohe Supportvolumen sehen, damit sie über die Verzögerung bei den Antworten des Supportteams informiert sind und nicht verärgert werden.
Bereitstellung eines Kontakts zum Kundensupport
Leider können Kunden oft keine Lösung für ihre Probleme finden. Und in diesem Fall sollten sie leicht einen Weg finden, den Kundensupport anzurufen, eine E-Mail zu senden oder den Kundensupport zu twittern. Die besten Hilfezentren, die die Möglichkeit bieten, den Kundensupport zu kontaktieren, sind:
InVision Support
InVision ist herausragend darin, Software für Designer zu erstellen. Wenn es um das Design ihres Hilfezentrums geht, ist ihr Ansatz einfach, aber gleichzeitig kreativ. Oben auf der Seite befindet sich die Schaltfläche "Kontaktieren Sie den Support", um schnell Agenten zu erreichen, und dann haben Sie die Antworten auf häufig gestellte Fragen. Alle hilfreichen Informationen werden entsprechend von auffälligen visuellen Elementen begleitet, die die Aufmerksamkeit auf sich ziehen. Außerdem haben sie sich auf ein visuell ansprechendes Chat-Design konzentriert, um ihren kundenorientierten Ansatz zu betonen.
GiffGaff-Hilfeseite
Die GiffGaff Help punktet mit einem herrlichen Design und Layout, das ästhetisch ansprechend ist. Darüber hinaus bietet die Hilfeseite eine Option, um die Community zu bitten, den Benutzern selbst zu helfen. Es bietet auch eine Möglichkeit, sich an einen Supportmitarbeiter zu wenden, wenn Sie eine persönlichere Antwort auf Ihre Anfrage wünscheny.
Darüber hinaus ermöglicht es die Plattform den Benutzern, leicht zu navigieren und zu jedem gewünschten Artikel/Bereich zu gelangen.
Help Scout
Help Scout stellt seinen Kundenservice über alles andere. Ihr Hilfezentrum wurde mit dem Kundenerlebnis im Hinterkopf erstellt. Das Design ist visuell und funktional ansprechend, und alle Artikel sind nach den Produkten sortiert.
Darüber hinaus, wenn Sie tiefer in den Inhalt eintauchen, werden Sie feststellen, dass das Hilfezentrum von Help Scout viel Wert auf Textformatierung und visuelle Aufwertung legt. Als Ergebnis sind alle ihre Stücke leicht verdaulich.
Den Hilfe-Center zu einer Erweiterung Ihrer Marke machen
Die Anpassung der Farben und das Hinzufügen von Illustrationen, die Benutzer auf der Hauptwebsite sehen, hilft sicherlich dabei, den Hilfe-Center vertrauter erscheinen zu lassen. Hier sind einige Hilfezentren, die die Marke des Unternehmens widerspiegeln und fördern.
Cards Against Humanity Hilfe-Center
Obwohl das Design des Hilfezentrums dieses Ladens ziemlich einfach und grundlegend ist, sind alle Fragen sehr gut in Kategorien sortiert. Das bedeutet, dass Sie nicht unnötig scrollen müssen, um die Informationen zu finden, die Sie suchen. Dieses Hilfezentrum ist ein ideales Beispiel dafür, wie Sie das Hilfezentrum Ihres Unternehmens nutzen können, um Ihre Marke auf eine Weise zu fördern, die sich nicht auf visuelle Designs konzentriert.
Dropbox-Hilfe
Die Hilfe-Seite von Dropbox überzeugt mit einem sehr ansprechenden Design, das die Marke des Unternehmens wirklich widerspiegelt. Der Inhalt auf ihrer Hilfe-Seite ist nicht nur Standard-Hilfezentrum-Inhalt.
Auf dieser Plattform finden Sie auch mehrere informative Leitfäden und eine Vielzahl von Video-Tutorials für diejenigen, die visuelle Unterstützung für ihre Fragen/Anliegen suchen.
Figma-Hilfezentrum
Wie InVision nimmt auch Figma einen kreativen und künstlerischen Ansatz für die Gestaltung seines Hilfezentrums. Jede Kategorie hat ihr eigenes Symbol, das den Stil der Unternehmensmarke widerspiegelt. Dadurch ist das Hilfezentrum des Unternehmens eine ausgezeichnete Erweiterung seiner Marke!
Twitter Hilfe-Center
In der Tat hat Twitter das prominenteste Design für den Kundensupport. Wie andere Hilfezentren hat es eine Suchleiste und Blöcke mit Themen, aber es verwendet das Logo auf der gesamten Seite.
Darüber hinaus finden Sie ganz unten auf der Seite zwei Tweets von Twitter Support, auf denen die Leute auf die Schaltfläche Folgen klicken sollen. Das war so clever gemacht! Perfekte Arbeit.
Berücksichtigung des demografischen Supports
Für viele internationale Unternehmen stellt die Bearbeitung mehrsprachiger Anfragen eine erhebliche Schwierigkeit dar. Mit dem richtigen Ansatz können Unternehmen jedoch einen Großteil der Sortierarbeit des Supportpersonals einfach dadurch lindern, dass das Zentrum in der entsprechenden Sprache angezeigt wird. Hier ist ein bemerkenswertes Beispiel.
Pinterest-Hilfezentrum
Einer der wichtigsten Vorteile von Pinterest ist, dass es in praktisch jeder Sprache verfügbar ist. Diese Ergänzung ist so gut, weil sie es den Benutzern ermöglicht, Fragen in ihrer Muttersprache zu stellen, was die Anfrage detaillierter und genauer macht und somit die Arbeit Ihres Supportpersonals weniger aufwendig macht.
Eventbrite-Hilfezentrum
Obwohl es nicht automatisch wie das Pinterest-Hilfezentrum wechselt, können Sie bei Eventbrite einfach durch Navigation in die Ecke auswählen, in welcher Sprache die Informationen angezeigt werden sollen. Darüber hinaus wird der angezeigte Inhalt an die Sprache angepasst, was bedeutet, dass kein zusätzliches Scrollen oder die Verwendung einer Vergrößerungsfunktion Ihres Browsers erforderlich ist.
Visa-Supportcenter
Ein weiteres Unternehmen ist ein Weltmarktführer mit einer nützlichen Hilfe-Website - Visa. Seine Taktik besteht darin, ein einfaches Design bereitzustellen, in dem nur FAQs enthalten sind, aber der Schwerpunkt liegt auf der persönlichen Kommunikation. Kunden können also das Land auswählen, in dem sie leben, und die Hotline-Nummer ändert sich je nach ihrer Wahl.
Das Hilfezentrum reagiert also auf die Bedürfnisse der Kunden, da jeder Fall unterschiedlich ist und eine Live-Kommunikation erfordert.
Samsung-Support
Einige Websites wechseln die Sprache automatisch je nach Standort des Benutzers. Wenn Sie jedoch keine solche Option implementieren möchten, können Sie den Besuchern der Website vorschlagen, die Sprache wie Samsung zu ändern. Es wird angenommen, dass Sie aus einem anderen Land kommen, und es erscheint ein Popup, das Ihnen anbietet, die Website in Ihrer Muttersprache anzuzeigen.
Außerdem gibt es eine Suchleiste, die sich automatisch ausfüllt und den Benutzern einige Beispiele für mögliche Fragen zeigt.
Humanisierung Ihres Supportcenters
Für viele Kunden ist ein Hilfezentrum etwas, das normalerweise einen Chatbot, einen KI-Supportassistenten oder andere nicht bewusste Interaktionen beinhaltet. Ein Teil davon ist, dass Supportmitarbeiter oft wie Roboter klingen, weil sie Anweisungen befolgen, und ein Teil davon ist, dass alle Pop-up-Nachrichten gleich aussehen. Hier sind Beispiele, die Sie verwenden können, um Ihr Hilfezentrum zu transformieren:
Olark-Hilfezentrum
Anstatt eine schicke Banner mit gezeichneten Bildern zu platzieren, hat sich das Unternehmen entschieden, ein Foto ihres gesamten Supportteams zu veröffentlichen. Dieser persönliche Touch bestätigt weiterhin, dass Ihre Anfrage von echten Menschen und nicht von einem maschinellen Lernalgorithmus bearbeitet wird.
Vimeo Supportcenter
Ein weiteres perfektes Beispiel für die Humanisierung Ihres Hilfezentrums stammt von Vimeo. Allerdings ist der Ansatz etwas anders, weil sie eine passende Banner und ein Teamfoto an der Seite der Seite haben. So erhalten Sie immer noch den persönlichen Touch und müssen nicht auf das Bannerbild verzichten. Außerdem verfügt die Plattform als Video-Streaming-Plattform über viele Videos mit dem oben genannten Supportpersonal. Darüber hinaus geben zahlreiche Video-Tutorials den Benutzern das Gefühl einer Art persönlicher Kommunikation.
Authentifizierung von Benutzern und Fällen
Oft überfluten Benutzeranfragen und Beiträge Supportseiten, wenn sie keine spezifische Frage oder Lösung haben. Dies macht die Informationssuche für andere schwierig. Dies kann jedoch elegant mit einem Buchhaltungssystem gelöst werden. Hier ist ein Beispiel für die Einrichtung Ihrer Hilfezentrum-Seite.
Square Hilfezentrum
Bevor ein Benutzer eine Frage stellen kann, erscheint ein Anmelde-Popup. Im Gegensatz zu anderen Diensten, bei denen Sie ein Konto erstellen müssen, bevor Sie posten können, können Sie hier einen Entwurf erstellen. Dies stellt keinen Block im Voraus dar und ermöglicht es dem Benutzer, seine Bedenken zuerst auszudrücken und sich später um die Registrierung zu kümmern.
Letzte Worte
Nun, Sie haben einige durchdachte Hilfe-/Supportcenter-Designs kennengelernt. Sie haben alle:
- Einzigartige Funktionen, die Menschen helfen;
- Eine Suchleiste;
- Wunderbare und einfache Designs, die Marken widerspiegeln;
- Leicht verständliche Anweisungen und so weiter.
Dieser Artikel wird zweifellos als wertvoller Leitfaden dienen, um Sie dazu zu inspirieren, sich von verschiedenen Hilfezentren inspirieren zu lassen und ein individuelles Zendesk-Thema zu entwerfen. Darüber hinaus hoffen wir, dass diese Beispiele von vertrauten Diensten Ihnen helfen werden, ein außergewöhnliches Hilfezentrum zu schaffen, das Lösungen für viele Benutzerprobleme bietet.
Passen Sie Ihre Zendesk-Wissensdatenbank an
Holen Sie sich ein einzigartiges Design für Ihr eigenes Help Center
