Vad kännetecknar en bra hemsida? - 4 tips för en bättre design!

Tänk dig följande scenario:

Du vaknar upp, kollar klockan och inser att din lillebror fyller år imorgon. Och självklart glömde du köpa en present till honom.

Som tur är lyckas du fortfarande köpa den lilla drönaren med kamera du tänkte överraska honom med. Problemet är bara att du inte har en aning om var du kan få tag i en sån när du är på resande fot. Du kliver upp, fixar lite kaffe och slår på datorn.

Du börjar ju självklart googla lite och får ett par träffar, klickar på den första. Webbsidan som öppnas ser ut så här:

För ett kort ögonblick tror du att du har blivit attackerad av virus som saknar estetisk känsla, eller att det är en hemsk popup-annons.

Lyckligtvis finns det en gnutta sunt förnuft som säger åt dig att kontrollera webbadressen. Och ja, du är faktiskt på hobbybutikens hemsida. Är det möjligt?!?

Du klickar ut snabbare än någon kan säga "avvisningsfrekvens", övertygad om endast en sak: Om företagets hemsida ser så här rörig ut, så är deras kundtjänst knappast något att skryta med heller. Du bestämmer dig för att köpa den senaste versionen av FIFA till din bror istället.

Den här lilla historien om någon som skräms bort av en fruktansvärt dålig hemsida är mycket vanligare än man kan tro.

4 egenskaper hos en bra webbplats med användarvänlig design

Webbplatsen i exemplet ovan lyfts i den här artikeln på studentbloggen i Digital mediedesign vid Högskolan i Telemark, Norge som ett typexempel på en webbplats med väldigt, väldigt dålig design.

Det är ingen hemlighet att vi då och då stöter på webbplatser som ser ut att vara designade av The Joker.

Om du undrar vad som kännetecknar en bra hemsida får du i den här artikeln ett gäng designtips om hur du skapar en välkomnande, strategiskt designad hemsida som ger en bra användarupplevelse på alla enheter.

Du kan också analysera din webbplats med vårt kostnadsfria analysverktyg på länken här nedan!

Gratis analys av er hemsida.

Få ett kvitto på att jobbet ni gjort med hemsidan faktist gett resultat, eller testa er och se hur ni kan förbättras!

Designtips 1: Ha ett tydligt mål för varje unik sida på hemsidan

Det bör finnas ett tydligt syfte och mål för varje servicesida på webbplatsen. Detta lägger då grunden för att med större sannolikhet locka rätt typ av besökare för dina produkter/tjänster, generera leads eller fortsätta att bygga ert varumärke.

Fråga dig själv: Vad letar kunden efter på hemsidan? Information, att köpa, underhållning eller något annat?

Det är enkelt om sidan webbplatsen är tänkt att underhålla. Du kan dela foton, videor, podcasts eller memes, men du bör komma ihåg att uppdatera dem ofta för att fortsätta vara relevant för din besökare.

Om du skapar en webbplats som är tänkt att vara informativ betyder det att användarna är ute efter att lära sig något nytt eller få mer kunskap om vissa ämnen. Sådana webbplatser bör ha en kunskapsbas, användarguider eller produktbilder.

Men om du bygger en e-handel måste du komma ihåg att det är en hemsida som har som primära syfte att sälja. Det betyder att du ska ha en snygg design, högkvalitativa bilder och övertygande text som tydligt förmedlar vad kunden får ut av att handla hos dig.

Designtips 2: Gode visuelle elementer

Webbplatsen måste vara iögonfallande, så att användarna VILL utforska den. Om den är föråldrad och känns fyrkanting kan folk snabbt få intrycket av att ni inte riktigt lyckas i den branschen ni är i.

Även om du inte är en webbdesigner bör du ha inflytande i teamet om hur din hemsida ska se ut. Det är en bra idé att ta en titt på dina konkurrenters webbplatser för att ta reda på vad du gillar och vad som kommer att passa ert varumärke.

Du kan också hitta inspiration på webbplatser som Awwwards, som visar världens bästa exempel på grafisk design. Det ger din möjligheten att bli bättre bekant med trenderna inom design och för att enklare bestämma dig för vad du gillar eller ogillar.

Bilder

Om du vill hitta bilder som är gratis för kommersiellt bruk, kolla in Pixabay, Freepik, Unsplash eller Flickr. Men använd inte bildbanker för mycket. Bilder som du själv tar verkar mer naturliga och trovärdiga.

Använd inte för stora bildfiler, om du nu inte VILL ha en långsam webb. Kom ihåg att ladda upp bilderna i PNG- eller JPG-format och helst i rätt storlek för det specifika ändamålet. Använd alltid grafik och bilder som passar innehållet. Och för guds skull, undvika alla effekter och distraherande element som blinkar, flimrar eller snurrar runt och runt.

