uppdaterad Juli 9, 2019
hur viktigt är din webbdesign? När användare ombads att beskriva varför de inte litade på en webbplats var 94% av kommentarerna direkt relaterade till webbplatsens design. En välbyggd webbplats genererar bättre kundtrafik och ett förbättrat användargränssnitt leder till ökade konverteringar.
kreativitet är viktigt, men det finns några grundläggande regler om design och användarupplevelse som hjälper dig att växa din webbplats. Tänk på följande förslag när du skapar eller omarbetar din webbplats.
få förtroende med en ren, engagerande webbdesign
den digitala designvärlden har omfamnat enkelhet, rör sig bort från Klockor och visselpipor och fokuserar på grunderna. Ur ett användarperspektiv har detta gjort webbplatser lättare att navigera för en trevligare upplevelse. Införliva dessa 8 designregler i din webbplats för att bättre engagera din publik.
1 Håll layouten enkel.
ju enklare din webbplats layout, desto bättre. Det betyder inte att det måste vara tråkigt, men det betyder att det bör fokusera på det väsentliga. Rena, funktionella layouter gör din webbplats lättare att ladda, navigera och använda på olika plattformar och enheter.
Harrys hemsida placerar den viktigaste informationen—deras produkter—front och center. De innehåller bilder med minimal text för att göra det enkelt att engagera sig i innehållet.
2 gör navigering Lätt att följa.
om du vill att besökare ska spendera tid på din webbplats måste du göra det enkelt för dem att komma runt. Det kan vara frestande att göra något kreativt med din navigeringsmenydesign, men enkelheten och den intuitiva informationsarkitekturen är viktigare. Gör dina menyer standard i utseende hjälper dina läsare att känna sig bekväma när de rör sig över hela din webbplats.
Vogue har beskrivande, framträdande navigeringsmenyer som hjälper dig att hitta och engagera dig i den typ av innehåll du letar efter.
3 Använd tydliga uppmaningar till handling.
Vad är det som du vill besökare att göra? Köpa produkter? Registrera dig för ett nyhetsbrev via e-post? Donera till en orsak? Tänk på dina uppmaningar till handling. Designa dem på ett sätt som gör att de sticker ut för en Besökare som skannar din webbplats. Om du använder knappar i din design, se till att texten är kort och direkt.
World Wildlife Fund använder ljusa knappar tillsammans med navigeringsfältet som uppmanar besökare att ”donera” och ”anta” tillsammans med starka uppmaningar till handling genom hela innehållet.
4 med innehåll, mindre är mer.
använd det du vet om dina besökare för att minimera deras alternativ och fokusera deras uppmärksamhet på dina produkter. Visa bara den text och de visuella element som du vill att de ska agera på.
webbplatser för mobilappar—som Pocket—gör ett bra jobb med detta. De fokuserar på att förklara appen, inkluderar starka uppmaningar att installera den. Mindre viktigt innehåll, som deras Om avsnitt och deras blogg är mindre framträdande och är länkade i sidfoten.
5 var inte rädd för blanksteg.
tomt utrymme är helt enkelt tomt utrymme på en sida. Det behöver inte vara vitt-det behöver bara innehålla text eller bilder. Om det görs bra kan det förbättra läsbarheten och ta bort röran från din webbdesign. Vitt utrymme kan också hjälpa direkt fokus och uppmärksamhet. Det ger ett sätt att separera funktioner och ideer så att besökare kan urskilja exakt vad du vill att de ska se i en snabb blick, snarare än att visuellt sortera igenom en bullrig och trångt layout.
Google är det ultimata exemplet på att använda whitespace. Det kunde inte vara renare—bara en tom sida med en logotyp och en sökruta.
6 förbättra din webbdesign med iögonfallande färger.
välj en färg som kommer att ligga till grund för hela din webbdesign och välj sedan en kontrasterande accentfärg för viktiga knappar och andra gränssnittselement. Du kan lära dig mer om att välja rätt färgpalett för ditt varumärke.
Whole Foods Market använder grönt för sin primära varumärkesfärg, och de små popparna i sekundärorange drar ögat mot utvalda uppmaningar.
7 innehåller attraktiva, lättlästa teckensnitt.
använd en attraktiv typ som är visuellt balanserad och unik för att göra din webbplatstext tydlig och spännande. Fyra topptrendiga teckensnitt är Brandon Grotesque, Museo Sans, Railway och Playfair Display.
belgiska barnkläder webbplats Studio Aimee använder Brandon Grotesque för en ren, läsbar shoppingupplevelse.
8 engagera användare med video och rika bilder.
videor och bilder är mer engagerande än enbart text-i själva verket kan målsidor med videor öka konverteringarna med mer än 80%. Använd scalable images (SVG) för att säkerställa en högkvalitativ användarupplevelse på både stationära och mobila enheter.
ideell välgörenhet: water visar en video på deras hemsida, vilket gör den till en av de första sakerna du ser när du besöker deras hemsida för maximal effekt.
Håll besökare engagerade med en användarvänlig webbplats
du kan ha den mest attraktiva webbplatsen i världen, men om det är svårt att använda kommer dina besökare inte att konvertera till kunder. Dessa sju regler kommer att säkerställa att din publik har en smidig användarupplevelse.
1 Gör din webbplats mobilvänlig.
visste du att upp till 70% av webbtrafiken kommer från en mobil enhet? Det betyder att det finns en god chans att någon som besöker din webbplats för första gången använder sin smartphone. Och om mobilupplevelsen är negativ har du precis förlorat en kund. Lär dig varför och hur du gör din webbplats mer mobilvänlig.
Everlanes mobila shoppingupplevelse är ren och enkel att använda. Designen innehåller modulärt innehåll så att det är lyhört och översätter bra på mobila enheter. Webbplatsen innehåller också samtal för att ladda ner shopping-appen utan att du känner att du får en mindre upplevelse på webbplatsen.
2 effektivisera din navigering.
ju fler sidor någon måste navigera på din webbplats för att hitta det de letar efter, desto mer sannolikt kommer kunden att lämna din webbplats ur frustration. Faktum är att för en genomsnittlig webbplats kommer 40% av besökarna att lämna efter att bara ha sett en sida!
innehåll bör inte begravas. Låt inte dina besökare jaga efter vad de kom för. Din navigering ska vara välorganiserad och logisk ur ett användarperspektiv. Det ska också kännas bekant, så att dina användare inte har en brant inlärningskurva.
Tilde Inc. har en enkel navigeringsfält högst upp på sin webbplats, med de viktiga punkterna länkade nedan med en kort förklaring i avsnittet ”Vad vi gör”. Detta gör det enkelt att hitta det du letar efter.
3 Använd uppmaningar till handling för att göra det lättare att hitta.
Tänk på var du kan placera knappar på hela din webbplats för att göra viktiga saker lättare för besökare att hitta. Om du är en e-handelsplats, med knappar som säger ”handla nu” kommer att ha mycket mer effekt än en enkel navigeringslänk; om du är en ideell, en ”Donera” – knappen tillsammans med navigeringsfältet kommer att göra donera en bris för besökare.
Square har en enkel uppmaning som uppmuntrar företagare att börja sälja. Deras CTA-knapp läser ” starta ett fyrkantigt konto.”Det blir inte mycket lättare än så.
4 ger användarna robusta sökfunktioner.
att tänka på hur besökare kommer att söka på din webbplats och hur resultaten kommer att visas är lika viktigt. Sökupplevelsen ska spegla din navigationsupplevelse med hur resultaten är organiserade. Att integrera funktioner som automatisk komplettering gör det också lättare att söka ur ett användarperspektiv.
Zappos har ett smart sökverktyg, vilket är mycket exakt och uppdaterar även filtren på vänster sida baserat på söktermer.
5 Bryt innehåll med sektionshuvuden.
när du hanterar innehålls tunga områden på din webbplats, bryta upp det med rubriker. Oavsett om det är en artikel-eller produktbeskrivning, ger rubriker din innehållsstruktur och gör det enkelt att skanna.
WebMD gör ett effektivt jobb med att bryta innehållet i smältbara bitar med massor av sektionsrubriker så att du kan hitta den information du letar efter.
6 prata som en riktig person.
ju mer jargong och marknadsföringstal användare måste dechiffrera när de besöker din webbplats, desto mindre sannolikt är det att de engagerar sig i ditt varumärke. En vänlig, konversationston gör det lättare för besökare att läsa och förstå ditt innehåll, samt navigera på din webbplats.
Zipcar gör deras tjänst lättare att förstå—och deras webbplats lättare att navigera—med sin lättsamma varumärkesröst.
7 bekräfta dina besökares handlingar.
om dina besökare köper en produkt från dig, prenumererar på ett nyhetsbrev eller till och med delar ditt innehåll, är en bra praxis att visa en bekräftelseskärm som visar dem att deras åtgärder gick igenom framgångsrikt. Det gör inte ont att använda den skärmen för att tacka dem heller.
TheSkimm gratulerar och välkomnar dig när du registrerar dig för deras nyhetsbrev, med en uppmaning att dela på sociala medier.
testa din webbplats innan du startar
det finns alltid kinks som du behöver träna när du startar—eller startar om—en webbplats. Det är viktigt att ta sig tid att testa din webbplats och samla in feedback innan den går live.
1 Utför kvalitetssäkringstester (QA).
om du har resurserna, anlita ett kvalitetssäkringsteam så att de kan testa alla aspekter av din webbplats. Om du inte kan anställa personer specifikt för QA-rollen, låt människor både interna och externa till ditt företag testa din webbplats före lanseringen. De kan klicka på alla länkar, fylla i alla formulär och prova alla tjänster. I grund och botten, om det finns något att göra på webbplatsen, borde de göra det. På så sätt kan du fixa eventuella fel innan du startar.
2 Samla användarfeedback innan du trycker på din webbplats live.
Bjud in en utvald grupp betatestare för att ge feedback om element som navigering, design och större användarflöden. Du kanske inte gör ändringar baserat på all feedback du fick innan lanseringen, men du kanske vill ha förslag i åtanke för ändringar på vägen.
att skapa en webbplats från grunden—även om du har anlitat en byrå för att hjälpa—är ingen liten prestation. Vi har skapat en praktisk 3 steg för att skapa en engagerande webbdesign (PDF) checklista, så att du kan se till att du kontrollerar alla viktiga objekt från listan när du går.