Bloggen

7 tips til at bruge billeder til at forbedre UX

Tags: IT

Billeder kan i høj grad gøre brugervenligheden bedre. Læs med her og bliv klogere på, hvordan du kan forbedre din UX.

Vi har listet 7 tips, der viser, hvordan du kan gøre brug af billeder for at forbedre din UX.

1. Overvej dit layout
En grundlæggende overvejelse med hensyn til layout er at undgå uheldige beskæringer og vælge billeder, der supplerer layoutet og formatet af det design, du bruger. Det kan umiddelbart virke indlysende, men jeg ser ofte at der ikke er styr på dimensionerne. Vælg et billede i et korrekt formatforhold til dit site. Billeder, der eksempelvis er trukket ud eller er i dårlig opløsning, vil distrahere besøgende og virke uprofessionelt.

Sørg derfor altid for, at de basale elementer er i orden, når du vælger eller udarbejder de billeder, der skal indgå i dit layout.

2. Brug tekst ordentligt
At anvende tekst oven på et billede kan være en stor udfordring for brugervenligheden. For at sikre, at teksten kan læses, er det et godt værktøj at anvende en kontrastkontrol til at vurdere kontrasten mellem teksten og det valgte baggrundsbillede. Flere farver kan nemlig være dårlige at anvende, fordi farven kan gøre teksten meget svær eller ubehagelig for øjnene at læse. Som en god tommelfingerregel gælder det, at tekst oven på et billede virker bedst, hvis selve genstanden på billedet er lille, mens der er meget hvidt rum omkring.

En idé kan derfor være at anvende produktbilleder, der har en del whitespace, hvilket tillader stilfulde og læsbare tekster på billedet. En beskrivende tekst oven på billedet kan give en god kundeoplevelse, men kræver god kontrast omkring teksten. Et eksempel på dette er topbanneret hos markiseeksperten.dk, hvor der netop er tonet ned for lyset i grafikken, så teksten "Sommertilbud" står tydeligt frem, og også fungerer fint på mobilen. 

3. Brug øjne til at vise, hvor øjne skal kigge hen
Opførselspsykologien beskriver, at mennesker bliver tiltrukket af at se derhen, hvor øjne i et billede kigger. At anvende øjne i dit design kan derfor bruges som en fordel, når du skal designe en side. Det kan du eksempelvis gøre ved at lade nogle øjne på et billede kigge hen på din overskrift eller CTA (call to action). Mennesker ser nemlig helt naturligt hen på de steder, hvor andre menneskers blik er rettet mod.

Det er imidlertid ikke kun mennesker, som kan anvendes til at opnå denne effekt. Du kan sågar anvende dyreøjne, hvis det eksempelvis passer bedre ind i dit produkt.

4. Det specifikke er bedre end det generelle
I valget af dine billeder kan du gå efter at anvende specificitet til din fordel. En af grundene til, at stock photography er blevet lidt af en kliché, er den generelle og vage karakter ved billederne. Det gælder eksempelvis billeder af kvinder, der smiler, mens de sidder og spiser en salat, eller mænd, der ser veltilfredse ud, når de kører i en bil. Du skal derfor gå efter at finde mere virkelighedsnære billeder, der kan skabe troværdighed hos dit brand.

Det kan du gøre ved at associere dit brand med billeder fra mere ægte scenarier, der har større sandsynlighed for at forekomme i virkeligheden, så de virker mindre opstillede. Et godt eksempel på gode naturlige fotos er Jysk Display.

Vær ikke bange for at vise jeres ansatte på fotos, også selvom det ikke ser perfekt ud. Det uperfekte kan i høj grad skabe troværdighed.

Du kan også embedde fotos fra andre steder, fx. fra Google Maps, som giver et godt og professionelt layout til fx. oversigt over butikker, som her hos handelsbyer.dk, hvor der er indsat et Google map kort, over alle hvidevarebutikker i Odense.

5. Fortæl din historie med billeder
Hvis du alligevel anvender stock photography, skal du tænke nøje over, om billedet er det rigtige til at fortælle den historie, du gerne vil formidle. Derfor skal du måske igennem en del billeder, før du finder det, der fortæller din historie bedst.

