Webbdesign för anpassning

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt

Tidigare var webbplatser ganska statiska begrepp - kännetecknade av ensidig kommunikation med dina användare. Med hjälp av anpassning skapar du relevant innehåll som berikar din målgrupps individuella kundresa. Målet: från ett stelbent förhållningssätt till mer dialog och bättre erfarenheter.

Enligt Hubspot reagerar 74 procent av användarna frustrerade när de presenteras med irrelevant innehåll. Detta avser information som inte har något att göra med deras intressen. En annan analys tittade på mer än 93 000 call to action (CTA) inom ett år. Det föga förvånande resultatet: Personlig CTA ger 43 procent fler klick än de som var desamma för alla.

Så det är hög tid att göra din webbplats mer personlig!

När vi pratar om anpassning skiljer vi mellan innehåll som användare kan ändra (anpassning). Och de som ändras av webbplatsen för användarna (anpassning). Dessutom kan du göra din webbplats mer intressant med smart använda interaktioner och därmed erbjuda besökarna en mer personlig upplevelse.

Anpassning inom webbdesign

När vi pratar om anpassning menar vi innehåll som är anpassat till användarna – utan deras direkta engagemang. Det innebär att du som webbplatsoperatör:in anpassar innehåll för din målgrupp. Vi gör detta baserat på de uppgifter vi har.

Med individuellt innehåll förbättrar du användbarheten och den allmänna användarupplevelsen. Men var försiktig: Glöm inte dataskyddet ur sikte. Särskilt i Europa bör du veta vilka data du kan lagra när, hur och framför allt hur länge.

Innehåll baserat på användarens plats

Platsbaserat innehåll används ständigt för anpassning inom webbdesign. Vi känner till platsbaserad information från onlinebutiker och internationella företag som erbjuder regionalt innehåll. Många företag, till exempel Adobe , visar automatiskt sin webbplats på språket i sin användarregion.

Adobe förlitar sig också på platsbaserad information inom webbdesign.
Adobe förlitar sig också på platsbaserad information inom webbdesign.

Inloggning och användarområde

När det gäller anpassning i webbdesign bör inloggnings- och användarområdet också nämnas. Detta inkluderar till exempel den sociala inloggningen. Detta kommer att göra det lättare för dina kunder att registrera sig för din webbplats. Detta sparar tid och behöver inte komma ihåg för många lösenord. Dessutom är det i e-handel vettigt att visa en anpassad produktförhandsvisning baserat på tidigare beställningar.

Social inloggning gör det enkelt att logga in på din webbplats.
Social inloggning gör det enkelt att logga in på din webbplats.

Antal träffar på webbplatsen

Det kan vara meningsfullt att visa varje person olika innehåll beroende på om och hur många gånger de har varit på din webbplats.

Miro visar förstagångsanvändare eller de som inte har varit där på ett tag en liten introduktion till de viktigaste funktionerna i programmet.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
En kort onboarding med Miro förklarar de viktigaste funktionerna.

Att ge användarna möjlighet att vara inloggade på vissa enheter kan ge mycket värde.

Amazon erbjuder inte bara erkännande, men också möjligheten att spara populära produkter till senare. Som användare kan du alltid återgå till produkter som du har tittat på tidigare. Amazon använder också platsen och visar bara produkter som kan skickas till respektive plats.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Amazon gör det möjligt att vara inloggad via kryssrutan.

Webbhistorik

Många webbplatser erbjuder riktad reklam. Detta är vanligtvis baserat på vad någon senast har tittat på. Din allmänna webbhistorik kan påverka detta. Personligt innehåll av detta slag är viktigt för e-handelswebbplatser.

Om du visar besökarna innehåll som de tidigare har visat eller sparat kan det ha en positiv inverkan på dina försäljningssiffror. Det handlar om att göra det så enkelt som möjligt för din målgrupp att hitta artiklar som redan har väckt deras intresse.

