{"id":11554,"date":"2021-03-16T13:28:23","date_gmt":"2021-03-16T13:28:23","guid":{"rendered":"https:\/\/shoptech.media\/da\/?p=11554"},"modified":"2021-03-16T13:52:05","modified_gmt":"2021-03-16T13:52:05","slug":"hvorfor-det-er-vigtigt-at-der-er-taenkt-over-designet-i-din-webshop","status":"publish","type":"post","link":"https:\/\/shoptech.media\/da\/hvorfor-det-er-vigtigt-at-der-er-taenkt-over-designet-i-din-webshop\/","title":{"rendered":"Hvorfor det er vigtigt at der er t\u00e6nkt over designet i din webshop"},"content":{"rendered":"\n<p>Designet af en webshop er en vigtig faktor, n\u00e5r det kommer til at udvikle en online shop som ogs\u00e5 generer et godt salg Det handler ikke alene om at den ser godt ud (hvilket ogs\u00e5 er smag og behag), men i h\u00f8jere grad om at optimere den til at give dine kunder en bedre brugeroplevelse som l\u00f8fter salget i den sidste ende.<\/p>\n\n\n\n<p>I f\u00f8lge <a href=\"https:\/\/www.smartinsights.com\/ecommerce\/ecommerce-strategy\/37-indispensable-ecommerce-stats-to-inform-your-2017-strategy\/\">Smart Insights<\/a>, vil 38% af de bes\u00f8gende p\u00e5 en webshop, forlade siden hvis layout ikke er ordentligt.  Derfor har det samme effekt som en fysisk butik, hvor kunder ofte vil forlade butikken hvis den er rodet og uorganiseret. Der er ikke den store forskel p\u00e5 en fysisk butik og en online shop, hvor d\u00e5rlige billeder, et rodet layout, skrifttyper der ikke matcher og en forvirrende navigation ogs\u00e5 vil f\u00e5 mange kunder til at finde en anden webshop.<\/p>\n\n\n<h4 class=\"rich-text editor-rich-text__editable block-editor-rich-text__editable is-selected\" role=\"textbox\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Write heading\u2026\">Derfor er det vigtigt at din forside giver svar p\u00e5 disse 3 sp\u00f8rgsm\u00e5l:<\/h4>\n\n\n<ul><li>Er du en e-commerce website?<\/li><li>Hvad s\u00e6lger du?<\/li><li>Hvorfor skal jeg handle her?<\/li><\/ul>\n\n\n\n<p>Ved at g\u00f8re disse ting klart fra starten, ved f.eks at vise ikon for kurven sammen med login ikon og \u00f8nskeliste ikon, s\u00f8gebar mm, s\u00e5 sender du et klart signal om mulighederne p\u00e5 dit site.<br>Hertil kommer bannere og billeder, som gerne m\u00e5 best\u00e5 af nyheder og rabatter, s\u00e5 er du sikker p\u00e5 at dine kunder ikke er i tvivl om at de kan handle hos dig og hvad de kan k\u00f8be.<\/p>\n\n\n\n<p>S\u00f8rg dog for at placere disse elementer s\u00e5 de er lette at finde for kunden. Det er ikke nok bare at have dem p\u00e5 siden, hvis man ikke ser dem med det samme.<br> Typisk finder man disse elementer i \u00f8verste h\u00f8jre hj\u00f8rne p\u00e5 en webshop. <\/p>\n\n\n\n<p>S\u00f8gefeltets placering er ogs\u00e5 vigtig at have i toppen af siden, og overvej at lave en kant der g\u00f8r det tydeligt for kunderne hvor de skal inds\u00e6tte deres s\u00f8gefrase.<br>Samtidigt er det god praksis at have en tekst ala &#8220;Indtast s\u00f8geord&#8221; som forsvinder n\u00e5r der indtastes.<br>Det hj\u00e6lper alt sammen kunden til at forst\u00e5 og bruge s\u00f8gefunktionen, som er en af de vigtigste funktioner p\u00e5 shoppen.<\/p>\n\n\n\n<p>Artikler for levering og returning og privalitvspolitik skal ogs\u00e5 v\u00e6re nemme at finde, s\u00e5 kunderne hurtigt kan f\u00e5 disse vigtige informationer hvis de vil vide mere, f\u00f8r de handler hos dig. <br>Nogle v\u00e6lger at placere dem i toppen, men oftest findes de i bunden af siden i menuen i footeren. Danskerne er i dag vant til at handle online, s\u00e5 v\u00e6re meget varsom med ikke at afvige fra typiske placeringer af menu elementer som disse, da det kan bryde med vaner som allerede er indarbejdede.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Navigation<\/strong><\/h2>\n\n\n<p><!--EndFragment--><\/p>\n<p>N\u00e5 en bes\u00f8gende lander p\u00e5 din side, s\u00e5 skal vedkommende kunne navigere let rundt uden besv\u00e6r.<\/p>\n<p>En ting som internetbrugere har til f\u00e6lles, er at de er ut\u00e5lmodige og har en lav tolerance for sider som er komplicerede og sv\u00e6re at gennemskue. Derfor skal du sikre dig at din navigation bliver fundet uden besv\u00e6r, og at det er let at komme rundt p\u00e5 siderne.\u00a0<br \/>S\u00f8rg ogs\u00e5 for at farver, design og skrifttyper er klare og tydelige s\u00e5 de hj\u00e6lper dine kunder med at kende din side og din struktur.<br \/>Hvis du \u00e6ndrer stil fra side til side s\u00e5 kan edet blive forvirrede, med det resultat at de v\u00e6lger en anden side som er mere ren i sin stil, og dermed mere brugervenlig.<\/p>\n<h2><strong>Call-to-action<\/strong><\/h2>\n<p>Din call-to-action (CTA) knap er din mulighed for at motivere dine bes\u00f8gene til at tage nogle beslutninger og foretage nogle relle valg p\u00e5 din side. Valg som g\u00f8r dem til dine kunder.<br \/>Men hvis du ikke skaber en klar synlighed og overvejer n\u00f8je hvordan din CTA skal se ud, s\u00e5 kan du miste en stor del af dine potentielle kunder.<\/p>\n<p><!--StartFragment--><\/p>\n<p>S\u00e5 s\u00f8rg for at dine k\u00f8bsknapper afviger fra dit design med noget kontrast eller anden form for fremh\u00e6vning.<br \/>Enten g\u00f8r dem st\u00f8rre end andre knapper \/ elementer, brug kompliment\u00e6rfarver, st\u00f8rre skrifttyper eller andet. Bare v\u00e6r sikker p\u00e5 at dine kunder forst\u00e5r hvor du gerne vil have de skal klikke.<\/p>\n<p>I en test fra HubSpot fandt man ud af, at ved at bruge den modsatte farve af den dominante farve i farvehjulet som du bruger p\u00e5 din hjemmeside, s\u00e5 skabes der mere kontrast, som derved f\u00e5r dine CTA knapper til at have en h\u00f8jere effekt.<br \/>Det er disse farver som ogs\u00e5 kendes som kompliment\u00e6rfarver.<\/p>\n\n<h2><strong>Produkt siden<\/strong><\/h2>\n<p>En af de vigtigste sider i din webshop er dine produktsider. Det er her en kunde orienterer sig om sit k\u00f8b, via den beskrivelse du angiver, samt priser og billeder.<br \/>Derfor skal du sikre dig at din produktside er nem og overskuelig, og optimeret til at give dine kunder den nemmeste rejse, herfra og videre til checkout som muligt.<!--StartFragment--><\/p>\n<p>If\u00f8lg BigCommerce vil 93% af alle forbrugere betragte billederne som det vigtigste element, til at orientere sig om sit k\u00f8b og valg af produkt. S\u00e5 v\u00e6r sikker p\u00e5 at dine billeder af i god kvalitet og at de vises med det samme, n\u00e5r din produktside er indl\u00e6st.<br \/>Du har ikke lyst til at lade dine kunder scrolle ned efter billederne, lige s\u00e5 vel som pris og k\u00f8bsknap ogs\u00e5 skal indl\u00e6ses uden at kunder skal scrolle efter dem.<br \/>S\u00f8rg ogs\u00e5 for at have flere billeder der viser dit produkt fra flere vinkler, s\u00e5 kunderne f\u00f8ler sig sikre p\u00e5 at de k\u00f8ber den rigtige vare.<\/p>\n<h2><strong>Check Out<\/strong><\/h2>\n\n\n<p>N\u00e5r dine kunder er n\u00e5et til din check out, s\u00e5 vil du gerne fastholde dem og sikre at de gennemf\u00f8rer sit k\u00f8b.<br>S\u00e5 v\u00e6r meget p\u00e5passelig med elementer der kan forstyrre dem i deres beslutning. <br>Vi ser en del check out sider der er overfyldte med un\u00f8dvendige elementer som i v\u00e6rste tilf\u00e6lde, kan f\u00e5 en kunde til at bev\u00e6ge sig v\u00e6k fra check out, fordi disse elementer lokker dem til det.<\/p>\n\n\n<p>En god check out side skal give dine bes\u00f8gene en let og enkel oplevelse i sin k\u00f8bsproces, og helst v\u00e6re s\u00e5 overskuelig at alle felter, elementer, priser mv bliver vist i een og samme side.<!--StartFragment--><\/p>\n<p>Hvis du ikke er opm\u00e6rksom p\u00e5 at g\u00f8re din check out let og overskuelig, s\u00e5 kan du med stor sansynlighed forvente en masse efterladte indk\u00f8bskurve.<\/p>\n\n\n<p>En efterladt kurv er n\u00e5r en bes\u00f8gene opgiver sit k\u00f8b og forlader check ud processen. <br>Disse kan aldrig helt undg\u00e5es, men det er vigtigt at bestr\u00e6be at holde tallet s\u00e5 lavt som overhovedet muligt. Og det kan hj\u00e6lpe med en veldesignet check ud side som er optimeret til at holde dine kunder i deres k\u00f8bsflow, og minimere alle de trin en kunde skal igennem til det absolut n\u00f8dvendige.<\/p>\n\n\n\n<p>Hvis dette sidste step tager for lang tid, s\u00e5 \u00e6ndrer If the final stage takes too long, users might change their mind and go to another webshop. So, don\u2019t complicate the process and reduce the amount of form fills. Only include necessary fields. It is proven that websites with fewer fields have a higher conversion rate.<\/p>\n\n\n<h2><strong>Responsivt Design<\/strong><\/h2>\n\n\n<p>Det er efterh\u00e5nden ikke n\u00f8dvendigt at n\u00e6vne at en hjemmeside skal kunne tilpasse sig alle enheder.<br>Men alligevel er der stadig sider derude i det store internet hvor det ikke er muligt at navigere siden p\u00e5 en mobil.<\/p>\n\n\n\n<p>If\u00f8lge <a href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\">Statista<\/a>, er 51.12% af al global web traffik via en mobil enhed.<br>Dette er vigtigt for virksomheder og is\u00e6r webshops at have tanke p\u00e5 n\u00e5r shoppen skal bygges..<br>En side som ikke kan tilpasse sig til en mindre sk\u00e6rm er lig med et tab af den st\u00f8rste kundegrubbe. S\u00e5 enkelt kan det siges.<\/p>\n\n\n\n<p>S\u00e5 der er ikke l\u00e6ngere en undskyldning for at have et design der kun er p\u00e6n p\u00e5 desktop, hvis du vil have en ordentlig andel af kunderne, da dine konkurrenter vil l\u00f8be med det hele via deres mobil versioner.<\/p>\n\n\n<h2><strong>Opsummering<\/strong><p><\/p><\/h2>\n\n\n<p>At have en webshop med et ordentligt design, er noget du skal bruge tid p\u00e5 og s\u00f8rge for at f\u00e5 implementeret b\u00e5de p\u00e5 din nuv\u00e6rende shop og hvis du planl\u00e6gger at have en online shop.<br>Det s\u00f8rger ikke alene for at f\u00e5 din shop til at fremst\u00e5 professionelt og sikre trov\u00e6rdighed, men det hj\u00e6lper ogs\u00e5 p\u00e5 brugeroplevelsen. Begge dele ting som hj\u00e6lper p\u00e5 dit salg.<\/p>\n\n\n\n<p>Den tid du bruger p\u00e5 at optimere dit design og brugeroplevelse er derfor givet godt ud. Det er jo trods alt det interface hvor du laver pengene.<\/p>\n\n\n\n<p>Har du et ordentligt design som dine kunder er glade for?<\/p>\n\n\n\n<p>Hos Shoptech Media er vi et hold af professionelle som kan hj\u00e6lpe dig med forslag til forbedringer og vi tager gerne et kig p\u00e5 dit system, for at se hvor der kan g\u00f8res en indsats.<\/p>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Designet af en webshop er en vigtig faktor, n\u00e5r det kommer til at udvikle en online shop som ogs\u00e5 generer&#8230;<\/p>\n","protected":false},"author":1,"featured_media":11556,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[93],"tags":[],"_links":{"self":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/posts\/11554"}],"collection":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/comments?post=11554"}],"version-history":[{"count":2,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/posts\/11554\/revisions"}],"predecessor-version":[{"id":11561,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/posts\/11554\/revisions\/11561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/media\/11556"}],"wp:attachment":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/media?parent=11554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/categories?post=11554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/tags?post=11554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}