Om en organisations mål är att folk ska fråga, är webbplatsens kontaktsida en av de mest kritiska tillgångarna.

Oavsett vad organisationen främjar, är kontakten (eller registreringssidan) det sista steget i försäljningsstället. Det här är vad resten av webbplatsen, från hemsidan till bloggen till sidokartan, leder till: lockande människor att agera.

Ändå får kontaktsidan relativt liten uppmärksamhet. Hemsidan brukar bli mycket mer. Naturligtvis är hemsidan viktig; Det bär byrån att ge ett första intryck, förklara webbplatsens syfte och vägleda människor till rätt innehåll - och det måste göra det inom några sekunder.

Kontakt sidan är en slags anti-hemsida: fokuserad, interaktiv, mindre övertygande men mer lugnande. Hemsidor ger information, medan kontaktsidor ger alternativ.

problem

diagram av en rörig kontaktform

Trots att det är värre än vanligt, lånar exemplet ovan element från kontaktsidorna i flera verkliga organisationer, till exempel:

  • En kontaktformulär
  • E-postadresser för nyckelpersoner
  • En karta till kontoret
  • En länk till vanliga frågor (med en anteckning för att läsa den innan du skickar ett mail)
  • En adress
  • Telefon- och faxnummer

Det här exemplet innehåller problem som är vanliga att överhämta kontaktsidor: Intentionerna är stora, men resultatet är en röra.

problem med provkontaktformuläret

Ovan är innehållet organiserat i fem grupper, som var och en är placerad utifrån hur väl den passar in i två kolonners layout. Men det är en snäv passform. Positionering baseras på storlek ensam. Till exempel:

  • Meddelandet "Läs vårt vanliga" (grupp 2) placeras efter meddelandedokumentet (grupp 1). Detta gör att en begäran om att människor läser vanliga frågor innan du använder formuläret meningslöst.
  • Telefonnumren (grupp 3) skiljs från postadressen (grupp 1). Det gör inte ont, men det hjälper inte.
  • Slutligen rubbar icke-kontaktinformation, såsom krusskott i grupp 5, sidan.

Börja med innehåll som är relevant för användaren

En kontakt- eller anmälningssida handlar mer om interaktion än information. En tumregel: Om ett element inte hjälper användaren att skicka information eller välja en kontaktmetod hör den inte där.

design lösningar på kontaktformulär problem

Flera ändringar gör kontaktformuläret ovan mer användbart:

  • Vanligt meddelande har omarbetats som instruktioner för formuläret (grupp 1). Nu är folk mer benägna att se länken innan du skickar en fråga.
  • Är användare letar efter en persons e-postadress eller information om en tjänst? En användare är mer benägna att skicka medlemsfrågor till medlemskap @ organization.org än georgesmith @ organization.org. Att använda namnet på en tjänst snarare än en person har också en långsiktig nytta: e-postadressen kommer att vara giltig även efter att George lämnar företaget.
  • Ta bort rånsskott om inte användarna kan associera ett ansikte med en tjänst. Till exempel, personer med ett tekniskt problem är mer benägna att vilja Susans hjälp även om de är vänner med Mary.
  • Telefon- och faxnummer har kombinerats med postadressen. I det här fallet finns det ingen anledning att hålla dem ifrån varandra.

Går djupare

Att begränsa kontaktsidan till kontaktinformation är inte så enkel som det låter. Liksom många designmål börjar denna med frågor. Nyckeln är att tänka som både en webbplatsägare och en användare.

incitament

Ägare av websida Slutanvändare
Vad uppmuntrar folk att kontakta oss, anmäla sig eller på annat sätt agera? Vad behöver jag fråga dem? Vad får jag ut av det?
Vad hindrar människor från att kontakta oss eller vidta åtgärder? Hur vet jag det här kommer att vara värt min tid och ansträngning?
Hur kan vi uppmuntra meddelanden eller anmälningar? Vilka är fördelarna med den här produkten?
Vad hindrar människor från att agera? (Fall för fall.)

