loader

UX & SEO – To sider af samme mønt

UX & SEO - To sider af samme mønt

Gæsteblogindlæg af: Micky Weis | 14. august 2018 | 5 min. læsning

Ønsker du at øge din synlighed i de organiske søgeresultater, må du ikke glemme en af de mest oversete faktorer for en hjemmesides søgemaskineoptimering; User eXperience.

Det er alfa omega for din succes på de organiske søgeresultater, at din hjemmesides brugervenlighed er i top. Desværre er det dog ofte, at jeg i mit daglige virke indenfor konsulentbranchen ser eksempelvis webshops, der slet ikke er opbygget med brugervenlighed for øje – og det skader ikke kun konverteringsraten, men i høj grad også hele sitets muligheder for at gøre sig gældende i topplaceringerne.

Tænk på Google som enhver anden besøgende

Topplaceringer hos Google er med årene blevet svære og svære at opnå. Engang var det mere end rigeligt at skrive sit target keyword så mange gange som muligt på sit website og bestille flere hundrede links fra den anden side af kloden. I dag er virkeligheden dog en helt anden takket være Google’s endeløse opdateringer af søgemaskinens algoritmer. 

Mange virksomheder lever stadig i en tro om, at hjemmesiden og dens indhold skal målrettes søgemaskinerne – og det er på sin vis også rigtigt, hvis altså der sættes et lighedstegn mellem søgemaskinerne og dine besøgende.

Hvis ikke dine besøgende finder de ønskede svar eller får stillet sine behov på dit website, så vil de i lynets hast springe tilbage til søgeresultaterne og finde et alternativ. Det samme vil ske, hvis dine besøgende i ren arrighed hopper ud af din hjemmeside, fordi der ikke er en nem og let tilgængelig struktur.

Det er ikke optimalt i Google’s øjne, som lever af at servere gode og brugbare søgeresultater til deres brugere.

Disse 3 faktorer bør du optimere på din hjemmeside

Jeg har herunder listet de 3 faktorer, som jeg oftest oplever, danske hjemmesideejere glemmer at optimere med UX og søgemaskineoptimering in mente.

Strukturen på din hjemmeside

Selvom det kan lyde enkelt, så er strukturen på din hjemmeside et af omdrejningspunkterne for, om hvorvidt dine besøgende (og dermed også Google) er positivt indstillet overfor din hjemmeside.

Er det svært at navigere rundt på siden, og er det samtidig en udfordring for dine besøgende at finde frem til dén underside, de efterspørger, så vil et alternativt søgeresultat blive valgt.

Den rette struktur kan for dig som webmaster være svær at gennemskue, da du højst sandsynligt har stirret dig blind på hjemmesiden. Jeg kan i hvert fald nikke genkendende til dette, når jeg i en længere tidsperiode arbejder intenst med den samme case. Derfor er det en god idé at rådføre sig hos venner eller kollegaer, som kan kigge på hjemmesiden med friske øjne.

Jeg vil også anbefale at tegne hjemmeside strukturen op – at se denne visuelt illustreret, har været til stor gavn for mig og de cases, jeg har arbejdet med. Jeg bruger på nuværende tidspunkt en app ved navn SimpleMind Lite – et godt gammeldags A4-ark og en spids blyant kan dog også klare ærterne.

Din sides hastighed

Hastigheden har utroligt meget at sige for, om dine besøgende (og Google – den røde tråd er så småt begyndt at vise sig) ønsker at benytte sig af din hjemmeside, eller om en af de andre søgeresultater skal have chancen i stedet.

Hastighed på hjemmesider har endvidere længe været en kendt ranking faktor hos Google. Det siger næsten også sig selv; hvis du skal vente i 30 sekunder på, at en enkelt underside loades, så var du højst sandsynligt allerede hoppet væk fra siden efter de første 5 sekunder. Google ønsker ikke at vise langsomme hjemmesider i søgeresultaterne, da det skader brugeroplevelsen.

Der kan være tekniske udfordringer forbundet med optimering af din sides hastighed, hvorfor jeg her vil anbefale dig at hive fat i et webbureau, som kan guide dig igennem de væsentligste hastighedsoptimeringer.

Indholdet

Tyndt indhold er desværre ofte set på nettet, og lur mig om ikke de fleste af os webmasters en sjældent gang eller to har opsat en produkt- eller kategoriside med noget hurtigt “pladder tekst”.

Vi snyder dog kun os selv, for tyndt indhold er ikke med til at højne brugervenligheden på din hjemmeside. Dit indhold skal være godt, at dine besøgende forbliver på dit website og får reel værdi, eftersom det til gengæld vil blive belønnet af Google.

Grunden til at du (ligesom for 10 år siden) bruger Google den dag i dag, er fordi det er dér, du finder de absolut bedste søgeresultater. Derfor skal du hver dag arbejde hen imod at gør din hjemmeside til en af de topklasse søgeresultater, der netop skaber grobund for Googles eksistens.

Glade brugere giver gode placeringer – eller, næsten…

Selvom det kunne være fantastisk, hvis ovenstående var tilfældet, så er der naturligvis mange andre væsentlige faktorer, der spiller ind, når en hjemmeside skal optimeres mod de sjove placeringer.

Ønsker du at blive dygtigere til SEO, så er det bl.a. noget af det, jeg til dagligt bruger oceaner af tid på at blogge om. Du kan eksempelvis læse min guide til søgemaskineoptimering her, hvor jeg kommer ind på nogle af de andre faktorer, du også skal have styr på, for at kunne krones som kongen af søgeresultaterne i din branche.

Om forfatteren af indlægget, Micky Weis

Micky Weis har arbejdet med SEO, Facebook og Content igennem de sidste 8 år. Som digital konsulent har Micky haft fingeren med i et hav af start-ups og mellemstore virksomheder bl.a. Youtube successen SlikhaarTV. Senest har Micky fungeret som CMO i Firtal Web A/S, hvor han har påtaget sig rollen som digital chef for 8 forskellige webshops.

I dag ejer Micky konsulentfirmaet Weisio ApS, der varetager det meste af onlinepaletten for en lang række danske og udenlandske virksomheder. Den resterende tid bruger han på at vejlede over 5.000 månedlige læsere på hans blog Mickyweis.com.

Konverteringsoptimering – sådan øger din konverteringsrate

erik-mock

Konverteringsoptimering:
Sådan øger du din konverteringsrate

Konverteringsoptimering, opdateret af Erik Holflod Jeppesen | 17. maj 2018 | 10 min. læsning

Skal du i gang med konverteringsoptimering? Eller har du brug for ny inspiration til, hvordan du arbejder videre med din konverteringsoptimering? Så læs med her.

Hvad er konverteringsoptimering?

Ved en konvertering får du en besøgende til at udføre en bestemt handling på din webshop eller dit website. Når vi taler konverteringsoptimering, handler det selvfølgelig om, at få endnu flere af dine besøgende til at udføre præcis denne handling. En succesfuld konverteringsoptimering giver større værdi af din online markedsføring og ikke mindst dit SEO-arbejde, fordi du netop formår at udnytte den trafik, du hiver ind på dit site.

