11 webbdesigntekniker som förbättrar användarengagemang och konvertering

0

Hur definierar UX-proffs konverteringsoptimering?

Enligt Jeff Gothelf, författare till boken Lean UX, handlar konverteringsoptimering om att "hitta den rätta mixen av värdeförslag, uppmaning till handling och prispunkt för att övertyga en kund att ta en djupare nivå av engagemang med din produkt eller tjänst."

Men en "Konverteringsoptimeringskonsult" är vanligtvis någon som ett företag kontrakterar för att utvärdera ett visst arbetsflöde. De kommer vanligtvis från en webbanalysbakgrund och föreslår en serie tester för att förbättra konverteringen av ett flöde.

En vacker webbplats kan göra ett bra första intryck, men om den har en fruktansvärd användbarhet kan användarna inte ta reda på vad de ska göra, formulären på webbplatsen fungerar inte riktigt, felmeddelandena är inte användbara och kopian på webbplatsen är vagt, blir den totala upplevelsen ganska dålig.

Frågan är, hur kan du driva användarengagemang på din webbplats? Ur en webbdesigners synvinkel, låt oss ta en titt på tolv bra tips som hjälper dig i den här riktningen.

1) Gör ett starkt första intryck

Varje dag ser en potentiell kund ditt gränssnitt för allra första gången. Detta kan glömmas bort inom team som alltid designar för sig själva. Den första skärmen som dina användare ser har tre viktiga jobb…

  1. Förklara hur din webbapplikation fungerar.
  2. Motivera dina användare att komma igång.
  3. Låt dina användare veta hur de får hjälp, om och när de behöver det.

Om någon landar på din webbapp och inte förstår hur man registrerar sig direkt, är det ett stort problem. Det bör vara uppenbart för användaren vad din webbplats gör och hur de kan vara bortsett från den.

2) Använd en hjältebild

Hjältebilden är en populär trend för minimala, responsiva webbplatser. Dessa webbplatser har ett stort fotografi eller video med några rader text eller en rubrik som drar en användares ögon.

Se till att hjältebilden på din webbplats är perfekt anpassad till webbplatsens syfte. I allmänhet blir det svårare och svårare att fånga läsarens uppmärksamhet. Så användningen av en stor bild kommer att få läsaren att pausa eller "vila" och sedan ge dem klartecken att läsa sidan.

3) Parallax-rullningseffekter

Ett bra koncept som en parallax rullningseffekt har en fördel är storytelling. Parallaxeffekter används för att sätta ihop produkter mitt framför dina ögon när du rullar ner på sidan på ett konstnärligt och vackert sätt. När det gäller engagemang tar parallaxrullning verkligen de första användarna till en resa och absorberar helt deras uppmärksamhet.

4) Implementera accentfärger och uppmaningsknappar strategiskt

Effektiva uppmaningsknappar (CTA) har förmågan att trigga en kund att registrera sig, gå med, köpa nu, dela, ladda ner etc. Tillsammans har uppmaningar och accentfärger förmågan att dra till sig uppmärksamhet, öka engagemanget och väcka action. Allt handlar om, storlek, placering och färg.

5) Introduktions-/förklararvideor

Explainer Videos är korta videor som förklarar ett företags historia och ett företags affärsmodell. Med andra ord ger de ett svar på frågan "Vad gör ni? De här videorna kan vara i animation, digitala ritningar, handteckningar eller vanliga videor. Människor är inte bara mestadels visuella inlärare, utan människor behåller 68 % mer information från videor än från texter.

Explainer-videor är ett marknadsföringssteg som hjälper dig att sticka ut från mängden av konkurrenter. När du använder Explainer-videor tillhandahåller du ett medium på grund av vilka användare som stannar på din webbplats och förmodligen slutar med önskad åtgärd som att köpa ut dina produkter och tjänster.

6) Din webbplats måste utformas för att vara lika stark som en målsida

Målet med en målsida är att övertala en webbplatsbesökare att vidta en åtgärd, medan varje sida på internet är en målsida. Webbplatsbesökare börjar inte alltid sin resa på din hemsida, därför är det viktigt att förbli konsekvent och tillhandahålla viktig information nära toppen av alla sidor.

