Den bästa layouthierarkin för din hemsida för att få fler kunder och försäljning

Att lägga ut din onlinebutik väcker olika frågor. Din hemsida fungerar som nav för bästa saker i din webbutik, med komponenter som bildreglage, knappar för kundvagn, miniatyrer och knappar för produkt och prenumerationsformulär för e-postmarknadsföring.

Var och en är väsentlig, men hur organiserar du dem så att de tar fler kunder med tanke på att hemsidan generellt är den mest besökta sidan på din webbplats? Om vi ​​tittar på några av de mest kreativa, och framgångsrika e-butikerna, kan vi ta reda på en standardlayouthierarki, som genererar något av en mall för var och en av dessa komponenter sitter på din hemsida.

Vi börjar med toppen av hemsidan och arbetar oss ner. Fortsätt läsa för att lära dig den bästa layouthierarkin för din hemsida för att få fler kunder.

Din logotyp till vänster eller mitt (och rubrikkomponenter)

Din startsida rubriker också hela webbplatsen, så dessa moduler kräver en del djup tanke. Målet med din rubrik är att snabbt visa människor vad din webbplats handlar om och att ge användarna några av de mest fungerande knapparna och fälten för att hitta innehåll.

Logotypen

logotyp plats

Börja med din logotyp. En snyggt designad logotyp ger mest värde här, men du måste se till att den är placerad i det övre vänstra hörnet av i mitten av huvudet. Folk läser från vänster till höger, och logotypen ger vanligtvis en uppfattning om vad webbplatsen erbjuder. Om din logotyp inte omedelbart förklarar ditt företag, inkludera en kort taglinje nedan eller på sidan av logotypen.

Sökfältet

vikten av sökfältet

Varje e-handelssajt är en liten sökmotor i sig själv. Om en av dina kunder, låt oss kalla honom Steven, landar på din hemsida och letar efter ett halsband, har han bara några alternativ att hitta det han behöver.

Den första och mindre effektiva metoden innebär att du klickar på en av menyknavigeringskategorierna. Den andra metoden, som vanligtvis tar användarna till rätt sida lite snabbare, är en sökfält. Om sökfältet är gömt under skjutreglaget eller placeras någonstans längs sidofältet, tvingar du dina kunder att sila genom röran bara för att utföra en enkel sökning.

Placera detta i din rubrik och gör det klart.

Varukorgsikon och knapp

Skärmdump på 2015 06-01-11.25.00 AM

Eftersom så många onlinebutiker placerar ikonen för kundvagnen i det övre högra hörnet på webbplatsen kan du anta att de flesta kunder instinktivt letar upp där för att hitta vad som finns i kundvagnen.

Tyvärr är du vanligtvis fast med vad ditt tema eller e-handelsplattform erbjuder när det gäller kundvagnsmodulen, men här är en riktlinje om du är ute efter att ändra designen:

  • Inkludera en kundvagnsikon
  • Inkorporera en länk eller ikon som ger en utcheckning med en klick från valfri sida på webbplatsen
  • Visa ett nummer för att ange hur många artiklar som finns i kundvagnen

Fraktmeddelanden

Skärmdump på 2015 06-01-11.25.09 AM

Ett vackert sätt att skapa brådskande är att erbjuda gratis frakt, eller andra incitament, efter att användare köper en viss mängd produkt. Om du väljer att inkludera något liknande i din strategi, är det viktigt att du tillkännager meddelandet i din webbplatsrubrik.

Skärmdumpen ovan visar ett fint exempel på hur Kutoa-företaget förklarar sin leveranspolicy utan att ta för mycket utrymme.

Säsongsbaner

Detta liknar den leveranspolicy som vi talade om ovan, men om du håller en säsongsreklam eller en specialaffär, hur förväntar du dig att folk ska lära sig om detta? Boka ett utrymme i din rubrik för små kampanjbannrar. På det här sättet, när semestern rullar runt, släpper du bara in en grafik och lämnar det tills kampanjen slutar.

Logga in / Registreringsknapp

Detta är en av grundpelarna på hemsidor för e-handel. Visa en inloggnings- / registreringslänk tydligt i rubriken. Det skapar en sömlös kassaprocess för kunden och du kan samla in del av kundinformationen.

En navigationsmeny med lämpliga flikar

Dina menyalternativ beror helt på vilken typ av företag du driver, men det är uppenbarligen något som måste inkluderas i hemsidahierarkin. Den bästa taktiken är att skriva ner var du vill att dina kunder ska flytta först och välja dina menyalternativ baserat på det. Säljer du främst skjortor? Gör en av dina första menyalternativ till en direktlänk till dina mest populära skjortor.