Konverteringsoptimering er relevant for dig, der har en webshop, hvor du ønsker at optimere salget eller eksempelvis få flere tilmeldinger til dit nyhedsbrev. Men det er også relevant for dig, der driver et website, hvor du ønsker at få flere til at udfylde en kontaktformular, downloade en e-bog eller bestille tid til aftale. Kort fortalt, så handler konverteringsoptimering om at få dine besøgende til at udføre en foruddefineret handling, der i sidste ende skal give dig omsætning.

Konverteringsoptimering

Eksempler på konverteringer

Du har typisk ikke kun et enkelt mål på dit website eller din webshop, og derfor er det helt naturligt at måle på flere forskellige typer af konverteringer. Hvis du driver en webshop har du selvfølgelig som mål at øge dit salg, men du kan samtidig have et mål om at få flere tilmeldinger til dit nyhedsbrev, og måske har du også et mål om at få dine besøgende til at dele deres gode oplevelse(r) med din webshop på sociale medier. Vi skelner mellem 2 typer konverteringer – hårde og bløde konverteringer:

En hård konvertering er den traditionelle konverteringstype, og kan f.eks. være, at:

– Foretage et køb i din webshop
– Udfylde en kontaktformular
– Bestille en opringning
– Lave en “Trial sign-up”
– Indhente et tilbud (f.eks. B2B virksomheder, håndværkere, festarrangører, kursus-, hotel- og konferencevirksomheder)
– Bestille tid til en aftale (f.eks. servicevirksomheder som frisør, massør eller fysioterapeut)
– Booke et møde (f.eks. bank og realkredit)
– Bestille salgsmateriale (f.eks. ejendomsmæglere, byggefirmaer eller alarm- og sikringsfirmaer)

En blød konvertering adskiller sig fra hårde konverteringer ved at vække en indledende interesse hos en potentiel kunde, der endnu ikke er 100% købsmindet. Eksempler på bløde konverteringer kan være:

– Tilmelding til nyhedsbrev
– Delinger/likes på sociale medier
– Download af e-bog eller White Paper
– Registrering til et webinar eller online kursus
– Skriver en anmeldelse af din virksomhed eller et produkt
– At blive et minimum antal minutter på sitet
– At se minimum 3 undersider eller produkter

Det er en god idé at opsætte både hårde og bløde konverteringsmål. De hårde konverteringsmål kommer du ikke udenom, fordi de er direkte afgørende for din virksomheds online succes og salg. Men måler du ikke også på de bløde konverteringer, er det svært at finde ud af, hvorfor dine andre besøgende ikke konverterer.

De bløde konverteringsmål skal bl.a. hjælpe dig til at finde ud af, hvor de besøgende falder fra. Når du finder ud af, hvor og hvorfor de falder fra, så har du netop det bedste grundlag for at udføre de forbedringer der skal til for at hjælpe de besøgende videre til endeligt køb.

Med konverteringsoptimering kan du løbende øge brugervenligheden og ikke mindst relevansen af din online tilstedeværelse. Og det er jo lige præcis sådan, du arbejder med at øge din omsætning i forhold til den mængde af trafik, der kommer til dit site. I sidste ende skal alle konverteringsmål – om de er bløde eller hårde – i fællesskab løfte dig op til øget omsætning og branding.

Sådan udregner du din konverteringsrate

Hvis du driver en webshop, fortæller konverteringsraten, hvor god du er til at få dine produkter solgt.

Lad os opstille et eksempel:
– Du får 100 besøg
– 3 af dem fuldfører en transaktion / et køb

Beregningen ser sådan her ud:
Antal salg / antal besøg = Konverteringsrate

I det førnævnte eksempel vil  det så være:
3 salg / 100 besøg = 0,03 = 3 % i konverteringsrate (eller 3 ud af 100)

Som det fremgår af eksemplet ovenfor, fortæller konverteringsraten altså, hvor mange der gennemfører en transaktion, kontra hvor mange besøgende der er på siden.

I Google Analytics har du mulighed for at se din konverteringsrate. Har du f.eks. en Shopify webshop, fremgår det også lettilgængeligt i dit kontrolpanel.

Husk, at skelne mellem unikke besøgende kontra “totalt antal besøgende”. Ved nogle typer produkter og ydelser (f.eks. eksklusive møbler) er beslutningsprocessen typisk længere. Og ved længere tids overvejelser for forbrugeren, betyder det typisk også flere besøg på din hjemmeside. Således vil din konverteringsrate synes lavere, hvis ikke du tager hensyn til unikke besøgende. Har du derimod en webshop med produkter, der i højere grad kan købes impulsivt, kan du få et realistisk billede af konverteringsraten uden at skelne mellem unikke og totalt antal besøgende.

Skal vi hjælpe med konverteringsoptimering?
Ring +45 71 71 70 71

Hvornår er ens konverteringsrate tilfredsstillende?

Hvis du spørger os, skal du aldrig nøjes med ”tilfredsstillende”. Lige meget hvordan du vender og drejer det, kan din konverteringsrate altid forbedres, og konverteringsoptimering er dermed en vedvarende og kontinuerlig proces.

Der er heller ikke et entydigt svar på, hvor høj din konverteringsrate som minimum bør være, da det varierer meget fra branche til branche. En god tommelfingerregel er dog, at en konverteringsrate et sted mellem 1-3 % er meget standard.

Driver du meget trafik til dit website, men ligger på en relativ lav konverteringsrate på 1-2 % er der god grund til at have fokus på konverteringsraten, da du allerede har trafikken til at løfte den i vejret. Har du derimod en højere konverteringsrate på 3-5%, bør du måske nærmere skrue på marketingbudgettet og arbejde med at drive endnu mere relevant trafik til dit website eller webshop.

Et forløb – skitseret i en ultra kort version – kunne se således ud:

  • Analysér – Hvor falder de besøgende fra? Og hvorfor?
  • Optimér – Design/udvikling af landingspages, herunder grafiske, visuelle og CTA-elementer, overordnet/ensartet udtryk, tone of voice osv.
  • A/B splittest – Løbende tests af designændringer for at sikre, at de rent faktisk virker!

Hvordan foregår konverteringsoptimering i praksis?

Når vi, som webbureau, hjælper en kunde, er det altid vigtigt for os at fokusere på kundens bundlinje. Det handler i grove træk om at skabe den mest optimale brugeroplevelse, så besøgende kan blive til kunder. Der er selvfølgelig ikke et entydigt svar på, hvordan det skal gøres for lige præcis din virksomhed, men der er en række elementer at tage udgangspunkt i, for at få den samlede oplevelse til at gå op i en højere enhed.

Problempunkter på dit site kan være alt fra hastigheden til selve webdesignet. 