Låt oss se ett exempel på ett amerikanskt livsstilsvarumärke O’Neill-webbplats som är perfekt överskådlig med en bildledd landningssida som säljer dig sina klädsortiment och sportutrustning genom fantastisk fotografering av stora vågor och snötäckta berg.

7) Lägga till sociala widgets och knappar

Sociala widgets ökar trafiken och användarnas engagemang på din webbplats. De har kapacitet att samla nya kunder eller expandera nyskapade gemenskaper genom att tillåta användare att ansluta till dem på sociala medier som Facebook och Twitter för att få fler hänvisande besökare.

Visste du att Dropbox har spenderat väldigt lite på reklam? De har implementerat många tillväxthack. Till exempel är ett tillväxthack att uppmuntra några av dina nuvarande användare att hänvisa andra. Detta incitament kan komma i form av företagsbyte eller en gratis månad av din tjänst.

Dropbox gjorde något lite annorlunda. Med varje följ på Twitter, anslut till facebook eller twitter, ger Dropbox användaren 125 MB utrymme:

När detta skrivs hade Dropbox lite över 720 000 Twitter-följare. Även om inte alla av dem kan hänföras till detta hack. Dropbox uppmuntrar användare att ansluta till dem för att sprida Dropbox-produkten.

8) Lägg till ett prenumerationsformulär på varje sida

Prenumerationsformulär är i allmänhet bara en ruta med en plats där användaren kan ange sitt namn och sin e-postadress. När de klickar på "prenumerera"-knappen läggs de automatiskt till i din e-postlista. Genom att ge bloggläsare flera möjligheter att registrera sig för e-postuppdateringar, ökar du antalet e-postprenumeranter snabbare om du lägger till ett ljusbordsalternativ på varje sida.

Förutom ett registreringsformulär i sidofältet kan du lägga ett i ditt inlägg eller längst ner. Att lägga in registreringsformuläret i innehållet blir lätt att övertyga någon att gå med om de redan tycker om ditt innehåll.

9) Använd mer vitt utrymme

Whitespace är en viktig del av design av goda skäl. Om den används väl och korrekt kan den förvandla en design och ge många fördelar till din webbplats.

Det blanka utrymmet mellan stycken och runt block med text och bilder hjälper faktiskt människor att förstå vad de läser och ger en bättre användarupplevelse totalt sett. Det kommer också att bidra till att öka engagemanget eftersom användarna är mer benägna att stanna kvar på sidan längre. Att använda mer vitt utrymme bidrar till att skapa en mer professionell design och öka innehållets läsbarhet.

10) Engagera publiken med en mobilvänlig webbplats

Gör det enklare för användare att interagera med din webbplats på en smartphone. Saker som att använda en teckenstorlek som är läsbar på små skärmar, eller att göra det möjligt för dem att ringa dig med ett enda klick, går långt för att förbättra användarupplevelsen.

11) Värmekartor visar engagemang

Heatmaps-verktyg är grafiska överlagringar av din webbplats som pekar på vilket innehåll som är hett och vad som inte. Detta görs främst genom att spåra besökarens musklick.

Att lära sig om besökarnas beteende är viktigt för att din webbplats ska lyckas.

Värmekartläggning svarar på många frågor. Distraheras dina besökare av för många val? Lämnar de din sida innan de prenumererar på ett e-postprenumerationsalternativ? Lägger du tillräckligt stor vikt vid de sidor som är viktigast för användarna? Vilka bilder och annonser på målsidor framkallar de bästa svaren och genererar konverteringar till försäljning?

Slutsats

Jag hoppas att den här artikeln kan få dig att börja tänka på några vanliga webbdesigntekniker som förbättrar användarnas engagemang. Det bästa du kan göra är att placera dig i en typisk användares skor och försöka fastställa de stora bristerna i ett gränssnitt.

När konsumenterna blir smartare och har mer kontroll över sin köpupplevelse är det nödvändigt att dina marknadsföringsstrategier hänger med i trenderna. Det finns många fördelar med att använda engagemang marknadsföring för ditt företag.

Bättre uppförande av användarengagemang till bättre konverteringskvot, lägre nedläggningsfrekvens och förmodligen en ökning av försäljningen. Har du några av dina egna tips? Låt oss veta i kommentaren nedan?

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More