{"version":"1.0","provider_name":"Hemsida24","provider_url":"https:\/\/www.hemsida24.se\/blogg","author_name":"supervisor","author_url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/","title":"Anv\u00e4ndarv\u00e4nlighet \u2013 s\u00e5 lyckas du! - Hemsida24","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"J2zJOSkvFO\"><a href=\"https:\/\/www.hemsida24.se\/blogg\/2017\/05\/24\/anvandarvanlighet-sa-lyckas-du\/\">Anv\u00e4ndarv\u00e4nlighet \u2013 s\u00e5 lyckas du!<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.hemsida24.se\/blogg\/2017\/05\/24\/anvandarvanlighet-sa-lyckas-du\/embed\/#?secret=J2zJOSkvFO\" width=\"600\" height=\"338\" title=\"\u201dAnv\u00e4ndarv\u00e4nlighet \u2013 s\u00e5 lyckas du!\u201d &ndash; Hemsida24\" data-secret=\"J2zJOSkvFO\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/*! This file is auto-generated *\/\n!function(c,d){\"use strict\";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(\/[^a-zA-Z0-9]\/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=d.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=new RegExp(\"^https?:$\",\"i\"),l=0;l<n.length;l++)n[l].style.display=\"none\";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if(\"link\"===t.message)if(s=d.createElement(\"a\"),a=d.createElement(\"a\"),s.href=r.getAttribute(\"src\"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),d.addEventListener(\"DOMContentLoaded\",t,!1),c.addEventListener(\"load\",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),a=!!navigator.userAgent.match(\/Trident.*rv:11\\.\/),i=d.querySelectorAll(\"iframe.wp-embedded-content\"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute(\"data-secret\")))r=Math.random().toString(36).substr(2,10),t.src+=\"#?secret=\"+r,t.setAttribute(\"data-secret\",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute(\"security\"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:\"ready\",secret:r},\"*\")}}}}(window,document);\n<\/script>\n","description":"Idag pratas det mycket om hur anv\u00e4ndarv\u00e4nlig en hemsida \u00e4r. Men vad inneb\u00e4r det egentligen att n\u00e5got \u00e4r anv\u00e4ndarv\u00e4nligt? Och hur kan du g\u00f6ra s\u00e5 att din hemsida blir b\u00e4ttre anpassad f\u00f6r dina bes\u00f6kare? Vi har grottat ner oss lite extra i vad du sj\u00e4lv kan g\u00f6ra f\u00f6r att din hemsida ska bli enklare f\u00f6r dina kunder. Anv\u00e4ndarv\u00e4nligt? Snarare kundv\u00e4nligt! Kanske finns det n\u00e5got tips du kan anv\u00e4nda p\u00e5 din hemsida? &nbsp; Vad inneb\u00e4r anv\u00e4ndarv\u00e4nlighet? N\u00e4r du h\u00f6r ordet \u201canv\u00e4ndarv\u00e4nlighet\u201d s\u00e5 kanske det f\u00f6rsta du t\u00e4nker p\u00e5 \u00e4r \u201cf\u00f6rsta intrycket\u201d. D\u00e5 \u00e4r du helt r\u00e4tt ute! Anv\u00e4ndarv\u00e4nlighet har absolut med \u201cf\u00f6rsta intrycket\u201d att g\u00f6ra, men den avg\u00f6r \u00e4ven om dina bes\u00f6kare kikar vidare p\u00e5 din hemsida eller l\u00e4mnar den. Vill du till exempel att dina bes\u00f6kare ska konvertera \u2013 bli kunder \u2013 s\u00e5 \u00e4r en anv\u00e4ndarv\u00e4nlig hemsida samma sak som att ta bes\u00f6karen i handen och leda dem till det de s\u00f6ker.&nbsp; Varf\u00f6r ska du ha en anv\u00e4ndarv\u00e4nlig hemsida?&nbsp; N\u00e4r du skapar din hemsida vill du sj\u00e4lvklart att den ska vara snygg och lockade, inget konstigt med det. Men det \u00e4r faktiskt minst lika viktigt att den \u00e4r anv\u00e4ndarv\u00e4nlig och funktionell. Upplevs din hemsida som kr\u00e5nglig \u00e4r risken stor att dina kunder s\u00f6ker vidare och hamnar hos n\u00e5gon av dina konkurrenter \u2013 det vill du sj\u00e4lvklart inte! Du vill s\u00e5klart ha en snygg OCH anv\u00e4ndarv\u00e4nlig hemsida. I fyra enkla steg visar vi hur du n\u00e5r dit. 1. Din struktur&nbsp; Strukturen p\u00e5 din hemsida kan j\u00e4mf\u00f6ras med ditt skelett, det b\u00e4r upp alla information som tillsammans skapar helheten som \u00e4r din hemsida! F\u00f6r att informationen ska samverka p\u00e5 b\u00e4sta s\u00e4tt \u00e4r det d\u00e4rf\u00f6r viktigt att du har en tydlig struktur som du bygger hemsidan kring.&nbsp; Skapa en l\u00e4ttnavigerad meny \u2013 det g\u00f6r det enklare f\u00f6r kunden att hitta det de s\u00f6ker. Presentera bara de viktigaste valen i menyn. Anv\u00e4nd undersidor om du har mycket information samlad p\u00e5 en sida. F\u00e4rre menyval g\u00f6r det enklare f\u00f6r bes\u00f6karen att se hur de ska ta sig vidare. Se \u00e4ven till att din navigering alltid \u00e4r placerad p\u00e5 samma st\u00e4lle.&nbsp; Lyft det som \u00e4r viktigast&nbsp;\u2013 Vilken information letar bes\u00f6karen efter? Skriv upp vad du m\u00e5ste ha med p\u00e5 din startsida och i din meny. Analysera vad bes\u00f6karen mest troligt letar efter i n\u00e4sta steg. F\u00f6rs\u00f6k f\u00f6renkla det steget.&nbsp; &nbsp;L\u00e4gg fokus p\u00e5 din startsida \u2013 Din startsida \u00e4r det f\u00f6rsta dina bes\u00f6kare m\u00f6ter. Se till att du ger ett bra \u201cf\u00f6rsta intryck\u201d. H\u00e4r b\u00f6r du ocks\u00e5 t\u00e4nka p\u00e5 att l\u00e4gga det som du vill att dina bes\u00f6kare ska se utan att beh\u00f6va skrolla. Det kan var ett k\u00e4rnbudskap eller en huvudrubrik. Anv\u00e4nd CTA(Call-to-action )- knappar och rubriker&nbsp;\u2013 f\u00f6r att visa bes\u00f6karen vad de ska g\u00f6ra och vart de ska ta v\u00e4gen.&nbsp; Anv\u00e4nd en s\u00f6kfunktion \u2013 s\u00e5 att din bes\u00f6kare enkelt kan s\u00f6ka p\u00e5 det de letar efter.&nbsp;  Therese tipsar:&nbsp;T\u00e4nk p\u00e5 din hemsida som en d\u00f6rr. \u00d6ppnar den sig automatiskt s\u00e5 \u00e4r den v\u00e4ldigt anv\u00e4ndarv\u00e4nlig. Men om den till exempel \u00e4r felmonterad eller (ve och fasa) leder ut mot ett stup s\u00e5 \u00e4r den raka motsatsen och oanv\u00e4ndbar. Felplacerade l\u00e4nkar, menyer eller kr\u00e5ngliga v\u00e4gar till m\u00e5let \u00e4r minsta lika illa som stupet. Men genom att vara genomt\u00e4nkt bjuder din hemsida in bes\u00f6karna, tar dem i handen och leder dem till det de s\u00f6ker.&nbsp; 2. Din design&nbsp; Var noga med att designen f\u00f6ljer f\u00e4rgerna i din grafiska profil och att logotypen \u00e4r r\u00e4tt. Se till att uttrycket \u00e4r enkelt och tydligt. Det kan du uppn\u00e5 genom att jobba mycket med bild och text. Ha inte f\u00f6r mycket text och dela in texten i korta stycken och punktlistor. &nbsp;G\u00f6r det enhetligt&nbsp;\u2013 &nbsp;F\u00e4rg, bilder och logotyper \u00e4r det som skapar formen \u2013 ta till vara p\u00e5 det och g\u00f6r det enhetligt! Ett smart tips \u00e4r att anv\u00e4nda ett f\u00e4rgfilter p\u00e5 dina bilder. Det mjukar upp bilderna och g\u00f6r det m\u00f6jligt att anpassa f\u00e4rgskalan i bilderna till dina profilf\u00e4rger \u00e4ven om bilderna i original inneh\u00e5ller andra f\u00e4rger. H\u00e5ll det l\u00e4ttl\u00e4st&nbsp;\u2013 F\u00f6r mycket text \u00e4r avskr\u00e4ckande. G\u00f6r det enkelt att ta till sig din information genom att dela upp texten i stycken, punktlistor och anv\u00e4nd underrubriker. Anpassa dina knappar och l\u00e4nkar&nbsp;\u2013 Skapa knappar som f\u00f6ljer din grafiska profil och leder bes\u00f6kare vidare till k\u00f6p, kontakta oss eller annan information som ska vara enkel att n\u00e5. En knapp \u00e4r l\u00e4tt att uppt\u00e4cka! Skapa riktlinjer f\u00f6r hur dina knappar och l\u00e4nkar ska se ut \u2013 det ska vara tydligt var man kan klicka och vad som h\u00e4nder n\u00e4r bes\u00f6karen klickar p\u00e5 en l\u00e4nk eller knapp.&nbsp; Exponering&nbsp;\u2013 En stor del av dina bes\u00f6kare surfar idag med mobiltelefonen s\u00e5 se till att hemsidan \u00e4r anpassad f\u00f6r alla typer av sk\u00e4rmar. Mobiltelefon, ipad och laptop \u00e4r de vanligaste. En responsiv hemsida \u00e4r en anv\u00e4ndarv\u00e4nlig hemsida!  Therese tipsar:&nbsp;L\u00e4nka din logotyp s\u00e5 att bes\u00f6karen alltid enkelt kan \u00e5terv\u00e4nda till startsidan. Den funktionen finns p\u00e5 de flesta stora hemsidor s\u00e5 troligen klickar dina bes\u00f6kare intuitivt p\u00e5 din logotyp n\u00e4r de vill tillbaka till startsidan.&nbsp;  3. Din m\u00e5lgrupp Din hemsida b\u00f6r som sagt vara anpassad b\u00e5de till form och funktion. Men ett och samma uttryck tilltalar inte alla m\u00e5lgrupper. Analysera vilka som ing\u00e5r i din m\u00e5lgrupp! Har du till exempel ungdomar som fr\u00e4msta m\u00e5lgrupp s\u00e5 kanske det fungerar med mer tekniskt avancerade funktioner. Har du d\u00e4remot pension\u00e4rer som fr\u00e4msta m\u00e5lgrupp s\u00e5 kanske det \u00e4r b\u00e4ttre att h\u00e5lla tekniken s\u00e5 enkel som m\u00f6jligt. L\u00e4r k\u00e4nna din m\u00e5lgrupp och ta reda p\u00e5 vad de v\u00e4rdes\u00e4tter. Det kan du g\u00f6ra genom att: Skapa en kundunders\u00f6kning&nbsp;\u2013 och fr\u00e5ga bes\u00f6karna vilken information de s\u00f6ker n\u00e4r de landar p\u00e5 din sida och vad som \u00e4r viktigast. \u00c4r det pris, funktioner eller referenser? Balansera sedan din hemsida efter det som v\u00e4ger tyngst! Prata med dina bes\u00f6kare&nbsp;\u2013 Varf\u00f6r inte avsluta dina mejl till kunder med en kort fr\u00e5ga kring om de kan t\u00e4nka sig att utv\u00e4rdera din hemsida och f\u00e5 en liten g\u00e5va som tack f\u00f6r hj\u00e4lpen? Anv\u00e4nd dina sociala kanaler \u2013 L\u00e4gg upp ett inl\u00e4gg p\u00e5 din Facebooksida. Ber\u00e4tta f\u00f6r dina f\u00f6ljare att du vill skapa en \u00e4nnu b\u00e4ttre hemsida och att du beh\u00f6ver deras hj\u00e4lp! (M\u00e5nga tar sig faktiskt tid och hj\u00e4lper till!).&nbsp;  Nu har vi g\u00e5tt igenom tre omr\u00e5den som du ska arbeta med f\u00f6r att g\u00f6ra hemsidan mer anv\u00e4ndarv\u00e4nlig. Sj\u00e4lvklart finns det massor av andra finurliga saker du kan g\u00f6ra f\u00f6r att dina bes\u00f6kare ska uppleva en \u00e4nnu b\u00e4ttre hemsida. Men det allra b\u00e4sta r\u00e5det vi kan ge \u00e4r att du ska l\u00e4ra k\u00e4nna dina bes\u00f6kare, vad \u00e4r viktigt f\u00f6r dem? \u00c4r det enklare texter, f\u00e4rre bilder eller snabbare navigering? Det finns inget entydigt svar p\u00e5 vad det exakt \u00e4r som g\u00f6r din hemsida mer anv\u00e4ndarv\u00e4nlig men om du g\u00e5r igenom v\u00e5ra f\u00f6rslag \u00e4r du p\u00e5 god v\u00e4g. Och du, t\u00e4nk p\u00e5 att en anv\u00e4ndarv\u00e4nlig hemsida st\u00e4ndigt f\u00f6r\u00e4ndras och utvecklas! S\u00e5 engagera dig i din hemsida och arbeta hela tiden f\u00f6r att g\u00f6ra den \u00e4nnu b\u00e4ttre. Vi vet att du kan!","thumbnail_url":"https:\/\/h24-original.s3.amazonaws.com\/44\/24059832-B6sV1.jpg?name=iStock-522144912.jpg"}