10 tips til konverteringsoptimering

Sådan kommer du igang med at optimere dit website

1) Landingpage Når en besøgende lander på dit website, tager det millisekunder at danne førstehåndsindtrykket, hvad end det er positivt eller negativt. Det foregår typisk uden, at den besøgende overhovedet er klar over, at det sker eller hvorfor. Netop derfor er din landingpage også en meget central del af din konverteringsoptimering. Når vi snakker landingpage, tænker man typisk på forsiden først, men husk nu, at de besøgende højst sandsynligt ikke altid tilgår dit site via din forside. Derfor er det vigtigt at tænke på hver eneste side, som en besøgende kan tilgå som den aller første, som en landingpage.

Det kan f.eks. være en underside, du har sat op som landingsside via Google Adwords eller en landingsside, der kommer frem via en organisk søgning på Google eller en deling via sociale medier. Sørg for at landingssiderne har et enkelt og ensartet udtryk, og gør det tydeligt hvad det handler om. Her er det vigtigt at have i mente, hvor/hvad den besøgende ”kommer fra”. Hvis ikke den besøgende føler, at han/hun lander på noget, der er en fortsættelse af det, der skabte den første interesse, er han/hun hurtigt videre. Sørg også for at siden at overskuelig at navigere i, så f.eks. menu, indkøbskurv og kontaktoplysninger fremstår let overskueligt, de steder det forventes. Og husk så altid, at dine landingssider skal indeholde call-to-action.

2) Responsive design Flere og flere handler fra deres smartphones og tablets, og derfor er det hamrende vigtigt, at dit website er mobilvenligt og virker på alle skærmstørrelser og devices. Sørg også for at teste webdesignet i forskellige browsere.

3) USP’er (Unique Selling Propositions) Du har få sekunder til at skabe tillid hos den besøgende, og indikere hvorfor de skal vælge dig frem for dine konkurrenter. Derfor kan de være en god idé at fremhæve vigtige USP’er på en let og overskuelig måde. Klassiske eksempler kunne være: ”Sikker betaling”, ”Hurtig levering”, ”Gratis fragt”, ”9,8 på Trustpilot”, ”Anbefalet af X”, ”Testet af X” osv.

4) Maksimum 4 klik til produkt Sørg for, at dine produkter er lettilgængelige. Det betyder helt konkret, at uanset hvor de besøgende befinder sig på din webshop, skal de ikke bruge mange klik for at komme frem til produkterne. Det gælder altså ikke kun fra forsiden, men også fra dine undersider. Det skal samtidig være let at navigere tilbage til forsiden eller blot komme et niveau højere op fra en underside.

5) Fremhæv vigtige knapper Den vigtigste knap på en webshop er typisk ”læg i kurv”. På andre typer websites kunne det f.eks. være ”kontakt” eller en bestillingsside til indhentning af tilbud eller lignende. Tager vi udgangspunkt i ”læg i kurv”-knappen, kan den fremhæves med en farve og/eller et tydeligt symbol. Særligt farven på de primære call-to-actions er rigtig vigtigt indenfor konverteringsoptimering. Sørg altid for at knapper er synlige, men naturlige, så det ikke virker overgjort. De skal stadig fremstå som en del af det samlede udtryk på siden.

6) Mulighed for sortering/filtrering Har du mange produkter under en enkelt kategori, er det en rigtig god idé at opsætte filtre, således dine besøgende kan sortere efter relevante kriterier. Husk, at gøre noget ud af at finde frem til de helt rette filtre for lige netop din shop. Hvad der virker på en anden shop, er ikke nødvendigvis det samme på din. Det er ikke nødvendigvis antallet af filtre der er afgørende, men at du har valgt de rigtige. Ved at gøre det lettere for dine besøgende at finde det, de leder efter, og det der er relevant for netop dem, forbedres den generelle brugeroplevelse på din webshop betydeligt.

7) Hvem er du? Det er vigtigt, at de besøgende kan finde frem til mere info om, hvem du og din virksomhed er. Det skal ikke nødvendigvis være det første de ser, men det skal være let at finde frem til, hvis behovet opstår, så der kan skabes troværdighed, gennemsigtighed og tryghed. Fortæl, hvem der er bag skærmen, vis gerne billeder og gør det let at komme i kontakt med dig/jer, hvis der opstår spørgsmål undervejs i processen. Det kan både være skriftlig og telefonisk kontakt.

8) Tekstindhold Sammen med de grafiske elementer, er tekstindholdet på dit site helt afgørende for, om de besøgende konverterer. Det gælder både teksten på selve sitet og teksten i søgemaskinerne. Teksterne skal være lette at læse og være skrevet til målgruppen.

Det skal være let at afkode tekstens fokus. Skal du skrive en tekst, hvor du er nødt til at anvende fagsprog, som ikke nødvendigvis forstås af alle i målgruppen, er det vigtigt at få uddybet, hvad betegnelsen betyder for modtageren. Det kunne f.eks. være en besøgende, der skal købe bundmaling til en båd – den kan være både blød eller hård. Men hvad kan de 2 forskellige typer, og hvad skal kunden så vælge til hvilken slags båd? Knyt gerne råd og vejledning til produkttekster, men pas på ikke at gøre det alt for subjektivt. Det skal fremstå troværdigt, så du ikke virker til at du kun er ude på at fremhæve dig selv og dine produkter frem for konkurrenterne, men derimod er der for at hjælpe kunden til det rette valg for lige præcis dem.

9) Optimér indkøbskurven Det er vigtigt, at din indkøbskurv er let overskuelig, men samtidig fyldestgørende. Indkøbskurven er sidste step inden et køb gennemføres, og også et sted hvor der kan ske et stort frafald. Flere kunder bruger kurven til prissammenligninger med andre webshops, og også til at sammenligne prisen på produkter internt på siden. Derfor skal den være let at navigere – og ikke mindst redigere – i. Det skal fremgå tydeligt hvilke produkter, der er lagt i kurven – med produktbillede, navn, størrelse og lagerstatus. Kan den besøgende også let se leveringstid, leveringsomkostninger og betalingsformer, er det et kæmpe plus. Det giver et overblik over den samlede ordre på ét enkelt skærmbillede.

Det er vigtigt, at produkterne bliver i kurven, selvom der shoppes rundt på flere forskellige webshops samtidig. Det må ikke ske, at en kunde på vej til køb, skal til at smide alle de samme varer i kurven én gang til. Når kunden er færdig med sine sammenligninger og er klar til at sammensætte sin endelige ordre, er det vigtigt, at det er let at redigere i indkøbskurven, herunder både tilføje, fjerne, ændre størrelse, farve osv.