Her er det ligeledes vigtigt at huske på, at ét godt billede er bedre end tre halvgode. Jo skarpere du kan gøre din profil, jo bedre er det nemlig for din UX.

6. Alt-tags
Billeder, der indeholder vigtige oplysninger, skal have beskrivende alt-tags, der formidler de samme oplysninger, der er på billedet. Hvis et billede eksempelvis indeholder et link, er det vigtigt, at alt-tagget beskriver de samme oplysninger, som der er på det givne billede, og gerne på den underside der linkes til.

Alt-tagget bliver blandt andet vist, hvis en dårlig internetforbindelse er skyld i, at billederne ikke kan loades. Billeder, der udelukkende fungerer som dekorative elementer på dit site, skal ikke have et alt-tag, da forståelsen af disse billeder ikke er afgørende for forståelsen af dit brands budskab.

7. Præstationsevne
Et afgørende element, hvor billeder påvirker brugeroplevelsen, er gennem billedernes loading-tid.

At sikre, at de anvendte billeder er optimeret til internettet, kan være med til at reducere den irriterende tid, som brugerne bruger, når de skal vente på, at billeder, videoer med mere bliver loadet. Der findes flere funktioner, såsom ”Photoshop Save for web-funktionen”, der kan give dig mulighed for at balancere billedernes kvalitet og størrelse. Som hovedregel er det bedst, hvis du holder billedernes størrelse under 70 kb. Det er mulgit at have en meget lav loadtid trods mange fotos, som det fx. er tilfældet på e-commerce. Tjek fx. katoni.dk, som loader utroligt hurtigt trods rigtig mange produktfotos. Det kan klares ved hjælp fra CDN.

Flotte fotografier er en central del af mange brugeroplevelser på nutidens web. At skabe god UX kræver, at der bliver sat tid af til billeder, der ofte kan være et overset element. Mange elementer på dit site spiller sammen for at forbedre brugeroplevelsen hos dine besøgende, og en ordentlig anvendelse af billeder er en del, som du ikke vil undgå at have med, da det – sammen med de andre elementer – kan være med til at skabe en bedre brugeroplevelse.

Del indlægget med venner og kollegaer

Blog ekspert

Iværksætter og founder af SUMOpix.com.

I dag arbejder Morten med online markedsføring og strategi for en række større webshops, og driver i øvrigt IT-bloggen netkablet.dk og erhvervsmagasinet fagmagasinet.dk.

Han har desuden bloggen GoDownsize sammen med sin kone, hvor de skriver om simple living, geografisk uafhængighed og om at arbejde fra mange forskellige lokationer rundt omkring i verden. Der hører også en Youtube kanal og en rejse-youtube kanal til med tilsammen ca. 100.000 subscribers og +10 mil. plays.

Mød Morten på Google+

EKSPERTENS BLOGINDLÆG

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:

Dette er en opgave, som alle webshopejere beskæftiger sig med på daglig basis og med god grund, da de jo skal leve af at konvertere deres besøgende til kunder

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:

Det er stort set altid sværere at sælge et dyrt produkt, end det er at sælge de billige.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:

Du er sikkert stødt på dem mange gange, men har du overvejet selv at tjene penge på en niche-affiliateside?

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:

Du kan nemlig diversificere dit brand eller dine produkter ved at sælge dem på forskellige hjemmesider.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:

Vi kommer her med 10 begynder-tips til, hvordan du bedst muligt får skabt en app, der fra start står knivskarpt.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:

Pistol-indhold. Forklar med det samme hvad du vil.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:

Det vigtigste er brugeroplevelsen, hvilket mange helt glemmer, når de laver et nyt webshop design

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Dine produkter er det, der holder hjulene i gang.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Google har netop foretager ændringer, hvilket blandt andet gør det muligt at tilføje mere tekst og flere informationer i en Google Ads-annonce.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Datasikkerhed er højaktuelt og vi ser på hvad man kan gøre som mindre virksomhed.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Hvis du er ejer af en webshop, har du helt sikkert før stået over for udfordringen med, hvordan du skal prissætte dine varer.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

I denne artikel sætter vi fokus på, hvordan man sikrer sig et godt image ved at møde kunderne og være en del af deres interesser, hvilket kan skabe ambassadører.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