Bild eller skjutreglage med överlagrad uppmaning och knapp

CTA-reglage

Bildreglaget sitter precis under rubriken och det fungerar som ett sätt att dela fantastiska foton av dina produkter. En reglage med bara bilder är meningslöst. Inkludera uppmaningar och knappar som driver användare till några av dina mest populära produkter eller kampanjer.

Inkludera fyra eller fem bilder i skjutreglaget och byt ut dem beroende på din egen strategi.

Produktminiatyrraster eller skjutreglage

miniatyrbild som skjutreglage eller rutnät

Vårt Shopify blogg förklarar hur att erbjuda för många val förvirrar kunder, trycka dem för att lämna din webbplats eller göra färre köp. Även om din hemsida kräver ett produktnät precis under bildreglaget, tänk två gånger på förpackning i mer än fyra eller fem artiklar.

Prenumerationsformulär för e-postmarknadsföring

Att samla in e-postmeddelanden för att skicka framtida kampanjer och nyhetsbrev är ett av de enklaste sätten att behålla kunderna och hålla dem i slingan. Detta är ett av de områden där populära e-handel butiker varierar i fråga om var nyhetsbrev registreringen sitter på hemsidan. En slutsats är dock klar: Om du vill att folk ska registrera sig måste du placera ett registreringsformulär på hemsidan.

Den första metoden är att träffa användare med registreringsformuläret i rubriken. Detta förutsätter att ditt nyhetsbrev ger innehåll av hög kvalitet och att du inte känner dig generad att marknadsföra det direkt utanför fladdermus.
lägg till registrering i rubriken

Andra butiker föredrar sidofältet eller sidfoten när du delar registreringsformuläret för nyhetsbrevet. Jag har lagt märke till att onlinebutiker vanligtvis placerar formulärerna längst ner på sidan när de inte skickar ut många e-postmeddelanden. De försöker helt enkelt samla e-postmeddelanden för att skicka ut enstaka kampanj.
Skärmdump på 2015 06-01-11.25.39 AM

Min favorit taktik för e-postförvärv är popup-formuläret, som avslöjar sig efter en användare på din webbplats i några sekunder. Dessa genererar vanligtvis de flesta prenumerationer och du kan tydligt ange att kunden får något i gengäld.
popup-fönster

Sidofält eller rutbaserade layouter?

Sidofältet ger en unik möjlighet att konsolidera dina mindre viktiga komponenter och samtidigt ge dem den exponering de förtjänar. En liknande metod är vad vi kallar rutnätlayouten, där hela din hemsida innefattar ett något rutigt mönster med fyrkantiga moduler staplade bredvid varandra.

gridbaserad layout

Vad är några fasta komponenter att inkludera i sidofältet?

  • En knapp eller länk till din blogg
  • Kampanj- eller säsongsbanderoller
  • Medielänkar
  • Sociala moduler eller länkar
  • En Om oss widget eller ett område som förklarar vad webbplatsen handlar om

Senaste Tweets

Sidfoten

Majoriteten av dina kunder navigerar inte ner till sidfoten, men några viktiga, men mindre brådskande länkar behövs.

Sidfoten

Jag tycker ofta att det är en tråkig uppgift att sätta ihop den perfekta sidfoten för e-handel eftersom det är lätt att glömma några av de obligatoriska artiklarna. Här är en lista för att komma igång:

  • Kontakta oss länk
  • Skicka e-postlänk
  • Telefonnummer
  • Länk till beställningsstatus
  • FAQ-länk
  • Sociala knappar
  • Garantilänk
  • Länk till sekretesspolicy
  • Blogglänk
  • Fraktinlänk
  • Returinfo länk
  • Företagsinfo-länk
  • Jobb länk

Att skapa en effektiv hemsidahierarki för e-handel är en konst, men med lite hjälp och förståelse för vilka områden som omvandlar flest kunder kan du förvandla din hemsida till ett nav för aktivitet. Som sagt, lämna oss en kommentar nedan om du tänker på andra artiklar som finns i listan.

Funktionsbild avlägsnas av Chris Bannister

Catalin Zorzini

Jag är en webbdesignblogger och startade detta projekt efter att ha tillbringat några veckor och kämpat för att ta reda på vilket är den bästa e-handelsplattformen för mig själv. Kolla in min nuvarande topp 10 e-handel byggare.