10) Købsflow og kontooprettelse Når en kunde er på vej til køb, er det alfa omega, at købsflowet foregår let og gnidningsløst. Sørg for, at der ikke er links væk fra siden, der forstyrrer købsflowet, men lad være med at fjerne al navigation, da kunden jo stadig kan komme i tanke om ændringer til ordren, helt indtil den er gennemført – og faktisk også efter gennemført ordre. Sker det, at den besøgende navigerer ud af købsflowet, er det vigtigt at din webshop husker de oplysninger, der allerede er indtastet, så de stadig fremstår udfyldt, når kunden kommer tilbage til samme niveau i købsflowet igen. Skab en logisk rækkefølge, og gør det tydeligt, hvilke felter der skal udfyldes. Bliver alle felter alligevel ikke udfyldt, så ”tag kunden i hånden” ved at påpege præcis de steder, der mangler at blive udfyldt.

En anden vigtig ting er, at vi ikke anbefaler at gøre det til et krav at oprette en konto / et login ved køb. Det kan laves som et tilvalg, hvis kunden efterfølgende ønsker at tilgå ”min side” for at få overblik over tidligere ordrer, ordrestatus m.m., men det skal også være muligt at gennemføre et køb uden. Ellers risikerer du at miste kunder – alene på denne baggrund.

Som kort nævnt ovenfor, er det også vigtigt, at kunden kan finde ud af, hvad han/hun skal gøre, hvis de kom til at lave en fej i deres ordre – efter den er afgivet. Gør det let for dem at komme i kontakt med dig efterfølgende, så de ikke føler sig ’ladt i stikken’. Det er vigtigt, du holder dem i hånden hele vejen, også til modtagelse af varer og evt. efterfølgende bytte, reklamation eller lignende. Det øger sandsynligheden for, at de kommer tilbage og bliver en loyal kunde.

Konverteringsoptimering er altså en kontinuerlig, men samtidig utroligt spændende, proces, og dette var blot 10 tips til, hvordan du kan øge din konverteringsrate. Der er mange andre vinkler, så det er vigtigt du ser konverteringsoptimeringen an med et åbent sind hver eneste gang. Lad være med blot at antage, at det du kom frem til sidste gang, også er gældende nu.

Onlinetendenserne skifter hurtigt, og dine besøgende kan være en svær størrelse. Acceptér at du kommer frem til nye og meget forskelligartede konklusioner og tilpas hele tiden dit site, så du ikke mister momentum. Her vil jeg blot lige minde om – igen – at splittest er et fantastisk værktøj, når du har analyseret de besøgendes adfærd og går videre til optimering. Se konverteringsoptimeringen som en helt fantastisk mulighed for at lære dine besøgende og kunder bedre at kende.

Eksempler på virksomheder som vi har hjulpet med konverteringsoptimering

Sengefabriksudsalg er en stor webshop, som sælger madrasser og senge. Webshoppen har en masse trafik, og det er derfor vigtigt, at der er fokus på at bevare en høj konverteringsrate. Derfor optimerer vi løbende deres webshop med afsæt i indsamlet data og har øget antallet af konverteringer med 66%, svarende til 4,3 millioner kr. i ekstra omsætning målt på ét år.

Homebarista sælger kaffeudstyr i højeste kvalitet og vi har forbedret webshoppens konverteringsrate med over 60%. Vi har løbende haft et stort fokus på konverteringsoptimering og analyseret på data, hvor vi har fundet frem til målgruppens adfærdsflow.

erik-holflod-grafikr

Mit navn er Erik Jeppesen og jeg kan hjælpe dig med at konvertere dine besøgende om til betalende kunder. Du kan give mig et kald på +45 71 71 70 71 eller sende en mail på ehj@grafikr.dk. Tak fordi du læste med – jeg ser frem til at høre fra dig.

Guidelines til at designe knapper til web

Guidelines til at designe knapper til web

Skrevet af: Erik Holflod Jeppesen | 12. juli 2018 | 10 min. læsning

Knapper på hjemmesider og User Interfaces spiller en afgørende rolle for brugeroplevelsen og konverteringsraten. Ved webshops er en “læg i kurv”-knap ofte det primære “call to action”-element og har derfor en stor betydning. I dette blogindlæg vil jeg belyse nogle principper, som er gode at følge, hvis du skal designe interaktive knapper.

1) Brugerne må ikke være i tvivl om, at de kan klikke på knappen

Desto længere tid en bruger skal anvende på at aflæse et design, og hvordan han skal interagere med det, desto ringere er designet – kort sagt.

I et user interface og på et webdesign må brugerne ikke være i tvivl om, hvad der kan klikkes på, og hvad der ikke kan. Det første punkt i dette indlæg  er derfor ret logisk: Dine knapper skal også ligne knapper.

Vi anvender vores tidligere erfaringer og logiske sans for visuel kommunikation til at afkode, hvordan et element i et user interface eller et webdesign skal anvendes. Der er nogle hyppige faktorer, som har en betydning for, om en knap ligner en knap:

  • Størrelse
  • Form
  • Farve
  • Skygge
  • Placering
  • Hover-effekt (når musen holdes over objektet)

Desværre er det ofte, at mange designere og hjemmesider ikke formår at få førnævnte punkter til at gå op i en højere enhed, og det resulterer i, at de besøgende bruger (for) lang tid på at afkode webdesignet – og skal altså forsøge sig frem for at finde ud af, hvilke elementer der er klikbare.

Så uanset hvor flot et design du laver, så er det ligegyldigt, hvis brugerne ender med en følelse af frustration, fordi designet både er besværligt at aflæse og interagere med.

Knapper til computer versus mobil

På computeren har brugerne mulighed for at “undersøge”, om et element er klikbart eller ej. Det gør de ved at holde musemarkøren over f.eks. en knap og ser om der kommer en hover-effekt, hvilket kan være:

  • Ændring af objektets form
  • Farveskift
  • Skygge-effekt
  • En tekst bliver fed eller får en anden farve

Brugerne på mobil har ikke samme mulighed. Det er derfor ofte sværere at afkode et mobilt design. Samtidigt er det vigtigt, at man som designer og udvikler bruger ekstra energi på et user interface eller webdesign til mobilen. På mobilen skal brugerne nemlig “tappe” på et element for at finde ud af, om det er interaktivt og om det kan føre dem videre i købsrejsen.

Som designer må du aldrig tro, at et element i dit UI-design er åbenlyst for brugerne; De sidder ikke med samme baggrundsviden og erfaring.

Gør brug af de mest gængse former for knapper

Knapper kan designes på mange forskellige måder, men der er selvfølgelig nogle, som er mere almindelige end andre. Her er de mest klassiske og brugte knapper, som uden tvivl vil falde i god smag hos brugerne:

  • Fyldt knap med firkantede hjørner
  • Fyldt knap med runde hjørner
  • Fyldt knap med skygger
  • “Ghost”-knappen (Tynde kanter og transparent baggrund)

Blandt disse eksempler, så vil brugerne med det samme vide, at de i hvert fald kan klikke på den knappen med skygge. Når et objekt har skygge, så skaber det en effekt af dimensionalitet, og når brugerne ser det, så ved de med det samme, at de kan klikke på objektet.