"*" visar obligatoriska fält

Samtycke*
Det här fältet är avsett för validering och bör inte ändras.

Anpassning i webbdesign

Anpassning i webbdesign inkluderar ändringar på din webbplats som dina kunder kan publicera själva. Den mest kända språkinställningen är förmodligen när du visar din webbplats på andra språk med hjälp av en knapp. 

Möjligheten att visa din webbplats i mörkt eller ljust läge är också en del av anpassningen. Användare kan använda anpassning för att själva bestämma hur de vill se vissa aspekter av din webbplats.

Du kan använda den här typen av anpassning för att massivt förbättra användbarheten av din webbplats. Den federala arbetsförmedlingen erbjuder flera typer av anpassning.

Som användare kan du visa webbplatsen på ett enkelt, förståeligt språk eller på teckenspråk. Dessutom är webbplatsen tillgänglig på andra språk än tyska.

Anpassning i webbdesign: Den federala arbetsförmedlingen förlitar sig på verktyg för mer tillgänglighet.
Den federala arbetsförmedlingen förlitar sig på verktyg för ökad tillgänglighet.

Byrån Puppy Love har valt ett humoristiskt tillvägagångssätt. Besökare på webbplatsen kan bestämma i början med vilken röst de vill lyssna på webbplatsen. Bakgrundsfärgen kan också ändras individuellt. Detta är snarare ett tillägg som inte erbjuder något verkligt mervärde.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Humor och personalisering kan gå hand i hand – som byrån Puppy Love visar.

Produktanpassningar

Anpassning av produkter har funnits under en tid. Och ändå har de inte förlorat sin attraktionskraft för kunder. Det speciella är att webbplatsen här bara är anpassningsmedel, men webbplatsen själv har inte skräddarsytts för personen.

Detta kan vara den faktiska produkten som är personlig, som i Nike-exemplet nedan.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
På Nike skapar du individuella sneakers.

Produkten som ska anpassas kan också vara en marknadsföringsprodukt. Som i exemplet med Nutella. Här belönas användare med en personlig Nutella receptbok om de har köpt minst två Nutella-glasögon.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Nutella förlitar sig också på anpassning inom webbdesign – med individuella receptböcker.

Interaktion i webbdesign

Som regel kommer din webbplats redan att ha många interaktioner - oavsett om det är knappar, länkar eller inloggningar. Formulärelement som att prenumerera på nyhetsbrevet representerar också interaktioner.

Alla sätt att göra något på din webbplats möjliggör interaktion. Hur kan du göra dessa interaktioner mer spännande för besökare på din webbplats?

Francois Risoud använder en tracker på sin webbplats som följer musen. Den virvlande bakgrunden deformeras i enlighet därmed och skapar små cirklar som kan kombineras med dess Färdigheter är märkta. Detta tillvägagångssätt är enkelt och lekfullt. Som besökare: i du får lust att utforska webbplatsen medan Risoud kan skickligt visa upp sina färdigheter.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Det är här färdigheter och interaktion möts: genom markörens rörelse.

En liknande effekt finns på argor-heraeus.com webbplats: muspekaren lämnar en svans som påminner om gulddamm.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Om du flyttar markören på Argor Heraeus webbplats kommer du att lämna gulddamm.

blacknegative.com du kan använda Muspekare Upptäck en bakgrundsbild bit för bit.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Nyfikenhet kan också leda till mer interaktion inom webbdesign.

Interaktioner kan användas för att lära sig mer om dina kunder. Genom att till exempel använda produktrelevanta enkäter kan du ta reda på relevant information om din målgrupp. Och det är medan du erbjuder dem mervärde själv.

ImmoScout24 låter besökare använda fastighetskalkylatorn gratis. Detta uppmuntrar användare att interagera med webbplatsen. Dessutom erbjuder det en ytterligare fördel: den snabba och fria värderingen av fastigheten. ImmoScout får en inblick i den nationella fastighetsmarknaden. För värderingen behöver de postnumret, typen av fastighet, tomtstorlek, infrastruktur och mycket mer. 