I dette indlæg finder du en guide til, hvordan du optimerer din produktside til smartphone users, så det er let for enhver kunde at foretage et køb via deres smartphone.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

At annoncere smart og målrettet på nettet er altafgørende i dag.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Har du brug for en introduktion til bloggin med affiliate? så kik med her.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Savner du også at se gode resultater og få flere kunder til din virksomhed?

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Er du i gang med at starte en virksomhed op? Har du – som de fleste andre – en begrænset startkapital, som helst skal strække sig under hele opstarten? Så læs mere her, og få tips til, hvordan du får økonomien til at holde!

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Mange marketingsansatte har måttet sande, at der skal justeringer til, hvis man gerne vil sikre sig effektiv konvertering online

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Det, der før hed Videnpilotordningen, er nu blevet til InnoBooster.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

En virksomhedsmesse er stadig en klassiker, når det drejer sig om at vedligeholde gamle kontakter og udvide kundekredsen.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Her får du en liste over 3 ting, vi alle kan lære af supersiden Amazon.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Går du med en iværksætter i maven, men er ikke helt sikker på, hvordan du kommer i gang? Har du idéerne, men mangler gode råd til at komme godt fra start? Læs med her for at blive klogere på, hvordan du får en god start som iværksætter!

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Hvordan løfter man teksterne på sin webshop til næste niveau? Læs med her.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Når en besøgende rammer din shop, foregår der en lynhurtig vurdering af din side i hovedet på personen.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Mange drømmer om at opsige deres job og leve af nettet mange muligheder for at tjene penge. 

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:
IT

Wordpress er utrolig let at bruge også når det gælder den basale sikkerhed, hvor der findes et stærkt gratis plugin.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:
IT, Salg

Morten Storgaard har kigget nærmere på tidens mest oplagte muligheder for konverteringsoptimering på din webshops. Læs og lær.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:
IT, Tryghed

Hackerangreb er en konstant trussel for dig, der driver en hjemmeside - i hvert fald hvis du ikke har taget de nødvendige forbehold. Se her, hvordan du bedst beskytter dig imod ubudne gæster.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Morten Storgaard giver dig gode råd til at knække PR-koden.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:
Salg

Det kan være ret uoverskueligt at lave en ny webshop. Morten Storgaard er her for dig.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Listen der hjælper dig med at få det bedste ud af din blog.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Vil du have succes med din netbutik? - Du skal have gang i Google AdWords. 

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Skab dig et overblik over, hvilke værktøjer der kan hjælpe dig, når du arbejder med online marketing og søgemaskineptimering. 

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:
IT

Lær om duplicate content og undgå det. Du straffes i Googles søgninger. 

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Få flere kunder i butikken, lav en blog for din webshop!

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Små ting kan gøre en stor forskel. Gør din shop klar til juleræset. 

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Søge- og filterfunktionerne i webshops bliver mere og mere avanceret. Vi har taget et kig på, hvad der rører sig hos en af de største spillere på markedet.

Morten Storgaard

Iværksætter og founder af SUMOpix.com.

Tags:
IT, Salg

Her er nogle hurtige tips til, hvordan du får styr på din varekurv, så du sikrer dig, at du ikke taber kunden i det vigtigste øjeblik: Netop der hvor de skal have pungen op af lommen

Iværksætter og founder af SUMOpix.com.

I dag arbejder Morten med online markedsføring og strategi for en række større webshops, og driver i øvrigt IT-bloggen netkablet.dk og erhvervsmagasinet fagmagasinet.dk.

Han har desuden bloggen GoDownsize sammen med sin kone, hvor de skriver om simple living, geografisk uafhængighed og om at arbejde fra mange forskellige lokationer rundt omkring i verden. Der hører også en Youtube kanal og en rejse-youtube kanal til med tilsammen ca. 100.000 subscribers og +10 mil. plays.

Mød Morten på Google+

x
Få besked i din indbakke om nye
gratis livestreams, kurser og events
for små og mellemstore virksomheder
x
Få besked i din indbakke om nye
gratis livestreams, kurser og events
for små og mellemstore virksomheder
Tilmeld dig vores nyhedsbrev nu.
Du kan altid framelde dig med et enkelt klik.