Ikoner och grafik på hemsidan

Ikoner och grafik på hemsidan

Ikoner och grafik kan göra hemsidan tydligare och mer överskådlig. Rätt använt hjälper de besökaren att snabbt förstå innehållet.

Förtydliga, inte dekorera

Ikoner ska stötta budskapet, till exempel genom att visa tjänster eller steg i en process.

Enhetlig stil

Använd ikoner i samma stil och färg över hela hemsidan.

Text bredvid

Ikoner är inte alltid självklara. Komplettera med en kort text.

Diagram och illustrationer

Ett enkelt diagram kan förklara en process bättre än en lång text.

Rättigheter

Kontrollera att du har rätt att använda ikoner och illustrationer.

Tillgänglighet

Ikoner som är knappar ska ha en beskrivning för skärmläsare.

Filformat

Ikoner och enkel grafik fungerar ofta bäst i vektorformat. De blir skarpa på alla skärmar och tar lite plats. Fråga leverantören vilket format som används.

Undvik för mycket

För många ikoner och illustrationer kan göra hemsidan rörig och ta fokus Klicka för info från innehållet. Använd dem där de gör nytta.

Bilder och grafik tillsammans

Grafik kan kombineras med riktiga bilder, till exempel en ikon för varje tjänst och en bild från ett riktigt uppdrag på tjänstesidan.

Infografik

En infografik är en bild som förklarar information visuellt, till exempel kopahemsida steg i en process, statistik eller en jämförelse. Den kan göra komplicerad information lättare att förstå och dela i sociala medier. Men en infografik ska inte vara det enda sättet att förmedla viktig information, eftersom text i bilder inte kan läsas av skärmläsare och sökmotorer. Skriv därför även ut innehållet som text på sidan. Håll infografiken enkel med få färger och tydliga rubriker, så att den fungerar även på mobilens lilla skärm.

Testa infografiken på mobilen innan den publiceras på hemsidan.

Små förbättringar som görs regelbundet ger ofta störst effekt över tid.

Sammanfattning

Använd ikoner och grafik för att förtydliga, i en enhetlig stil och med text bredvid. Kontrollera rättigheterna.

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