Landningssida Design: 12 Viktiga regler med riktiga exempel

I vår tidigare artikel på målsidor tittade vi på 8 viktiga faktorer som måste beaktas när de skapas. Vid den här tiden bestämde vi oss för att utveckla utformningen av målsidor. Eftersom utformningen av webbsidor är oskiljaktigt kopplad till innehåll kommer vi också att undersöka några punkter om innehållet på målsidor.

Visst, du vet huvudmålen med målsidan - för att få en besökare att ta en viss åtgärd (till exempel, köp din produkt eller prenumerera på nyhetsbrevet). Vid genomförandet av detta mål spelas inte den sista rollen av högkvalitativ design. Han kan fokusera uppmärksamheten hos potentiella kunder på din uppmaning till handling för att göra det mer synligt. Dessutom förenklar det uppfattningen av all information som anges på målsidan.

Och nu, från ord till företag. Tänk på särskilda regler, varigenom du kan förbättra utformningen av din målsida och därmed öka konverteringsnivån på din webbplats.

1. Ta hand om användbarheten på din målsida.

Komma på din målsida bör webbplatsens besökare omedelbart förstå:

  • sidmål
  • åtgärd som han måste ta
  • fördelarna med din produkt

Om det inte uppfyller dessa krav kan det anses vara värdelöst. Tvinga inte besökare till din webbplats att vandra genom labyrinten på din målsida. Tro mig, de kommer inte vilja spendera sin tid på det och helt enkelt vifta en penna. Som ett resultat kommer din webbplats att öka endast avvisningsfrekvensen, och en ökning av omvandlingsfrekvensen förblir en ouppnåbar dröm.

Här är ett exempel på en framgångsrik målsida, som tas från webbplatsen FeedMyInbox, vilken även en skolpojke kommer att hantera:

2. Använd inte för mycket grafik.

Din sida att ringa till handling bör bara innehålla de grafiska elementen som behövs. Överdriven bilder kommer bara att rota upp det, speciellt om de ligger i "första skärm" -området. I den övre halvan av rullningsfältet borde det bara finnas en logotyp och en stiliserad bild av den produkt som du vill sälja.

Tillsammans med dessa bilder är bilder som visar fördelarna eller egenskaperna hos din produkt också tillåtna. Var försiktig när du använder ikoner. I vissa fall kommer de inte att ge några fördelar, men kommer bara att avleda uppmärksamhet hos potentiella kunder.

Tänk på målsidan på Dialogix-webbplatsen, som erbjuder en webbtjänst för övervakning av sociala nätverk:

Som du kan se finns det inga extra grafiska element på sidan. Den innehåller bara logotypen för programmet, dess skärmdump, ikoner för klientföretag, liksom bilden av en söt fågel som symboliserar Twitter.

3. Minimera navigationsalternativen

Ju fler navigeringsalternativ du erbjuder besökare på din målsida, desto mer sannolikt är de att använda dem. Din startsida kan innehålla dussintals navigeringslänkar, men målsidan bör bara indikera en riktning mot potentiella kunder, eftersom det är det första elementet i försäljningsträdet.

Om du inte kan koppla bort länkar till andra områden på din webbplats, tänk då på hur du minskar sannolikheten för att besökare på webbplatsen klickar på dem. Till exempel kan du bara lämna översta navigeringsfältet och helt ta bort några länkar. Navigationslänkar krävs bara om besökarna har en allvarlig anledning att klicka på dem. Om du tror att potentiella kunder inte kommer att leta efter sådana länkar, kan du inte inkludera dem.

Skaparna av eWedding-ansökan, med vilken du kan skapa din egen hemsida för ditt bröllop, har antagit denna regel. På målsidan på deras webbplats är bara länkar relaterade till själva produkten (till exempel applikationsegenskaper eller ämnesvariationer) synliga. Och de andra länkarna ligger i en avskild plats: längst ner på sidan. Dessutom skrivs de ut i ganska litet tryck:

4. Använd modala fönster

När du skickar information eller några länkar som kan vara av intresse för besökare på din webbplats, försök använda modala fönster istället för att omdirigera dem till en ny sida. Modala fönster kan ge potentiella kunder all information utan att avbryta omvandlingstrattet.

Modala fönster och verktygstips kan innehålla vanliga frågor, listor över produktegenskaper, skärmdumpar etc. Använd dem vid första lämpliga möjligheten, för att inte avbryta processen att göra besökare till äkta köpare.

Till exempel, på försäljningssidan för Capo-programmet som skapar spektrogram för musikfiler används ett modalt fönster i form av en skärmdump av dess gränssnitt:

5. Undvik rött i Call-to-Action-knappen.