2) Placering af knapper

Knapper bør være placeret der hvor brugerne nemt kan finde dem – og hvor de regner med at de skal være. Ved webshops er knappen tit den primære “call to action” og du skal derfor ikke gemme den af vejen, men placere den et logisk sted.

Sørg for at knappen differentierer sig fra det resterende layout: Her er det en god idé at anvende en farve, som ikke er brugt så mange andre steder på webdesignet.

Ved en produktside på en webshop bør knappen også være synlig over folden, dvs. før man scroller ned.

1) Placeret over folden

2) Grøn = skiller sig ud

3) Teksten beskriver handlingen

3) Teksten på knapperne

Hvis teksten på dine knapper blot er generiske, kan de være misvisende, hvilket resulterer i frustration hos dine brugere. Du skal derfor sørge for, at teksten på knappen beskriver den handling, der sker, når man klikker på knappen. 

Den dårlige tekst: Teksten “OK” beskriver ikke helt, hvad der sker, hvis man klikker på knappen. Og hvad sker der, hvis man klikker på knappen “fortryd”?

Den gode tekst: Så i stedet for at bruge en tekst som “OK” for at slette en fil, så er det bedre at bruge teksten “slet fil” på knappen.

For at sætte knappen mere i fokus, kunne man give den en grøn farve, såfremt det at slette en fil skulle være en “normal” handling i situationen. Hvis handlingen er mere “risky”, så kunne knappen få en rød farve.

4) Den rette størrelse

Desto større knappen er, desto mere vigtig bør den være, i og med den bliver mere fremtrædende.

Hvis du har to knapper ved siden af hinanden, men du rent faktisk ønsker at dine besøgende helt skal klikke en bestemt én af de to knapper, så kan du differentiere knapperne ved hjælp af farve og størrelse.

Eksempel: Sleeknote har to knapper ved siden af hinanden, hvor “Start a 7-Day Free Trial”-knappen skiller sig ud, da målet er at få de besøgende til at starte en gratis prøveperiode.

Tilpas dine knapper til mobile brugere

Ofte ved mange apps eller mobile webdesigns, så er knapperne alt for små, hvilket ender med at brugerne klikker på det forkerte element.

Til venstre: Den rette størrelse. Til højre: Knapperne er alt for små.

5) Undgå at give brugerne for mange muligheder

For mange knapper og muligheder er et velkendt problem på mange hjemmesider. Når du tilbyder brugerne alt for mange muligheder, så er det svært for dem at tage en beslutning. Sørg altid for at skære ind til benet, når det kommer til designet på en hjemmeside, et user interface eller en app og fremhæver den vigtigste knap; Altså den vigtigste handling, som du ønsker, at dine besøgende skal tage.

For mange knapper, er lig for mange muligheder, hvilket betyder, at det er svært at tage et valg.

Konklusion

Selvom knapper er et helt standard objekt på en hjemmeside, så spiller de en stor rolle for ens konverteringsrate og hele brugeroplevelsen. Det er værd at lægge mange tanker bag designet af sine knapper og hvordan de skal opstiles.

Et af de vigtigste punkter er, at dine besøgende ved, at en knap er en knap og at den kan klikkes på.

Google Chrome 68

Google Chrome 68: Hjemmesider uden “HTTPS” markeres som “ikke sikker”

Skrevet af: Erik Holflod Jeppesen | 2. juli 2018 | 4 min. læsning

Opdateringen i juli 2018 til Google Chrome vil markere http-hjemmesider som “ikke sikker”

Over de seneste par år har Google arbejdet på at gøre nettet mere sikkert og samtidigt fokusset på brugen af “https”. Med den seneste opdatering til Google Chrome som udkommer i juli 2018, bliver der for alvor slået ned på de hjemmesider, som ikke tilbyder sine besøgende en krypteret og sikker forbindelse.

Hvis din hjemmeside endnu ikke har et SSL-cerfitikat og dermed “https”, så er det på tide, at du får taget hånd om dette. Dine besøgende vil ikke føle sig tryg, hvis der står “ikke sikker” ved din hjemmesides URL og du kan derfor risikere at miste potentielle kunder.

Hvem skal bekymre sig om dette?
Uanset om du ejer en webshop, hjemmeside eller blog, så bør du handle nu og få tilkøbt et SSL-certifikat.  Dog skal Shopify webshops skal ikke bekymre sig om dette, da Shopify er en hosted løsning, hvor et SSL-certifikat er en del af deres pakke, hvilket giver en krypteret og sikker forbindelse.

Hvis du allerede har HTTPS, vil du se et ikon af en grøn hængelås i din URL, hvilket indikerer, at hjemmesiden er krypteret og sikker.

Hvorfor HTTPS?

Det korte svar er: Sikkerhed.

Konstant bliver der stillet højere krav til sikkerheden og det er blot en tryghed for dine kunder og besøgende. Uanset om du har en webshop eller en “almindelig” hjemmeside.

Med et SSL-cerfitikat bliver f.eks. kreditkortoplysninger behandlet krypteret og uønskede hackere vil ikke have mulighed for at opsnappe følsomme data.

Udover sikkerheden for dine besøgende, så foretrækker Google sikre hjemmesider, så det har også en positiv betydning for dine placeringer i Googles søgeresultater, hvis du har et SSL-certifikat.

Hvordan får jeg HTTPS?

Det kræver et SSL-certifikat, før din hjemmeside bliver markeret som “sikker”. Du kan kontakte os her eller ringe på 71 71 70 71 for at høre mere om de SSL-certifikater, som vi tilbyder.

Brug animationer til at forbedre din user experience

Brug animationer til at forbedre din user experience

Skrevet af: Erik Holflod Jeppesen | 28. maj 2018 | 4 min. læsning

Dit formål med at anvende animationer på din hjemmeside bør ikke være at underholde brugerne, men derimod at hjælpe brugerne til at forstå, hvad der foregår – og hvordan de mest effektivt skal bruge din hjemmeside eller app.

Du skal se på animationer som en sammenkobling af funktionalitet og design: Det kan påvirke og vejlede brugernes adfærd, fortælle en given status og hjælpe dem med at se resultaterne af deres handlinger – alt sammen på en mere spændende måde. I indlægget kan du se nogle eksempler, som viser, hvordan animationer kan bruges til at forbedre brugeroplevelsen.

Loading behøves ikke at være kedeligt

Ventetid er aldrig sjov, og hvis du ikke kan forbedre loadtiden, så prøv at gøre noget unikt ved dine “loading”-effekter på din hjemmeside. Her kan du se vores favoritter fra Dribbble:

Artist: 

Artist: 

Artist: 

Når du arbejder med animationer, bør du bestræbe dig efter at integrere din identitet. Det sætter prikken over i’et og du skiller dig ud fra dine konkurrenter.

De klassiske CSS-transitions

