Lösen der Kontaktseiten-Verwirrung
Wenn es das Ziel einer Organisation ist, sich zu erkundigen, dann gehört die Kontaktseite der Website zu den kritischsten Assets.
Egal, was die Organisation fördert, die Kontakt- (oder Anmeldungs-) Seite ist der letzte Schritt im Verkaufsgespräch. So führt der Rest der Website, von der Homepage über den Blog bis zur Sitemap, dazu, Leute zum Handeln zu verleiten.
Doch die Kontaktseite bekommt relativ wenig Aufmerksamkeit. Die Homepage wird normalerweise viel mehr. Natürlich ist die Homepage wichtig; Es trägt die Last, einen ersten Eindruck zu hinterlassen, den Zweck der Website zu erklären und die Leute zum richtigen Inhalt zu führen - und das innerhalb von Sekunden.
Die Kontaktseite ist eine Art Anti-Homepage: fokussiert, interaktiv, weniger überzeugend, aber beruhigender. Homepages bieten Informationen, während Kontaktseiten Optionen bieten .
Probleme
Obwohl das obige Beispiel schlimmer als gewöhnlich ist, werden Elemente aus den Kontaktseiten mehrerer realer Organisationen übernommen, beispielsweise:
- Ein Kontaktformular
- E-Mail-Adressen für Schlüsselmitarbeiter
- Eine Karte zum Büro
- Ein Link zu den FAQ (mit einem Hinweis, bevor Sie eine E-Mail senden)
- Eine Postanschrift
- Telefon- und Faxnummern
Dieses Beispiel enthält Probleme, die bei der Übererfüllung von Kontaktseiten auftreten: Die Absichten sind groß, aber das Ergebnis ist ein Durcheinander.
Oben ist der Inhalt in fünf Gruppen unterteilt, von denen jede basierend darauf positioniert ist, wie gut sie in ein zweispaltiges Layout passt. Aber es ist eine enge Passform. Die Positionierung basiert auf der Größe allein. Beispielsweise:
- Die Nachricht "Lies unsere FAQ" (Gruppe 2) wird nach dem Nachrichtenformular (Gruppe 1) platziert. Dies führt dazu, dass die Benutzer die FAQ lesen müssen, bevor sie das Formular sinnlos verwenden.
- Die Telefonnummern (Gruppe 3) sind von der Postanschrift getrennt (Gruppe 1). Das tut nicht weh, aber es hilft nicht.
- Nicht zuletzt sorgen berührungslose Informationen wie die Fahndungsfotos in Gruppe 5 für unnötige Unübersichtlichkeit der Seite.
Beginnen Sie mit Inhalten, die für den Benutzer relevant sind
Eine Kontakt- oder Anmeldeseite befasst sich mehr mit Interaktion als mit Informationen. Eine Faustregel: Wenn ein Element dem Benutzer nicht hilft, Informationen zu senden oder eine Kontaktmethode zu wählen, dann gehört es nicht dorthin.
Mehrere Änderungen machen das obige Kontaktformular noch nützlicher:
- Die FAQ-Nachricht wurde als Anleitung für das Formular (Gruppe 1) überarbeitet. Jetzt sehen die Leute den Link eher, bevor sie eine Frage stellen.
- Suchen Benutzer nach der E-Mail-Adresse einer Person oder nach Informationen zu einem Dienst? Ein Benutzer sendet Mitgliedschaftsfragen eher an Mitgliedschaft @ organisation.org als an georgesmith @ organisation.org. Die Nutzung des Namens eines Dienstes anstelle einer Person hat auch langfristig einen Nutzen: Die E-Mail-Adresse bleibt auch nach dem Ausscheiden von George gültig.
- Entfernen Sie Fahndungsfotos, es sei denn, Nutzer assoziieren ein Gesicht mit einem Service. Zum Beispiel sind Menschen mit einem technischen Problem eher bereit, Susans Hilfe zu wollen, selbst wenn sie mit Mary befreundet sind.
- Die Telefon- und Faxnummern wurden mit der Postadresse kombiniert. In diesem Fall gibt es keinen Grund, sie auseinander zu halten.
Tiefer gehen
Die Beschränkung der Kontaktseite auf Kontaktinformationen ist nicht so einfach wie es klingt. Wie viele Designziele beginnt auch dieses mit Fragen. Der Schlüssel ist, wie ein Websitebesitzer und ein Benutzer zu denken.
Anreize | |
| Besitzer der Webseite | Endbenutzer |
|---|---|
| Was ermutigt Menschen, uns zu kontaktieren, sich anzumelden oder anderweitig zu handeln? | Was muss ich sie fragen? Was ist drin für mich? |
| Was verhindert, dass Menschen mit uns in Kontakt treten oder etwas unternehmen? | Woher weiß ich, dass dies meine Zeit und Mühe wert ist? |
| Wie können wir Botschaften oder Anmeldungen fördern? | Was sind die Vorteile dieses Produkts? |
| Was verhindert, dass Menschen handeln? | (Von Fall zu Fall.) |
Datensammlung | |
| Besitzer der Webseite | Endbenutzer |
| Welche Informationen möchten wir den Menschen zur Verfügung stellen? | Welche Informationen kann ich senden? |
| Was machen wir mit den Informationen? | Woher weiß ich, dass ich keinen Spam bekomme? |
| Wie werden wir die Informationen verarbeiten? | Wann kann ich eine Antwort erwarten? |
Kontaktmethoden | |
| Besitzer der Webseite | Endbenutzer |
| Wie wollen wir, dass sie etwas unternehmen? | Was ist der einfachste Weg zu handeln? |
| Woran haben wir nicht gedacht? | Was sind meine anderen Optionen? |
| Wie können wir den Prozess beschleunigen? | Wie lange wird dieser Prozess dauern? |
Fragen zu stellen hilft dem Designer, Prioritäten zu setzen. Zum Beispiel: "Woher weiß ich, dass ich keine Spam-Mails bekomme?" Ist ein ernst zu nehmendes Problem .
Eine einfache Lösung ist die Verknüpfung mit der Datenschutzrichtlinie. Besser noch, finden Sie Platz für die Richtlinie auf der Kontaktseite selbst, um zu verhindern, dass Benutzer wegklicken.
Eine Zusammenfassung, die auf die Datenschutzrichtlinie verweist, ist das Beste aus beiden Lösungen (zB "Wir schätzen Ihre Mitgliedschaft zu sehr, um Sie zu spammen oder Ihre persönlichen Daten zu verkaufen. Lesen Sie unsere Datenschutzerklärung für Details." ).
Als ein weiteres Beispiel könnte die Frage "Was ermutigt Menschen dazu, mit uns in Kontakt zu treten, sich anzumelden oder anderweitig zu handeln?" Den Rest Ihrer Website in ein neues Licht rücken.
Erstklassige Grafiken, gut geschriebene Texte, die neuesten Web-Standards und die erhabene Farbauswahl mögen die Leute beeindrucken, aber verleiten sie sie dazu, mehr zu wollen?
Best Practices
Was bewirkt, dass eine Kontaktseite funktioniert? Bestimmte Lösungen hängen sowohl vom persönlichen Geschmack als auch von solidem Code und klarem Design ab. Aber einige Praktiken sind unabhängig von deinem Stil relevant.
- Vertrauen Sie niemals den von Benutzern eingereichten Daten. Überprüfen Sie immer Daten auf Spambots, falsch eingegebene Daten und SQL-Injection-Angriffe.
- Eine gute "Danke" Seite hat eine freundliche Nachricht. Eine bessere "Danke" Seite bietet Optionen, anstatt den Benutzer zu verlassen. Dieser zusätzliche Stupser könnte zwar unnötig sein, könnte aber Menschen für die Teilnahme belohnen.
- Nicht jeder ist mit Formularen und E-Mails vertraut. Telefonnummern und eine Postanschrift stellen nicht nur alternative Kontaktmethoden bereit, sie beruhigen auch, dass diese Organisation eine legitime Organisation ist.
- Lange Formulare entmutigen die Benutzer, daher sollten Kontaktformulare keine Umfragen sein. Speichern Sie einige Fragen für Folgeantworten.
- Ebenso sollte ein Mitgliedschaftsformular nur die Grundlagen - Benutzername, E-Mail-Adresse, Passwort - benötigen, um die Anmeldung zu vereinfachen. Neue Mitglieder können weitere Informationen wie Name, Telefonnummer, Avatar usw. hinzufügen, sobald sie festgeschrieben sind.
- Lass die Leute nicht nach Wegen suchen, um zu handeln. Offensichtliche Links zum Anmelde- oder Kontaktformular ermutigen Personen, sich zu registrieren, eine Nachricht zu senden oder anderweitig teilzunehmen.
- Eines der wichtigsten Elemente einer Kontaktseite ist überhaupt nicht designbezogen, sondern schnelle, hilfreiche Antworten. Ein paar Minuten Kundenservice sind Stunden wert, um CSS zu verbessern. Wie Design ist Service ein Mittel zum Erfolg, kein Selbstzweck.
Von großen Unternehmen bis hin zu kleinen Non-Profit-Organisationen sind viele Organisationen auf das Internet angewiesen, um die Beteiligung der Öffentlichkeit zu erleichtern.
Seiten, die Benutzer zu Aktionen aufrufen, müssen sorgfältig geplant werden. Wenn sie gut gemacht sind, machen sie den Prozess für die Organisation und ihre Benutzer einfach und zuverlässig.
Geschrieben exklusiv für Webdesigner Depot von Ben Gremillion. Ben ist ein Schriftsteller und Designer Wer löst Kommunikationsprobleme mit besserem Design?
Kennen Sie weitere Möglichkeiten zur Verbesserung der Kontaktformulare? Teilen Sie Ihre Gedanken in den Kommentaren unten.