om du bryr dig om att förbättra konverteringar och försäljning på din webbplats måste du bry dig om färg.
människor har använt färg för att kommunicera i årtusenden, från de tidigaste grottmålningarna till dagens gatuskyltar. Färg kommunicerar på sätt som ord och bilder inte kan, och att använda färg effektivt kan vara ett kraftfullt verktyg för alla webbplatser.
idag lär du dig att använda färgpsykologi för att göra din webbplats enklare att använda och generera fler konverteringar och kunder.
längs vägen kommer vi att utforska lite av betydelsen bakom olika färger, och några fallgropar du behöver se upp för när du inkluderar färg i din design.
Låt oss hoppa in!
hur man använder färg för att förbättra användbarheten
låt oss börja med det enklaste sättet att använda färg på din webbplats: förbättra användbarheten.
om din nuvarande webbplats är förvirrande eller svår att navigera kan du lägga till några färgbitar för att göra det lättare för ögat och förbättra användarupplevelsen.
speciellt nu när de flesta webbplatstrafik kommer från mobila enheter, har vi mindre utrymme att kommunicera vårt budskap och behöver göra saker så tydliga som möjligt.
det är där färg kan komma in i bilden.
genom att använda rätt typ av färger på rätt sätt kan vi erbjuda en rikare och effektivare användarupplevelse.
använd kontrast för att styra användarbeteendet
det första steget är att använda kontrast för att visa användarna vad som är viktigt på din webbplats. Du kan till exempel ha en sida där människor sannolikt kommer att lämna. Du kan använda färger för att dra läsare i och hålla dem engagerade.
till exempel använder denna bloggsida på Crazy Egg endast djärva färger (grönt och blått) för länkar.
detta innebär att användaren dras till att vidta en åtgärd, som att prenumerera på nyhetsbrevet eller läsa fler artiklar. Kontrasterande färger som detta förbättrar ditt engagemang mätvärden.
du kan också använda kontrasterande färger för att markera navigering eller separata områden på en webbplats.
Använd ljus vs. tråkiga färger för att leda användaren
ett annat användbart verktyg i färgpsykologins Värld använder gråtonade eller tråkiga färger för att indikera oförberedda eller funktionshindrade åtgärder.
du kan se detta varje dag med knappar och alternativ som är grå. Det indikerar naturligtvis att alternativet inte är önskvärt.
du kan också använda den för att förenkla din webbplats. Gör mindre viktiga navigationselement gråa och göm dem i vanlig syn.
använd symboler i kombination med färger
symboler är en perfekt partner till färger. De är mångsidiga, enkla och bör vara tydliga och begripliga.
medan färg i de flesta fall innehåller mer framträdande än en typisk symbol, gör det enkelt att använda dem tillsammans.
hur man använder färg för att styra användaråtgärder
chansen är att ditt enda webbplatsmål inte bara är en som är lätt att navigera. Du har förmodligen också specifika åtgärder som du vill att användarna ska vidta, som att registrera dig för en e-postlista, köpa en produkt eller begära en offert.
om så är fallet kan du använda färg för att påverka köpbeslut. Här är hur.
använd positiva och negativa färger
ett bra sätt att göra detta är att använda positiva och negativa färger för att indikera ett ”korrekt” och ”felaktigt” alternativ.
samhället och naturen har kopplat rött och grönt så djupt in i vårt undermedvetna att inga andra två färger delar sådana motsatta betydelser.
ett av de mest uppenbara exemplen på denna anslutning är den internationella färgkoden i vanliga trafikljus.
vi ser grönt som en positiv, progressiv färg, så ord som go, ja, bra, acceptera och upp alla kan relateras till färgen grön.
rött indikerar motsatsen till grönt, med ord som stop, no, bad, reject och down. Rött har en negativ eller farlig betydelse och ökar hjärtfrekvensen och indikerar brådska.
ett bra sätt att använda rött och grönt är med grundläggande åtgärder som Lägg till och ta bort eller att uppmärksamma en inställning.
även LinkedIn, som har en färgpalett på nästan helt blått, använder grönt för att indikera aktivera inställningar och rött för att visa aviseringar.
du kommer snabbt att märka andra exempel på webben.
Start, create, post och new är ofta i grönt, med röda omfattande åtgärder som end, delete, disconnect och cancel.
använd ljusa, varma färger för uppmärksamhet och varningar
det finns anledningen till att meddelandena på din telefon, på Facebook och nästan alla plattformar är röda—de fungerar!
ljusa, varma färger som rött, orange och gult är bäst för uppmärksamhet och varningar. Orange är en speciell favorit för att indikera spänning eller uppmaning till handling.
om du kombinerar en ljus färg med en kraftfull symbol kan du göra meddelandet ännu effektivare.
till exempel använder jag en orange varningssymbol på min webbplats för att uppmärksamma mitt SEO-webinar.
om den symbolen var blå eller grön, skulle den bara inte ha samma effekt. Om du behöver dra läsarens uppmärksamhet någonstans, använd en ljus färg som denna.
använd grå för mindre önskvärda alternativ
det finns en extra färg i det positiva/negativa förhållandet. Det är grått-en neutral, medelfärgad färg. Det är en bra accentfärg du kan använda den för att dra uppmärksamhet bort från ett sekundärt alternativ.
till exempel använder denna opt-in-sida på Ambastha Athletics grå för att uppmärksamma registreringsknappen.
Plus, du kommer att märka att han använder orange för att fånga besökarens öga och uppmärksamma ” heck yeah!”nyhetsbrev prenumerationsformulär.
slutsats
om du menar allvar med att förbättra din webbplats måste du ta ett djupt dyk i vad färgerna du använder representerar.
utan att titta på de färger du använder kan du avskräcka kundåtgärder för något som är viktigt eller dra fokus mot något av misstag. Genom att använda och förstå innebörden bakom färger kan du förbättra användarflödet och öka konverteringarna.
för att starta, titta på eventuella problem som användare verkar ha på din webbplats. Hur kan du använda färg för att få vanliga åtgärder att sticka ut, hålla människor engagerade på en sida eller förbättra navigeringen?
därefter vill du undersöka användarflödet. Du kan använda positiva och negativa färger, som rött och grönt, för att indikera en föredragen åtgärd. Dämpade färger, som grå, kan visa ett inaktiverat alternativ. Och ljusa färger, som rött, gult och orange, kan fånga en besökares uppmärksamhet.
att kombinera dessa färger kan vägleda användarnas beteende och förbättra dina konverteringar.
vilka färger kommer du att använda för att förbättra din webbplats?
öka din trafik