Animationer kan bruges til at gøre overgange mere tydelige, så det er åbenlyst, hvad brugerne har foretaget af handling hjemmesiden. Disse overgange laves typisk med  CSS og hvis du er vant til at arbejde med WordPress og Visual Composer, så er der mange prædefinerede “CSS-transitions” at vælge imellem. Du lykkedes med din CSS-transition, når det er tydeligt for brugerne, hvor de skal lægge deres fokus og de ikke er i tvivl om, hvad der sker.

Credit: SmashingMagazine

Kedelig og standard.

Vores favorit. Gør det altid tydeligt for brugerne, hvad der sker. Her er der brugt en glidende overgang.

Brug animationer til at be- eller afkræfte en brugers handling

Animationer kan være med til at forstærke de handlinger, en bruger foretager sig.

For eksempel, kan du gøre en kedelig og klassisk formular mere spændende, hvis du anvender animationer. Hvis brugerne udfylder felterne korrekt, kan du lave en “nikkende” animation – eller et grønt flueben – som bekræfter en korrekt handling 

Udfyldes felterne forkert, kan du lave en horisontal “rystende” animation. Dine brugere ved, hvad animationerne betyder og at de har udfyldt formularen med forkert data.

Credit: Michaël Villar, User Interface Developer hos Stripe

Se om du kan arbejde efter princippet “show, dont tell”, når din hjemmeside udvikles. Det får din hjemmeside til at skille sig ud og gør noget ekstra godt for hele brugeroplevelsen.

Konklusion

Animationer er effektive, så længe du er bevidst omkring hvordan de skal bruges – og det hele ikke løber løbsk. Inden du implementerer en animation, skal du overveje, om den giver mening eller om det er bedre at lade være. Omvendt skal du se på animationer med et åbent sind og se på det som en naturlig del af design og hjemmesider i 2018 og 2019. 

Jeg håber, du fandt indlægget inspirerende. Tøv ikke med at kontakte os, så kan vi komme med vores bud på, hvordan der kan implementeres animationer på din hjemmeside eller webshop.

Grafisk design med canva

Grafisk design med Canva

Gæsteblogger: Thomas Mørch Iversen | 24. maj 2018 | 5 min. læsning

Grafisk design med Canva

At lave flotte grafiske visualiseringer, logoer osv. er ikke nemt, og ofte skal der en professionel grafiker ind over for at få det helt rigtige udtryk.

Er man dog typen, der godt kan lide at lave nogle småting selv, så findes der en del programmer derude, som hurtigt og nemt kan hjælpe en på vej med de mest simple grafiske opgaver.

En af disse er Canva.com, som er et gratis service, hvor du hurtigt og nemt kan fremstille forskellige former for grafik. Det kunne eksempelvis være bannere til dit website, infografikker og Facebook-bannere. Det er altså typisk ting, som man ville lave i InDesign eller Photoshop, som du kan lave relativt nemt i Canva.

Jeg har selv haft meget glæde af Canva, i forbindelse med mit arbejde på NemProgrammering.dk og WeTeach.dk, og i dette indlæg får du derfor en begynderguide til Canva, så du også kan komme i gang og prøve det af.

Semi-gratis

Canva er som udgangspunkt gratis, dog med visse begrænsninger. I Canva er der nemlig forskellige ikoner, templates osv., som koster penge.

Derudover er der enkelte funktioner, som professionelle ville have brug for, og disse koster også ekstra. Men hvis du bare skal lave lidt grafik til husbehov, så kan man sagtens betegne Canva, som værende gratis.

I Canva er der desuden en upload-funktion, så hvis du mangler ikoner, og ikke vil betale for dem du finder i programmet, kan du jo blot gå ind på iconfinder.com eller lignende, finde nogle ikoner, og uploade og bruge dem i Canva.

Sådan kommer du i gang

For at bruge Canva skal du have en bruger. Det får du ved at gå til Canva.com og oprette dig.

Det tager 5 minutter, og så er du klar.

Når du har din bruger og er logget ind, vil du se skærm noget ala det her:

Du har her mulighed for at starte din designproces ved at vælge en af de mange templates eller starte helt fra bunden ved at vælge ”Use custom dimensions”.

Jeg kunne dog godt tænke mig at lave en ”Poster”, så jeg vælger denne type design.

Idet jeg trykker på ”Poster” får jeg mulighed for at vælge en række prædefinerede designs ude til venstre. Fordi det lige har været Påske findes der selvfølgelig en masse påske-posters, og jeg har blot valgt den første.

Jeg kan nu rette i teksten på posteren samt ændre i layout og farver. Jeg kan med andre ord tilpasse den præcis som jeg vil.

Brugergrænseflades er meget intuitiv i Canva, og man finder hurtigt ud af, hvordan man ændrer på billeder, tilpasser fonte osv.

Layouts, Elements, Texts og Backgrounds

Ude i menuen til venstre har du forskellige muligheder.

Den første er Layouts, og det er den vi brugte før, da vi valgte vores Påske-layout til vores poster. Under layouts finder du også skabeloner til en masse andre ting, så det er bare at gå på opdagelse og se om der er noget du kan bruge.

Under Elements finder du forskellige former og figurer, som du kan indsætte i dine grafikker. Det kunne f.eks. være ikoner eller info-bokse.  Alt hvad du skal gøre for at bruge dem, er blot at trække den fra den venstre menu og over på dit design. Herfra kan du så ændre farve, størrelse og orientering på figuren eller ikonet.

Texts giver lidt sig selv, og der er selvfølgelig her du kan indsætte forskellige tekster. Igen har Canva nogle flotte prædefinerede tekstlayouts som du frit kan benytte dig af.

Under Background finder du forskellige baggrund. Disse kan du bruge i dine designs eller på de enkelte elementer. Prøv lidt forskelligt af, og får en fornemmelse af, hvordan Canva arbejder med baggrunde.

Download din grafik

Når du er færdig med din grafik, trykker du blot på ”Download”. Her får du muligheden for at downloade i forskellige formater, alt efter hvad du skal bruge din grafik til.

Du kan også bestille prints, men det koster selvfølgelig lidt.

Du kan desuden gemme dit projekt og arbejde videre med det senere.

Jeg håber du har fået mod på at prøve Canva af – jeg kan i hvert fald klart anbefale det til hverdagens små grafiske opgaver.

Buy one, get one discount i Shopify

Buy one, get one discount i Shopify

Skrevet af: Kiranan Luxmy | 15. maj 2018 | 4 min. læsning

Buy one, get one discount i Shopify

Vi har armene i vejret, fordi Shopify er nemlig kommet ud med en af de nye features på rabat/discount-sektionen i platformen. Det har nu lanceret ”Buy one, Get one”-funktionen, som dette indlæg vil fortælle dig meget mere om. Hertil vil du også finde ud af, hvordan du kan bruge det – og hvorfor de har valgt at lave funktionen.

Den grundlæggende ide