I många kulturer, särskilt i USA och europeiska länder, har rött en negativ konnotation. I sin bild av världen är rött färg av aggression, fara och en stoplight. Även i de mest positiva konnotationerna (passion och kärlek) orsakar röda nyanser människor ångest. Härifrån en slutsats: Om din webbplats är avsedd för den europeiska och amerikanska publiken, vägrar användningen av en röd bakgrund i Call-to-Action-knappen. Kanske, i vissa fall kommer det att komma undan med dig, men det är inte värt risken. Bättre användning lugnare färger, till exempel blå eller grön (som görs på programmet för skördetidsplanering):

6. Visa uppringningsknappen synlig.

Så vi fick reda på att den röda bakgrunden inte är den bästa lösningen för att uppmärksamma uppmaningsknappen (se föregående stycke). Men det finns en annan extremitet - användningen av för bleka färger eller litet tryck, för vilket det är bokstavligen förlorat på din målsida. Knapp-till-action-knappen ska vara en ljuspunkt på din målsida, så att besökare kan märka det med blotta ögat.

Graden av "synlighet" på uppmaningsknappen kan utvärderas med ett enkelt visuellt test: Stå tillbaka ungefär en meter och en halv från dataskärmen och svara ärligt på frågan: "Är knapp-till-ögonknappen klar i ögat?". Om du inte kan säga ja med självförtroende behöver din hand-knapp-knapp fungera.

Det kan hända att du måste ändra färg så att den står i kontrast till bakgrunden till själva sidan eller att öka textstorleken något. Några slarviga webbdesigners lyckas till och med placera CTA-knappen utanför "första skärmen", och då är de fortfarande förvånad över varför webbplatsens omvandlingsfrekvenser inte hamnar ur marken. För att inte upprepa sina misstag ska du noggrant överväga alla aspekter av Call-to-Action-knappen.

Ta ett exempel från designern Plnnr, som gör enskilda utflykter till olika städer. Deras gula knapp, som ligger på en grå bakgrund, är helt enkelt omöjligt att inte märka!

7. Ange endast information av intresse för besökare på webbplatsen.

Ge din webbplats besökare bara den information de behöver för att fatta ett beslut. Överbelasta inte huvudet med för mycket information. Ditt mål är att göra potentiella kunder till verkliga köpare med minsta mängd information.

Tänk på vilken information dina potentiella kunder kan vara intresserade av och uttrycka det med hjälp av exakta och begripliga ord. Din text ska vara kort och peka på punkten. Moderna konsumenter värderar verkligen sin tid, så de vill omedelbart få veta om ditt erbjudande möter deras behov. Om de misslyckas med att göra detta på några sekunder kommer de att lämna din webbplats utan tvekan.

Dessutom ska texten som presenteras på målsidan ha en tydlig struktur (titel, textning, punktrubriker). Med förbehåll för detta villkor kommer besökare på webbplatsen att kunna skumma igenom hela sidan och endast välja information av intresse.

Ta en titt på målsidan för online textredigeraren TitanPad. Som du kan se innehåller den bara den information som behövs (applikationsfunktioner och ett tydligt anrop till handling):

8. Begär inte för mycket information.

När du skapar ett prenumerationsformulär, försök att minimera informationen som du begär från besökare på din webbplats. I de flesta fall är det tillräckligt att bara fråga dem om en e-postadress. Om du behöver andra personuppgifter från dina potentiella kunder, till exempel ett mobilnummer, bör du förklara varför du begär denna information.

Återigen är detta nödvändigt så att besökare på din webbplats har mindre anledning att lämna den. När allt kommer omkring har nästan alla människor tvivel om hur du ska använda hans personuppgifter. Vad händer om du börjar fylla sin e-postlåda med spam? Eller kommer du att skicka ett sms-meddelande till honom, där han ringer mobiltelefonen med onödig information?

Eventuell ytterligare information som du frågar besökare till är ett annat hinder för att bli dina kunder. Och ju fler hinder som finns i deras väg, ju högre sannolikhet kommer de inte att nå deras slutliga destination.

Lyckligtvis är många webbutvecklare medvetna om denna enkla sanning och försök att inte framkalla extra information från potentiella kunder. På vissa webbplatser begär de inte några personuppgifter alls: du registrerar bara och fortsätter ditt arbete. Ta till exempel Pen.io-bloggen. Allt som krävs av dig är att komma med namnet på din sida och ett lösenord, och du kan omedelbart börja skapa ett inlägg:

9. Fråga inte besökare på en gång.

