När händer någon på din hemsida för första gången, vad händer?

Det är den mest kritiska omvandlingspunkten för vilken webbplats som helst: Det ögonblick när en ny besökare tar sin första blick på din sida och bestämmer huruvida de ska hålla sig lite längre för att lära sig mer eller inte.

Förhoppningsvis gör de det. Men vad då? Är de engagerade och tvungna att gå djupare och ta nästa steg för att prenumerera, ta kontakt eller köpa något?

Målet med nästan alla webbplatser du designar är att bygga dragkraft med din målgrupp. Oavsett om du designar en webbplats för en klient, eller om du designar en för egen uppstart - oavsett om det är en webbplats för en produkt, en händelse eller en tjänst - om den inte bygger tröghet hjälper den inte din verksamhet att flytta framåt och växa.

I den här artikeln kommer jag att dela några enkla men viktiga tips för att hjälpa dig att designa en webbplats som utför sin primära plikt: Bygg dragkraft med din publik och konvertera dem till kunder.

Känn din målgrupp

Förhoppningsvis vet du vem din webbplats är avsedd målgrupp. Och förhoppningsvis är det väldigt specifikt.

Om du till exempel säger att din produkt riktar sig till småföretagare, minska den ytterligare: "Det är en produkt för småföretagare med 10 till 20 anställda som huvudsakligen arbetar inom programvara som en tjänst."

Var inte rädd för nischen till den punkten du exkluderar periferianvändare. Du har bättre fokus på ditt budskap på din kärngrupp, eftersom det hjälper dig att resonera med dem. De andra kommer att hitta sätt att passa din produkt till deras användning om det verkligen ger den lösning de behöver.

Men att veta vem din publik är är bara det första steget. Du måste också känna till dem . Vad bryr de sig om? Vad utmanar dem? Vad är deras mål? Hur kan du producera en "vinna" för dem?

Genom djupgående intervjuer och håller flikar på de vanliga frågorna som tas upp - antingen genom support, din kontaktform eller personligen - kan du lära känna din publik på en djup nivå. Detta hjälper dig att skapa en webbplats och ett meddelande som skär direkt till de saker som är mest viktiga för dem.

Webbplatsen för Skiss , en designapplikation, gör ett bra jobb med att tala med sin målgrupp: Grafiska designers. De vet att designers söker ett alternativ till Photoshop så att deras budskap och innehåll speglar detta.

skiss

Prata med en person (inte många)

Vi vill alla designa webbplatser som tar emot tusentals unika besökare per dag. Så det vanliga misstaget jag ser webbplatsägare gör är att de skriver sin kopia som om de talar med en folkmassa.

Det kan vara meningsfullt ur ditt perspektiv som webbplatsägare som ser tusentals träffar i analys. Men för varje enskild besökare känns ditt meddelande opersonligt och blött.

Ett bättre tillvägagångssätt är att prata med en enskild person - din målkund - och skriv som om du har en intim i en konversation. Så här utvecklar du ett djupt förhållande och bygger förtroende med din publik.

Genom att tala i termer relaterar de till och pratar om saker de bryr sig djupt om (du vet vad de här är, inte du?), Du sätter scenen för ett framgångsrikt besök eller en transaktion.

Lägg märke till hur KISSmetrics talar till "du" och ansluter sig till viktiga smärtpunkter, matchade med höga mål som webbföretagare verkligen bryr sig om.

kissmetrics

Fokusera på en enda uppmaning

Du har sett de webbplatser som bombarderar dig med popup-fönster, bildspel, sidobaroptinsättningar, inställningar på undersidan och oh-by-the-way - som oss på Facebook, Följ oss på Twitter, och medan du Är du på det, vill du chatta med oss ​​live just nu?

Om din besökares uppmärksamhet dras in för många olika riktningar och ingen av dessa är sidans faktiska innehåll har du dålig form. Mycket få människor kommer att bestämma sig för att välja eller köpa direkt utan att läsa något av värdet först. Och de som inte är högkvalificerade och troliga kommer aldrig att köpa från dig.

Ett mer logiskt tillvägagångssätt är att hålla fokus på ditt innehåll först. Ren, fri utsikt, med ett begränsat antal callouts, länkar och åtgärdsknappar runt.

Med mycket övertygande innehåll kommer engagemang. Det betyder att en gång en besökare läser något tankeväckande från dig - det kan vara en artikel, en översikt över fördelarna med en produkt, en video, vad som helst - då är de redo att ta nästa steg. Faktum är att de vill.

Det är då du presenterar en enda, relevant, uppmaning till handling. Om det till exempel är en bloggartikel om den senaste CSS3-tekniken, kan det enda samtalet på den sidan vara ett nyhetsbrev med inloggning med en gratis e-postkurs om CSS3-essenser.

Instapaper fokuserar på ett enda samtal till handling, "Skapa ett konto". De uppmärksammar det genom att göra det enda elementet med en röd färg, bland en mycket avskalad svartvitt sida.

Instapaper

Prioritera din navigering

Om du har sammanställt en webbplatskarta, innan du utformar och bygger ut din webbplats kan du hitta att det finns många olika avsnitt, med många sidor inom varje avsnitt. Från dina produktsidor, till sidor om ditt företag, kontakta sidor osv.

Försök inte att inkludera varje sida i din huvudnavigering. Dela upp dina nav och prioritera.

I din huvudnavigering gillar jag att inkludera det jag kallar "missionskritiska" sidor. Dessa är sidorna som bidrar till att göra försäljningen. Till exempel anser jag att en sida om produkten och dess fördelar är en missionskritisk sida. Prissidan är uppgiftskritisk. En kontakt- eller anmälningssida är missionskritisk.

Målet är att trimma ner antalet sidor som ingår i den primära navigeringen. Varför? Du vill inte att din besökare kliar på huvudet och frågar sig "var ska jag gå nästa?" Gör det beslutet enkelt och ge dem bara några val.

Resten av dina sidor, till exempel din Om sida, vanliga frågor och lagbios, kan hamna i sekundärnavigering, någonstans ur vägen. Visst, det kan hända att det behövs sidor som ska inkluderas på din webbplats, men de behöver inte vara främsta och centrala.

Huvudnavigering för Flöde är borttagen till bara två sidlänkar (Tour and Pricing) tillsammans med en dämpad inloggningslänk och en ljusgrön Sign Up-knapp.

Flöde

Är en särskild design- eller meddelandetextil en verklig inverkan med din publik? Hur designar du för dragkraft? Låt oss veta i kommentarerna.

Utvalda bild / miniatyrbild, riktade mot kundens bild via Shutterstock.