På samma sätt kan gratisverktyg vara ett smart sätt att få dina besökares e-postadresser och sedan skicka dem relevant innehåll. Återigen rekommenderas försiktighet: aggressiv e-postmarknadsföring kommer att skrämma bort potentiella kunder.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Immoscout använder recensioner för att samla in data.

Du kan använda den här typen av interaktion när du kan ge dina kunder personlig information om dina produkter.

Ett annat exempel finns hos de många försäkringsbolagen eller på jämförelseportaler som check24.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Check24 samlar in data: genom personliga jämförelser.

Interaktivt innehåll kan också visas som en frågesport. Till exempel i form av en kunskapsquiz. Detta gör att du kan erbjuda mervärde och visa produkter, länkar eller information som är bättre anpassade till dina användare enligt resultaten.

Du kan också använda interaktion för att lossa din webbplats. Det ger dock till en början inget direkt mervärde.

Sådana interaktioner kan dock leda till att besökare stannar på din webbplats längre än vanligt. Detta kommer att uppmuntra dem att utforska och positivt komma ihåg ditt varumärke.

Om du landar på The Cool Club och klickar på kortleken får du förpackningen att gunga och tömma korten bit för bit via deras hemsida. Ett humoristiskt, lekfullt förhållningssätt som passar resten av företagsidentiteten.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Ett lekfullt förhållningssätt av The Cool Club för mer personalisering.

Interaktioner är underbara för att förmedla innehåll och kunskap. Oavsett om det är genom interaktivt berättande eller i samband med spelifiering, om du förbereder ditt innehåll interaktivt, kan du öka din räckvidd enormt.

polishchristmasguide.com kan besökare vada genom snön och lekfullt utforska de olika polska jultraditionerna.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
Anpassning och gamification möts

Med hjälp av interaktiv rullning visar Obys hur du använder egenskaperna för CSS Grid. I enlighet med temat kan besökare slå på eller stänga av CSS Grid. En temaändring är också möjlig på deras hemsida.

Anpassning i webbdesign: Hur man gör innehåll mer attraktivt
CSS Grid kan slås på och av på Obys webbplats.

Teknisk implementering i WordPress

Beroende på hur du vill göra din webbplats mer personlig eller interaktiv erbjuder WordPress dig några alternativ för teknisk implementering. Jag har valt några plugins för dig - men urvalet på marknaden är naturligtvis mycket mer omfattande.

Slutsats om anpassning i webbdesign

Möjligheterna till interaktion och anpassning är långt ifrån uttömda. Interaktion och anpassning fungerar bäst när de tillför verkligt värde till din målgrupp. Om de till exempel passar ditt varumärke och din bransch och hjälper dina kunder att spara tid eller dela värdefull information.

Om anpassningen eller interaktionerna inte ger mervärde kommer besökare på din webbplats snabbt att bli uttråkade. Om du inte ändrar delar av din webbplats regelbundet. Det senare kan dock vara dyrt och tidskrävande.

Om du använder en interaktion som onboarding eller introduktion till din webbplats bör du ge användarna möjlighet att hoppa över den. Annars kan detta frustrera återvändande besökare.

Slutligen, om din interaktion eller anpassning innehåller ljud, glöm inte att implementera det så att användarna kan stänga av det.

Dina frågor om anpassning inom webbdesign

Vilka frågor har du om anpassning inom webbdesign? Vilka koncept kan du rekommendera? Använd gärna kommentarsfunktionen. Vill du ha fler tips om webbdesign och utveckling? Följ oss sedan på Twitter, Facebook eller via vårt nyhetsbrev.

Tyckte du om artikeln?

Med din recension hjälper du oss att förbättra vårt innehåll ytterligare.

Skriva en kommentar

Din e-postadress kommer inte att publiceras.