Ideen med ”Buy one, Get one” giver nye muligheder for at øge volumen eller chancen for, at kunden gør en handel hos dig. Helt konkret kan kunden ved at købe en vare, enten få to styk til samme pris, eller få noget helt andet med gratis.

Sådan kommer du i gang med rabat/discount

1

Start simpelt ud
Start ud med det hele basale: Du kan lave en rabatkode, som enten giver et %-beløb af prisen, et bestemt beløb i rabat eller fri fragt. På den måde kan du forsøge dig frem og se, hvad der fungerer bedst for lige præcis din webshop.

2

Ret til og tilpas
Begynd at blive kreativ med dine rabatter. Måske virker de kun til en bestemt kategori eller produkt. De skal måske kun virke de næste to uger. Undersøg også hvordan du kan påvirke salget ved at arbejde med begrebet “sense of urgency”.

3

Beløn dine bedste kunder
Brug rabatter til at belønne dine bedste kunder. Sørg for, at de kommer igen og handler hos dig ved at lave en unik rabatkode. Ønsker du en 100% unik rabatkode til hver eneste kunde, kan du finde apps, der kan hjælpe dig på vej. Det vil dog betyde, at din tracking på discounts/rabatter bliver mere besværlig.

Nu er du i gang – og du vil lave flere avancerede discounts

Det er her, hvor ”Buy one, Get one” kommer ind i billedet.

Øg kurvens værdi

Du kan, i stedet for at give rabat på en vare, give fuld pris og tildele dem en vare, som måske passer til eller som man alligevel skal købe med. Det betyder også, at du vil få en højere gennemsnitlig ordreværdi, hvis kunden giver fuld pris.

Få restpartier ud af lageret

Har du et vareparti, som du har købt hjem, der ikke vil sælge sig selv. Nu har du muligheden for at formindre din udgift og måske tjene lidt på det, hvis du giver det med i en anden bestilling. Dermed kan du ”pushe” din kunde til at foretage en handel, hvis de får en gratis vare med.

Øg kendskabsgraden til dine varer

Når du giver en gratis vare med, betyder det også, at du har mulighed for at markedsføre nye varer til dine kunder. Hvis du eksempelvis sælger en vare, hvor man efter noget tid skal købe det igen, har du mulighed for at introducere nye alternativer eller tilkøbsvarer.

Lad os antage, at du sælger barberblade eller -skrabere. Her kunne du eksempelvis give barberskum med, som du måske lige har fået på lager. Dermed får kunden lov til at prøve produktet – og måske køber det med næste gang.

Få et komplet overblik og find ud af, hvad der virker

Det er forskelligt fra webshop til webshop, hvad der virker bedst. Det kender du kun selv svaret på, og derfor bør du holde øje med, hvad der virker, og hvad der ikke virker, så du hele tiden kan blive bedre og klogere på din egen forretning.

Simpel rapportering
Du får et klart overblik i administrationen over, hvordan de forskellige rabatter/discounts går. Herunder kan du se, hvor mange salg der har været, hvor mange returneringer og mere.

Brug delevenlige links til at øge salget
Når du har oprettet en rabat/discount, kan du nu give et direkte link, som linker kunden hen til det rigtige produkt, hvor rabatten allerede er trukket fra. Det sparer kunden klik og besvær, hvilket betyder, at det vil påvirke din konvertering.

Du kan bruge disse links til at annoncere på eksempelvis Facebook, hvilket bør give dig bedre resultater end før.

WooCommerce og Google Analytics integration

Sådan integrerer du Google Analytics med WooCommerce

Skrevet af: Erik Holflod Jeppesen | 9. maj 2018 | 7 min. læsning

WooCommerce og Google Analytics integration

Kom nemt igang med Google Analytics og lær hvordan du integrerer det med WooCommerce eller WordPress

I dettte blogindlæg skal vi se nærmere på, hvordan du på bedste vis integrerer Google Analytics med din WooCommerce webshop, så du får alt det nødvendige data om dine besøgende, deres adfærd og købsrejsen.

At analysere sin webshops performance og dine kunders adfærd er en løbende proces, som i sidste ende kan hjælpe dig med at optimere din webshop og opnå dine mål; Et mål kunne være at få flere til at lægge et produkt i kurven, signe up til dit nyhedsbrev, formindske afvisningsprocenten eller noget helt fjerde.

Webanalyser er et afgørende element, når det kommer til konverteringsoptimering. Uden at have et indblik i din hjemmesides data, vil du blot træffe beslutninger ud fra en mavefornemmelse. Da konkurrencen i e-handel er benhård, så handler det om at være et skridt foran alle sine konkurrenter og du kan indhente meget, ved blot at optimere din webshop på baggrund af indsamlet data.

1) Opret en bruger til Google Analytics

Først og fremmest skal du have en bruger (Gmail) hos Google, før du kan anvende Google Analytics – og Googles andre værktøjer. Hvis du ikke har en Gmail, så kan du oprette en bruger her

Dernæst skal du logge ind på Google Analytics og oprette en profil til din hjemmeside.
Det kan du gøre via dette link: https://www.google.com/analytics/

Opret bruger på Google Analytics

Når du har oprettet din bruger hos Google Analytics, så får du et tracking ID. Det er et unikt ID til din hjemmeside og hedder UA-XXXXXXXX.

2) Aktivér Enhanced Ecommerce

Sørg for at aktivere “Enhanced Ecommerce” under dine indstillinger. Det giver dig et dybere indblik i hele kunderejsen og hvordan dine besøgende klikker på de enkelte produkter, tilføjer noget til sin kurv, deres adfærd ved checkout og meget mere. Generelt en funktion, som er vigtig, når du driver en webshop.

Google Analytics enhanced Ecommerce

3) Installer “Google Analytics Dashboard for WP” (GADWP)

Tidligere har vi skrevet en komplet liste med vores favorit plugins til WordPress, hvor vi også anbefaler “Google Analytics Dashboard for WP”. Du kan hente GADWP lige her.

Der findes mange “Google Analytics Plugins” til WordPress, men GADWP er et af de nemmeste at integrere med din hjemmeside og du får et overskueligt dashboard til din hjemesides WordPress-kontrolpanel.

Efter du har installeret GADWP, skal du huske at klikke på “authorize plugin”-knappen, så den kan spille sammen med selve Google Analytics. 

GADWP

Når du har sat dit plugin op, har du nu et dashboard i dit kontrolpanel på din WooCommerce webshop. Når du er logget ind på din webshop som administrator, har du nu muligheden for at have en finger på pulsen og blive opdateret med din hjemmesides seneste data.

Du skal huske at gå ind og aktivere “Enhanced Ecommerce” under indstillinger ved GADWP.

WooCommerce Analytics

Dit kontrolpanel er nu klar og du kan sætte det op, som du vil

Academy: Bliv en ørn til Google Analytics

Det kan godt være, at du nu har et flot dashboard og du kan se en masse kurver, grafer og kvantitativ data. Men det vigtigste er, at du forstår, hvad de enkelte tal og rapporter betyder og hvordan du finder dem. Vi anbefaler derfor, at du bruger nogle timer på at lære om Google Analytics.

