Färger och kontrast på hemsidan

Färgerna ger hemsidan dess karaktär, men de påverkar också hur lätt den är att använda. Rätt färgval gör hemsidan både snygg och tillgänglig.

Utgå från varumärket

Använd företagets färger konsekvent.

Kontrast

Text och knappar ska ha tillräcklig kontrast mot bakgrunden. Det finns gratis verktyg som mäter kontrasten.

Färg för handling

Använd en tydlig färg för knappar och uppmaningar, så att de sticker ut.

Inte bara färg

Använd inte bara färg för att visa information, till exempel röd text för fel. Komplettera med text eller symboler.

Lagom mycket

För många starka färger gör hemsidan rörig.

Länkar

Länkar i texten ska gå att skilja från vanlig text, till exempel med en annan färg och understrykning. Annars är det svårt att se var man kan klicka.

Bakgrundsbilder

Text ovanpå bilder kan bli svår att läsa köpa hemsida för småföretag om bilden har både ljusa och mörka partier. Använd en tonad yta bakom texten eller välj en lugnare bild.

Färgblindhet

Vissa besökare har svårt att skilja på vissa färger, till exempel rött och grönt. Testa hur hemsidan ser ut för dem. Det finns gratis verktyg som simulerar olika typer av färgblindhet.

Konsekvens

Använd samma färg för samma sak över hela hemsidan, till exempel en färg för knappar och en för länkar. Det gör hemsidan lättare att förstå.

Mörkt läge

Vissa besökare använder mörkt läge på sina enheter. Kontrollera hur hemsidan ser ut.

Testa med riktiga användare

Det bästa sättet att veta om färgerna fungerar är att se hur riktiga besökare använder hemsidan. Be några personer, gärna i olika åldrar, att läsa en sida och hitta en viss knapp. Fråga om något var svårt att se eller läsa. Äldre personer har ofta svårare att se låg kontrast, och för dem kan små förändringar göra stor skillnad. Testa också hemsidan i starkt solljus på mobilen, eftersom det är där kontrastproblem blir som tydligast. Justera färgerna efter det du lär dig.

Små justeringar kan göra hemsidan betydligt lättare att använda.

Utgå alltid från vad kunderna behöver när du fattar beslut om hemsidan.

Sammanfattning

Använd varumärkets färger, säkerställ god kontrast, kopahemsida ge knappar en tydlig färg och komplettera färg med text. Då blir hemsidan snygg och lätt att använda.

kopahemsida.nu är en svensk guide för småföretag som ska beställa en ny hemsida. Läs om domän, webbhotell, design och sökmotorer.