Använd gärna blanksteg (extra, innehållsfria delar av hemsidan), så att designen framstår som snygg och estetiskt tilltalande. På så sätt kommer företaget att uppfattas som mer professionellt.

Less is more - Oftast!

Skrifttyper

Använd helst inte mer än tre olika typsnitt och håll dig till de vanliga teckensnittsfamiljerna. Helst teckenstorlek 16 och uppåt. Att svära vid de gamla kämparna Arial eller Verdana kan låta okreativt, men det här är så kallade webbsäkra typsnitt som ingår på varje Mac eller PC. På så sätt kommer inte typsnittet att se helt annorlunda ut på dina besökares datorer eller mobiler.

Dessutom är webbsäkra typsnitt utformade speciellt för användning på internet, så att läsbarheten är god. Det är skillnad på typsnitt som används i böcker och tidningar, kontra webbaserade typsnitt. God läsbarhet är viktigt för att upplevelsen av hemsidan ska bli riktigt bra.

Typsnitt som Verdana och Arial utstrålar modernitet och skärpa – och det är just skärpa och renhet vi vill ha på en webbplats. Fel typsnitt ger låg poäng på läsbarheten, och webbplatsen blir mindre användarvänlig. Vilket i slutändan påverkar rankningen i Google.

Designtips 3: Relevant orginalinnehåll

Ingen av dina besökare som kommer in på din webbplats har tid eller ork att läsa en uppsats om de produkter eller tjänster du tillhandahåller. Så kom ihåg huvudregeln för att skriva innehåll som konverterar: klarspråk!

Skriv kortfattat och konkret med ord som används i dagligt tal. Ta bort ord som bara är fyllmedel.

När människor besöker din webbplats, se till att de förstår vem du är, vad du gör och vilken typ av fördelar de kommer att få om de väljer att bli just din kund. Använd ett objektivt språk: skippa reklamjargongen och slut skryt över hur bra ni är.

Med "klarspråk" menar jag också ett par andra saker, som inte är lika självklara: användningen av rubriker och underrubriker, punktpunkter och stycken.

Designtips 4: Tydliga sätt att navigera runt

Navigering handlar om hur lätt det är för människor att ta till sig information, ha förståelse och att ta sig omkring på din webb. Målet är oftast att hitta relevant information. vidta åtgärder och flytta runt på webbplatsen för att hitta relevant information.

Du kan ha världens snyggaste hemsida. Men om kunderna inte kan hitta den information de letar efter, eller om de blir förvirrade när de stöter på hinder i köpprocessen, kommer din webbplats inte att konvertera. Er hemsida ska vara er bästa säljare!

Skapa en logisk och användarvänlig hierarki, med klickbara knappar och kategorier. Det ska vara så enkelt som möjligt för användare att gå från allmänt innehåll till mer specifikt innehåll på webbplatsen.

Dina besökare läser inte, dom skummar!

Studier inom området eyetracking visar att människor läser webbsidor i ett F-format mönster. Två horisontella ränder följt av en vertikal rand. Användarna som besöker din webbplats läser inte ord för ord, utan läser av sidorna – letar efter trigger nyckelord för den information de letar efter. 

Det mesta som folk får finns överst och till vänster på sidan. Placera därför den viktigaste informationen där, gärna i de två första styckena. Den högra sidan av skärmen går vanligtvis "under radarn", så placera inte viktig information eller CTA-knappar där.

Er hemsida är ert visitkort & Er bästa säljare!

Du har förmodligen sett ett par riktigt grymma webbar som verkligen fångade din uppmärksamhet, eller hur?

Kanske grävde du runt i galleriet med Mulberry-väskor, eller kanske kunde du inte motstå att kolla igenom igenom Quechua-jackorna på jakt efter den du gillade mest? Det var något med dessa webbplatser som fick dem att sticka ut: deras design.

En bra hemsida fångar din uppmärksamhet och väcker känslor hos dig, så att du vill stanna kvar och upptäcka mer!. Den är intuitiv, användarvänlig och ger dig en tydlig anledning att vilja utforska den vidare. Den har ett tydligt och distinkt språk, tydliga CTA-knappar och snygga visuella element.

Men en bra hemsida är inte bara gjord för kunden. Din webbplats speglar dig själv som företagare och professionell, er bästa säljare helt enkelt!

Webbplatsen är företagets visitkort och ansikte utåt. Människor bedömer ditt varumärke utifrån vad de ser online. Därför, om du undrar om det är vettigt att lägga tid och kraft på att skapa en fantastisk webbplats, då kan jag lova dig: Det gör den.

Dags för en ny, högkonverterade webb?

Om ni är i ett läge där det är dags att se över er digitala närvaro med en ny hemsida. Säg till så tar vi ett första snack!