Tänk dig att en potentiell kund kommer till din webbplats och ser genast en stor ljusknapp som kräver en viss produkt att köpa. Vad blir hans reaktion? I bästa fall kommer han att få ett antal frågor, till exempel: "Vad föreslår de att jag köper?" eller "Hur mycket kostar denna produkt?". Och i värsta fall - kommer han omedelbart att stänga din målsida och tänka att de vill driva en värdelös sak utan att ens fråga om han behöver det.

Därför börjar du inte omedelbart prata om att köpa, om du inte vill skrämma dina kunder. Dela upp köpet i 2-3 steg så att de lär sig nödvändig information innan du fattar ett slutgiltigt beslut. Annars kommer de att få intrycket att du pålägger din produkt på dem.

Knappen "Call-to-Action" ska innehålla mer neutrala fraser, till exempel "Visa tariffplaner och priser" eller "Läs mer." De innehåller mindre tvingad undertext än i Köp nu eller Prenumerera uttryck. Dessutom, tack vare dem, besöker besökare vad de ska förvänta sig i nästa steg.

Utvecklarna av VaultPress-plugin som är utformade för att stödja WordPress-webbplatser har tillämpat denna regel i praktiken:

10. Syfte för en enkel och snygg design.

Alla landningar har ett specifikt mål: att uppmuntra besökare att utföra en specifik åtgärd. Om vissa designelement inte bidrar till genomförandet av denna uppgift, kan du säkert bli av med dem.

Detta betyder inte att din målsida ska vara halv tom: du måste bara bestämma vilka komponenter som är relevanta och vilka inte är. Om du är övertygad om att de ökar kundens förtroende för ditt försäljningsanrop, hjälper dem att bättre förstå din produkt och i allmänhet förbättrar ditt företags totala intryck, är slutsatsen uppenbar: dessa element måste vara närvarande på din målsida.

Var uppmärksam på programmets målsida Saker 2 för iPhone:

Som du kan se görs det enkelt och med smak. Samtidigt innehåller den alla nödvändiga element: en beskrivning av applikationen, dess skärmdumpar och ett uppmaning till handling ("Gå till App Store").

11. Markera bättre erbjudanden.

Om din målsida innehåller flera samtal till handling (till exempel tabeller med olika taxeringsplaner) kan du uppmana besökare på din webbplats till det mest lönsamma eller populära alternativet med hjälp av grafiska verktyg. Du kan till exempel markera motsvarande mening i ramen eller göra teckensnittet större.

Du bör inte automatiskt markera det dyraste alternativet, annars kommer din webbplats besökare att tro att du gör det med syfte att göra dem gaffel. De flesta företag fokuserar potentiella kunder på en mellanliggande tullplan, som innehåller alla nödvändiga alternativ och samtidigt har ett rimligt pris.

Se hur designarna på Ning-webbplatsen, som erbjuder en applikation för att skapa sin egen sociala plattform, gjorde det här:

Som du kan se har de valt en mörkare bakgrund för Performancé-tariffplanen, som tillhör mellanskategori. Dessutom ligger den i mitten av skärmen - det mest synliga området på sidan. Var uppmärksam på ikonet Popular Choice, vilket indikerar populariteten för denna tariffplan.

12. Rapportera om fördelarna med din produkt.

Huvudfrågan som intresserar besökare på din webbplats: "Vilka fördelar kommer jag att få från den här produkten?" Det räcker inte att lista sina allmänna egenskaper och funktioner - du måste ange hur det kan hjälpa dem i det verkliga livet. Först och främst måste du själv vara säker på värdet av din produkt för att förmedla denna idé till dina potentiella kunder med hjälp av en klar rubrik, tydlig text och optimal innehållsstruktur på målsidan.

I allmänhet tveka inte att berömma din produkt enligt meriter, som exempelvis görs av utvecklarna av Skylight-applikationen:

Glöm inte att testa målsidorna

Så vi analyserade ett dussin rekommendationer för utformningen av målsidor och gav dem riktiga exempel att följa. Vi hoppas att de kommer att inspirera dig att ytterligare förbättra sina målsidor.

Men glöm inte om ett annat viktigt steg i skapandet av målsidor - A / B-testning. Eventuella ändringar som du gör i utformningen av din landning, på ett eller annat sätt, leder till vissa resultat. De kan höja eller sänka webbplatsens omvandlingsfrekvens eller till och med hålla den på samma nivå. Det beror helt på den specifika situationen.

Följaktligen slutsatsen: Var inte lat för att utföra A / B-tester innan du stoppar på en specifik version av målsidan. Notera resultaten av dessa studier och välj det alternativ som ligger framför alla andra när det gäller konvertering, även om det vid första anblicken verkade obetydligt för dig.

Titta på videon: 3 - Wordpress design - Landningssida från grunden - Styla om rubriken (Januari 2020).

Loading...

Lämna Din Kommentar