Du kan lære rigtig meget ved at tage nogle af de online kurser, som Google tilbyder på deres Academy. Her kan du starte ud med “Google Analytics for Beginners”, hvor du lærer grundprincipperne bag værktøjet og hvordan du skal analysere de enkelte rapporter.

Held og lykke med det hele! Skulle integrationen drille eller har du spørgsmål, så skal du være velkommen til at skrive til os på kontakt@grafikr.dk

Shopify Instagram shopping

Guide: Sådan opsætter du Instagram Shopping i Shopify

Skrevet af: Kiranan Luxmy | 30. april 2018 | 3 min. læsning

Sælg dine produkter på Instagram

Du har mulighed for at “tagge” dine produkter på dine billeder, som dine følgere på Instagram kan se, når de browser igennem appen. Denne funktion er langt om længe tilgængelig for danske Shopify webshops. Dine følgere på Instagram kan blot klikke på dine billeder og dernæst handle dine produkter.

Eksemplet nedenunder viser, hvordan Soulland gør sig brug af Instagram Shopping, da deres webshop også er skabt i Shopify.

Følgende krav er gældende for, at det kan lade sig gøre:

  • Du skal have en Facebookside med en Facebook Shop
  • Du skal bruge Shopifys ”Online store sales channel”
  • Du skal have en Business Instagram konto
  • Du skal minimum have et ”Basic”-abonnement i Shopify
  • Du skal have den nyeste Instagram opdatering

 

Dine produkter, som du ønsker at sælge på Instagram, skal følge Facebook’s reglement.

Før du går i gang med at sælge på Instagram, skal du sikre dig, at din Facebook shopping er på plads. Det er nemlig et krav, før du kan komme i gang, da det er her, du tilføjer dine produkter til.

Opsætning af Instagram Business profil

Du kan bruge din almindelige Instagramprofil og lave den om til en businessprofil ved at gøre følgende:

1) Log ind på din Instagram konto og gå til ”Settings”

2) Vælg Switch to business profile og følg de trin, der kommer efterfølgende. Her vil du nemlig skulle forbinde din konto til din Facebookside. (NB: Sørg for at du forbinder til den Facebookside, du har forbundet med Shopify)

Info om Instagram Shopping

Med Instagram Shopping til din webshop har du mulighed for at tagge op til 5 produkter og når man klikker på dit billede, får vist de enkelte tags og klikker man videre får man vist følgende informationer:

  • Produktbillede
  • Produktbeskrivelse og pris
  • En “køb nu”-knap som linker til den specifikke produktside på din webshop.

I skrivende stund er Instagram Shopping en effektiv måde at genere salg på fra organiske opslag, da det altså ikke er muligt at promovere disse opslag i skrivende stund, men mon ikke det kommer.

Instagram Shopping giver dig en muligheden for at engagere dine brugere på en ny og kreativ måde, samtidigt med at det kan skabe trafik til din webshop fra Instagram-appen, hvor det tidligere kun har været via annoncer og dit link i din biografi, som har gjort dette muligt og brugervenligt.

Gode råd til at vælge den rette skrifttype

Gode råd til at vælge den rette skrifttype

Skrevet af: Erik Holflod Jeppesen | 23. april 2018 | 5 min. læsning

Din skrifttype siger mere om din virksomhed, end du selv tror

Det handler ikke kun længere om dine visuelle elementer, så som farver, ikoner og billeder. Dit valg af typografi spiller en vigtig rolle og kan være med til at fange målgruppes opmærksomhed. I dette indlæg kommer jeg ind på nogle retningslinjer, som kan hjælpe dig til at vælge den rette typografi.

Det gælder for dig, som er grafisk designer og laver materiale for en masse forskellige virksomheder samt den almene virksomhedsejer som vil forholde sig kritisk og ambitiøs omkring sin identitet.

1) Din skrifttype skal stemme overens med dit brand

Skrifttypen skal have en sammenhæng mellem din virksomhed og den generelle stil, tema og farver. Det er altid en god start at finde en primær- og sekundær skrifttype, som du konsekvent anvender. Desto færre skrifttyper du anvender i din visuelle kommunikation, desto bedre.

Hvis du bruger vidt forskellige skrifttyper og stilarter, så vil det blot forvirre mere end det vil gavne, da omverden vil blive i tvivl om det er den samme afsender.

2) Bold eller light?

Finder du en skrifttype, som kun er tilgængelig i en “vægtklasse”, så giver det dig nogle begrænsninger. Du skal helst vælge en skrifttype, hvor du kan vælge flere tykkelser, da det giver dig flere muligheder.

skrifttype

Lad os opstille et fiktivt eksempel:

I dette tilfælde skal vi designe to bannere for et sportsbrand, hvor det ene banner er henvendt til kvinder og det andet til mænd.

Vi har valgt Proxima Nova som vores primære skrifttype, da den giver os mange muligheder, da vi kan vælge alt fra “thin”- til “black” version.

Til kampagnen som er målrettet mod mænd, vælger vi “Ekstrabold” til vores overskrift, da en fed skrifttype som regel bliver symboliseret med noget maskulint.

Til den anden kampagnen målrettet mod det kvindelige segment anvender vi Proxima Nova Light; En tyndere og mere feminin version af skrifttypen.

Den røde tråd bevares, da skriftypen overordnet set er den samme, men den bliver tilpasset til budskabet og målgruppen.

3) Skal skrifttypen bruges digitalt eller på print?

Tænk over om din skrifttype skal anvendes online eller på print – måske også en kombination? Det har nemlig en indflydelse på dit overordnede design.

“Web fonts”, som det hedder på fagsprog, er som regel skarpe og klare, så de er læsevenlige på både computerskærm og på din smartphone.

Skal skrifttypen implementeres på din hjemmeside, så vær opmærksom på at den kan indlæses af de mest gængse webbrowsere. Skrifttypen behøves ikke at koste 100$ – tag et kig på Google Fonts, hvor du finder et stort udvalg af gratis skrifttyper.

Er du i en branche, hvor din offline kommunikation spiller den hovedsalige rolle, så skal skrifttypen naturligvis kunne anvendes og læses på traditionelle printmaterialer, så som papir og  karton – eller noget helt tredje. De er som regel mere af klassisk udseende og en smule mere fed med kurver og har et bredere mellemrum, også kald letter spacing: Dette øger læsevenligheden, hvis der er tale om et banner, der skal læses på afstand.

4) I hvilken tone vil du gerne kommunikere i?

Den tone og stil som din skrifttype afspejler er vigtigt for det overordnede design. Dine grafiske elementer skal hænge sammen med typografien. Stilarten på din typografi fremkalder følelser, og du skal tænke over, om du vil arbejde med fjollet og humoristisk stil, eller om du hellere vil have at dit udtryk skal  være professionelt og “kooperativ”.