Datainsamling

Ägare av websida Slutanvändare
Vilken information vill vi att människor ska tillhandahålla? Vilken information är jag bekväm att skicka?
Vad ska vi göra med informationen? Hur vet jag att jag inte kommer bli spammad?
Hur ska vi bearbeta informationen? Hur snart kan jag förvänta mig ett svar?

Kontaktmetoder

Ägare av websida Slutanvändare
Hur vill vi att de ska vidta åtgärder? Vad är det enklaste sättet att agera?
Vad har vi inte tänkt på? Vad är mina andra alternativ?
Hur kan vi påskynda processen? Hur länge kommer denna process att ta?


Ställande frågor hjälper designerns prioriteringar. Till exempel, "Hur vet jag att jag inte kommer bli spammad?" Är en giltig fråga.

En enkel lösning är att länka till sekretesspolicyen. Ännu bättre, hitta utrymme för policyen på själva kontaktsidan så att användarna inte klickar bort.

En synopsis som länkar till sekretesspolicyen är bäst av båda lösningarna (t.ex. "Vi värdesätter ditt medlemskap för mycket för att skräpposta dig eller sälja dina personuppgifter. Läs vår sekretesspolicy för detaljer." ).

Som ett annat exempel frågar du "Vad uppmuntrar folk att kontakta oss, registrera dig eller på annat sätt agera?" Kan kasta resten av din webbplats i ett nytt ljus.

Förstklassig grafik, välskriven text, de senaste webbstandarderna och det sublima färgvalet kan imponera på människor, men lockar de dem att önska sig mer?

Bästa praxis

Vad får en kontaktsida att fungera? Vissa lösningar beror lika mycket på personlig smak som på fast kod och tydlig design. Men vissa metoder är relevanta oavsett din stil.

  • Lita aldrig på användarinsignerade data. Validerar alltid data, kontrollerar spambots, felinmatad data och SQL-injektionsattacker.
  • En bra "Tack" -sida har ett vänligt meddelande. En bättre "Tack" -sida erbjuder alternativ, snarare än att lämna användaren att vandra. Medan det inte behövs skulle den extra knytningen kunna belöna människor för att delta.
  • Inte alla är bekväma med formulär och e-post. Inte bara gör telefonnummer och en postadress alternativa kontaktmetoder, de försäkrar människor om att denna organisation är en legitim enhet.
  • Långa former avskyr användarna, så kontaktformulär ska inte undersökas. Spara några frågor för uppföljning svar.
  • På samma sätt bör en medlemskapsformulär endast kräva det grundläggande användarnamnet, e-postadressen, lösenordet för att registrera sig enkelt. Nya medlemmar kan lägga till mer informationsnamn, telefonnummer, avatar etc. när de är engagerade.
  • Låt inte folk jaga på sätt att agera. Tydliga länkar till anmälnings- eller kontaktformuläret kommer att uppmuntra människor att överväga att anmäla sig, skicka ett meddelande eller delta på annat sätt.
  • En av de viktigaste elementen i en kontaktsida är inte designrelaterad alls, utan snarare snabba, hjälpsamma svar. Några minuter av kundservice är värda timmar spenderade raffinering CSS. Som design är service ett sätt att lyckas, inte ett mål i sig.

Från stora företag till små vinstmedel, lita många organisationer på webben för att underlätta deltagandet från allmänheten.

Sidor som kallar användare till handling behöver noggrann planering. När de är klara, gör de processen lätt och tillförlitlig för både organisationen och dess användare.


Skriven uteslutande för Webdesigner Depot av Ben Gremillion. Ben är en författare och formgivare vem löser kommunikationsproblem med bättre design.

Känner du till några andra sätt att förbättra kontaktformulär? Dela dina tankar i kommentarerna nedan.