\n Att identifiera din publiks personaprofiler \u00e4r en skr\u00e4mmande uppgift, lyckligtvis har Michael King skrivit ett utm\u00e4rkt stycke<\/a> om det. I grund och botten handlar det om att g\u00f6ra marknadsf\u00f6ringssegmentering f\u00f6r att ge en representation av webbplatsens bes\u00f6kare, vilket kommer att hj\u00e4lpa till att f\u00f6rb\u00e4ttra resan f\u00f6r dina kunder.\n<\/p>\n \n Det \u00e4r viktigt att notera att n\u00e4r du skapar en kundpersona b\u00f6r du ocks\u00e5 veta var din publik kommer ifr\u00e5n. Att veta detta kommer att ge dig en mer specifik uppfattning om bes\u00f6karnas intressen innan du g\u00e5r till din webbplats. Google Analytics \u00e4r ett sj\u00e4lvklart verktyg att anv\u00e4nda i detta avseende. F\u00f6r att kolla upp det, g\u00e5 till din webbplatss Google Analytics profil. Klicka p\u00e5 M\u00e5lgrupp > Intressen > Marknadssegment:\n<\/p>\n \n Detta tar dig sedan till detta datadiagram.\n<\/p>\n \n Dessa data representerar kategorier av webbplatser som dina bes\u00f6kare tidigare har bes\u00f6kt. Eftersom det h\u00e4r handlar om att skapa kundpersonas, leta efter kategorier som f\u00e5r trafik av h\u00f6g kvalitet. Att best\u00e4mma trafik av h\u00f6g kvalitet beror p\u00e5 webbplatsens m\u00e5l. Det inneb\u00e4r att anv\u00e4nda m\u00e5tt eller en kombination av m\u00e5tt som passar den standard som m\u00e5len passar f\u00f6r. Normalt inkluderar dessa m\u00e4tv\u00e4rden avvisningsfrekvens, nya bes\u00f6k och genomsnittlig webbplatsl\u00e4ngd. En viktig punkt att t\u00e4nka p\u00e5 \u00e4r att filtrera data. Att anv\u00e4nda ofiltrerad data fr\u00e5n h\u00e4nvisningstrafik f\u00f6r att skapa kundpersonas kommer att komplicera saker, s\u00e5 var f\u00f6rsiktig n\u00e4r du g\u00f6r det. Se den h\u00e4r artikeln<\/a> om hur du filtrerar bort falska h\u00e4nvisningar i Google Analytics.\n<\/p>\n \n N\u00e4r du redan har identifierat de r\u00e4tta k\u00e4llorna till din h\u00e4nvisningstrafik, k\u00f6r de som leder en betydande m\u00e4ngd trafik till din webbplats webbadresserna till n\u00e5gra popul\u00e4ra webbplatskontroller tillg\u00e4ngliga online. De som vanligtvis anv\u00e4nds \u00e4r Similarweb<\/a> och Alexa<\/a> men det finns andra som ocks\u00e5 g\u00f6r samma sak. De kan ge dig en \u00f6versikt \u00f6ver den eller de webbplatser du vill kolla i deras gratisversioner, men f\u00f6r att veta mer detaljer kan du ha m\u00f6jlighet att uppgradera till deras premiumkonton.\n<\/p>\n \n H\u00e4r \u00e4r en demografisk \u00f6versikt \u00f6ver Similarweb.\n<\/p>\n \n Alexa:\n<\/p>\n \n Att j\u00e4mf\u00f6ra och komplettera data fr\u00e5n dessa 3 verktyg kommer att ge en mer specifik uppskattning av din bes\u00f6kardata.\n<\/p>\n \n N\u00e4r kundpersonerna har identifierats \u00e4r n\u00e4sta steg att anpassa dem till sajtens m\u00e5l efter steg av resan. Stadierna av resan inom sajten kan ses i beteendefl\u00f6det i Google Analytics. Beteende > Beteendefl\u00f6de:\n<\/p>\n \n Den visuella grafen visar bes\u00f6karnas v\u00e4g inom webbplatsen. Fr\u00e5n startsidan (och andra kategorisidor) kommer fl\u00f6det att ha flera kontaktpunkter innan m\u00e5let f\u00f6r webbplatsen slutf\u00f6rs.\n<\/p>\n \n *Observera att webbplatsm\u00e5l m\u00e5ste anges i Analytics-profilen f\u00f6r att f\u00e5 en fullst\u00e4ndig bild av bes\u00f6karnas omvandlingsv\u00e4g.\n<\/p>\n \n Notera de sidor d\u00e4r de flesta avhoppen sker. Det finns flera anledningar till varf\u00f6r bes\u00f6kare l\u00e4mnar. N\u00e5gra av de vanliga orsakerna \u00e4r:\n<\/p>\n \n Vi kommer bara att fokusera p\u00e5 fr\u00e5gan om design f\u00f6r tillf\u00e4llet, men eftersom alla dessa faktorer \u00e4r n\u00e4ra relaterade kommer vi att ber\u00f6ra dem ocks\u00e5 i relation till design.\n<\/p>\n \n I en UXMag-artikel fastst\u00e4lldes scenarier som leder till deklarationen att webbdesign \u00e4r d\u00f6d. N\u00e4stan alla dessa punkter handlar om framv\u00e4xten av ny teknik och innovationer inom webbdesign som inte \u00e4r n\u00f6dv\u00e4ndiga f\u00f6r att engagera publiken. Men i slut\u00e4ndan begravde artikeln inte webbdesign som ett yrke, utan snarare en uppmaning till webbdesigners att anpassa sig till det nuvarande landskapet. Medan de flesta av de angivna sakerna \u00e4r p\u00e5 plats, finns det en premiss f\u00f6r argumentet som kan ha varit felplacerad, automatisering och artificiell intelligens f\u00f6r webbdesigntj\u00e4nster. \u00c4ven om automatisering \u00e4r ett v\u00e4lkommet paus f\u00f6r webbdesigners, skulle det inte vara s\u00e5 anv\u00e4ndbart i helhetsbilden n\u00e4r det g\u00e4ller att f\u00f6rverkliga webbplatsens m\u00e5l. Att ha ett planerat designkoncept med syfte att uppn\u00e5 platsm\u00e5l \u00e4r fortfarande inom m\u00e4nniskans beslut.\n<\/p>\n \n Anv\u00e4ndbarhet och design g\u00e5r hand i hand. \u00c4ven om b\u00e5da \u00e4r separata discipliner, kompletterar den ena den andra p\u00e5 en m\u00e4ngd olika s\u00e4tt att det ibland \u00e4r sv\u00e5rt att skilja den ena fr\u00e5n den andra. F\u00f6r att upprepa po\u00e4ngen med att anv\u00e4nda design f\u00f6r att minimera sidbortfall och f\u00f6rb\u00e4ttra kundresan, h\u00e4r \u00e4r n\u00e5gra av de vanligaste anv\u00e4ndbarhetsmisstagen inom webbdesign:\n<\/p>\n \n Inneh\u00e5llet lyckas inte f\u00f6rmedla budskapet:\n <\/p>\n \n Inneh\u00e5ll \u00e4r en del av webbdesign. Detta kallas vanligtvis webbkopiering. Grafik och grafik kommer att ge ett gott intryck f\u00f6r bes\u00f6karna men de gillar ocks\u00e5 att l\u00e4sa texten. Designfel uppst\u00e5r n\u00e4r bes\u00f6kare distraheras av sidans andra delar.\n <\/p>\n \n Typografi \u00e4r ocks\u00e5 en faktor f\u00f6r webbdesign. Det handlar inte alltid om rubriker och typsnitt p\u00e5 text. Anv\u00e4ndbarhet b\u00f6r alltid prioriteras framf\u00f6r estetik, vilket g\u00f6r inneh\u00e5llet l\u00e4ttl\u00e4st.\n <\/p>\n<\/li>\n \n Det finns inget s\u00e4tt f\u00f6r bes\u00f6kare att kontakta dig:\n <\/p>\n \n Kundresan ska vara interaktiv och engagerande. Om inneh\u00e5llet p\u00e5 din webbplats f\u00e5ngar dina l\u00e4sare, kommer de att vilja vara i kontakt med dig. Kontaktformul\u00e4r ska fungera. En snygg design \u00e4r ocks\u00e5 en bonus, men b\u00f6r inte prioriteras framf\u00f6r anv\u00e4ndbarhet.\n <\/p>\n<\/li>\n \n Saknar s\u00f6kfunktion:\n <\/p>\n \n M\u00e4nniskor som bes\u00f6ker webbplatser har en s\u00e4rskild uppgift i \u00e5tanke. Oftast vill de f\u00e5 information. Inneh\u00e5llstunga sajter beh\u00f6ver en s\u00f6kfunktion f\u00f6r att bes\u00f6karna ska spara tid p\u00e5 att navigera. F\u00f6r e-handelssajter kommer folk att vilja ta reda p\u00e5 beskrivningar av produkter. En sajt som saknar s\u00f6kfunktion kan f\u00f6rs\u00e4mra sajtens navigerbarhet.\n <\/p>\n<\/li>\n \n L\u00e5ng registreringsprocess:\n <\/p>\n \n Ingenting kan vara mer frustrerande \u00e4n att vilja registrera sig p\u00e5 en webbplats bara f\u00f6r att se ett l\u00e5ngt kontaktformul\u00e4r som fr\u00e5gar m\u00e5nga on\u00f6diga detaljer. Ta en titt p\u00e5 Reddits registreringsformul\u00e4r.\n <\/p>\n \n Enkelheten i registreringsformul\u00e4ret g\u00f6r det s\u00e5 mycket l\u00e4ttare f\u00f6r nya anv\u00e4ndare att g\u00e5 med p\u00e5 webbplatsen. Det fina med det \u00e4r att det \u00e4r valfritt att ge din e-post. Detta \u00e4r inte att s\u00e4ga att varje webbplats inte b\u00f6r be om e-postmeddelanden, men att fr\u00e5ga on\u00f6dig information fr\u00e5n anv\u00e4ndare b\u00f6r avbrytas.\n <\/p>\n<\/li>\n \n Inkonsekvens i design:\n <\/p>\n \n En av principerna f\u00f6r design (inte bara f\u00f6r webbplatser) \u00e4r att vara konsekvent. Utformningen av hemsidan b\u00f6r vara densamma som de andra sidorna. Om f\u00e4rgtemat p\u00e5 hemsidan \u00e4r vitt, b\u00f6r sidan Om till exempel inte v\u00e4nda skriptet och g\u00e5 med en annan f\u00e4rg, till exempel svart. Det \u00e4r inte bara f\u00e4rgen utan \u00e4ven layouten. Konsekvens \u00e4r nyckeln.\n <\/p>\n<\/li>\n<\/ul>\n \n Kontaktpunkterna \u00e4r de viktiga sidorna p\u00e5 webbplatsen. F\u00f6r inneh\u00e5llstunga webbplatser som bloggar \u00e4r det kategorisidorna, kontaktsidorna och om oss-sidorna. Dessa sidor fungerar som ink\u00f6rsporten f\u00f6r bes\u00f6karna till inneh\u00e5llet. E-handelssajter har olika kontaktpunkter. De \u00e4r mestadels katalogsidorna och produktbeskrivningarna. F\u00f6r att l\u00e4ra dig mer om ber\u00f6ringspunkterna, g\u00e5 tillbaka till beteendefl\u00f6det i Google Analytics.\n<\/p>\n \n Ber\u00f6ringspunkten f\u00f6r webbplatsen b\u00f6r tala till de riktade bes\u00f6karna p\u00e5 webbplatsen. Designfasen m\u00e5ste ha resonans hos den avsedda publiken. Det \u00e4r h\u00e4r kundpersonan som skapades kommer att fungera som en guide vid design (eller omdesign) av sidorna.\n<\/p>\n \n F\u00f6r att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen f\u00f6r kontaktpunkterna m\u00e5ste designers identifiera informationsluckor. Unders\u00f6ka vad som saknas p\u00e5 sidorna och fylla p\u00e5 det v\u00e4sentliga f\u00f6r att minimera avhopp. Klyftorna \u00e4r information som saknas mellan dina bes\u00f6kares f\u00f6rv\u00e4ntningar p\u00e5 sidorna och den information som finns p\u00e5 sidan.\n<\/p>\n \n Det finns ocks\u00e5 tekniska aspekter som kan f\u00f6rb\u00e4ttra och minska sm\u00e4rtpunkterna p\u00e5 sidorna. On-page SEO (s\u00f6kmotoroptimering) kan identifiera och \u00e5tg\u00e4rda dessa problem f\u00f6r b\u00e4ttre anv\u00e4ndarupplevelse.\n<\/p>\n \n Webbplats\/sida hastighet:\n <\/p>\n \n Detta b\u00f6r vara en prioritet inom webbutveckling och design. Kom ih\u00e5g att funktionalitet inte ska l\u00e4ggas \u00e5t sidan f\u00f6r on\u00f6diga utsmyckningar. Stora filer som tar tid att ladda b\u00f6r komprimeras och placeras i laddningsordning f\u00f6r att f\u00f6rb\u00e4ttra laddningstiden. F\u00f6r en mer detaljerad guide f\u00f6r att f\u00f6rb\u00e4ttra webbplatsens hastighet, kolla in den h\u00e4r artikeln<\/a> om webbplatsens hastighet.\n <\/p>\n<\/li>\n \n 301 och 302 omdirigeringar:\n <\/p>\n \n Sidomdirigeringar \u00e4r n\u00f6dv\u00e4ndiga. Det finns m\u00e5nga anledningar f\u00f6r webbansvariga att omdirigera sidor. Det vanligaste \u00e4r att en gammal sida omdirigeras till en ny och uppdaterad med nytt inneh\u00e5ll. Skillnaden mellan de tv\u00e5 \u00e4r att en 301 \u00e4r en permanent omdirigering medan en 302 bara \u00e4r tillf\u00e4llig.\n <\/p>\n<\/li>\n \n HTTP-rubrikkoder:\n <\/p>\n \n 301 och 302 \u00e4r exempel p\u00e5 rubrikkoder. Det finns en hel del men vi kommer att begr\u00e4nsa dem till de vanligaste.\n <\/p>\n \n 200 framg\u00e5ng \u2013 sidan har laddats.\n <\/p>\n \n 404 Sidan hittades inte \u2013 sidan kunde inte laddas.\n <\/p>\n \n 500 Internt serverfel \u2013 en allm\u00e4n felsida. Det ges inte mycket detaljer om varf\u00f6r detta intr\u00e4ffade.\n <\/p>\n \n Bortsett fr\u00e5n 301 och 302 statuskoder \u00e4r det viktigt att minimera f\u00f6rekomsten av 404 sidor eftersom det inte \u00e4r bra f\u00f6r anv\u00e4ndare att st\u00f6ta p\u00e5 dem. En enkel l\u00f6sning \u00e4r att skapa en anpassad 404-sida som drar tillbaka dem till r\u00e4tt sidor.\n <\/p>\n<\/li>\n<\/ol>\n \n Visuell hierark \u00e4r en av de viktigaste principerna f\u00f6r webbdesign. Visuell hierarki \u00e4r att kommunicera budskapet och inneh\u00e5llet p\u00e5 din webbplats till publiken. Det finns pelare i webbhierarkin som m\u00e5ste beaktas.\n<\/p>\n \n Bev\u00e4pnad med kunskapen om webbplatsens m\u00e5lgrupp och med information om att fylla de luckor som beh\u00f6vs f\u00f6r att f\u00f6rb\u00e4ttra anv\u00e4ndarens navigeringsupplevelse, \u00e4r det nu dags att bygga en webbplats som kommer att tillgodose din publiks behov. Din webbplats kommer att vara den viktigaste visuella bilden som du kommer att anv\u00e4nda. Oavsett hur m\u00e5nga personer du har identifierat, kommer webbplatsbes\u00f6kare alltid att ha ett syfte med att bes\u00f6ka din webbplats. De kommer att vilja;\n<\/p>\n \n Sk\u00e4len kan variera men syftet med webbplatsen \u00e4r att vara en f\u00f6rl\u00e4ngning av dig, din verksamhet och ditt f\u00f6retag, oavsett vad som g\u00e4ller. Var tydlig, koncis och konsekvent med budskapet och uppdatera st\u00e4ndigt inneh\u00e5llet f\u00f6r att ge dem ny information.\n<\/p>\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f10ad402.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f131576b.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f150655e.webp\")
<\/a><\/p>\n\n M\u00e5linriktning
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1910317.webp\")
<\/a><\/p>\n\n
\n
\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1d2f81f.webp\")
<\/a><\/p>\n\n Ber\u00f6ringspunkter
\n<\/h5>\n\n
\n Visuell hierarki
\n<\/h5>\n\n
\n
\n
\n
\n
\n F\u00e5 alltid att falla p\u00e5 plats
\n<\/h5>\n\n