\n \u00c5 identifisere personaprofilene til publikummet ditt er en skremmende oppgave, heldigvis har Michael King skrevet et utmerket stykke<\/a> om det. I utgangspunktet snakker den om \u00e5 gj\u00f8re markedssegmentering for \u00e5 gi en representasjon av nettstedets bes\u00f8kende, noe som vil bidra til \u00e5 forbedre reisen til kundene dine.\n<\/p>\n \n Det er viktig \u00e5 merke seg at n\u00e5r du oppretter en kundepersona, b\u00f8r du ogs\u00e5 vite hvor publikum kommer fra. \u00c5 vite dette vil gi deg en mer spesifikk id\u00e9 om interessene til de bes\u00f8kende f\u00f8r du g\u00e5r til nettstedet ditt. Google Analytics er et opplagt verkt\u00f8y \u00e5 bruke i denne forbindelse. For \u00e5 sjekke det ut, g\u00e5 til nettstedets Google Analytics-profil. Klikk p\u00e5 M\u00e5lgruppe > Interesser > Markedssegmenter:\n<\/p>\n \n Dette tar deg til dette datadiagrammet.\n<\/p>\n \n Disse dataene representerer kategorier av nettsteder som de bes\u00f8kende tidligere har bes\u00f8kt. Siden dette handler om \u00e5 skape kundepersonas, se etter kategorier som mottar kvalitetstrafikk. Bestemmelse av kvalitetstrafikk avhenger av m\u00e5lene for nettstedet. Dette betyr \u00e5 bruke beregninger eller en kombinasjon av beregninger som passer til standarden som m\u00e5lene passer for. Vanligvis inkluderer disse beregningene fluktfrekvens, nye bes\u00f8k og gjennomsnittlig varighet p\u00e5 nettstedet. Et viktig poeng \u00e5 vurdere er filtrering av data. \u00c5 bruke ufiltrerte data fra henvisningstrafikk til \u00e5 lage kundepersonas vil komplisere ting, s\u00e5 v\u00e6r forsiktig n\u00e5r du gj\u00f8r det. Se denne artikkelen<\/a> om filtrering av falske henvisninger i Google Analytics.\n<\/p>\n \n N\u00e5r du allerede har identifisert de riktige kildene til henvisningstrafikken din, kj\u00f8rer de som leder en betydelig mengde trafikk til nettstedet ditt nettadressene til noen popul\u00e6re nettstedsjekkere som er tilgjengelige p\u00e5 nettet. De som vanligvis brukes er Similarweb<\/a> og Alexa<\/a>, men det er andre som ogs\u00e5 gj\u00f8r det samme. De kan gi deg en oversikt over siden(e) du vil sjekke i gratisversjonene deres, men for \u00e5 vite mer detaljer kan du ha muligheten til \u00e5 oppgradere til premiumkontoene deres.\n<\/p>\n \n Her er en demografisk oversikt over Similarweb.\n<\/p>\n \n Alexa:\n<\/p>\n \n Sammenligning og utfylling av data fra disse tre verkt\u00f8yene vil gi et mer spesifikt estimat av bes\u00f8ksdataene dine.\n<\/p>\n \n N\u00e5r kundepersonene er identifisert, er neste trinn \u00e5 tilpasse dem til nettstedets m\u00e5l etter stadier av reisen. Stadiene av reisen p\u00e5 nettstedet kan sees i atferdsflyten i Google Analytics. Atferd > Atferdsflyt:\n<\/p>\n \n Den visuelle grafen viser bes\u00f8ksbanen p\u00e5 nettstedet. Fra startsiden (og andre kategorisider), vil flyten ha flere ber\u00f8ringspunkter f\u00f8r den fullf\u00f8rer m\u00e5let for nettstedet.\n<\/p>\n \n *V\u00e6r oppmerksom p\u00e5 at nettstedsm\u00e5l m\u00e5 angis i Analytics-profilen for \u00e5 f\u00e5 et fullstendig bilde av bes\u00f8kendes konverteringsbane.\n<\/p>\n \n Legg merke til sidene der de fleste frafallene forekommer. Det er flere grunner til at bes\u00f8kende drar. Noen av de vanlige \u00e5rsakene er:\n<\/p>\n \n Vi vil kun fokusere p\u00e5 sp\u00f8rsm\u00e5let om design forel\u00f8pig, men ettersom alle disse faktorene er n\u00e6rt beslektet, vil vi ber\u00f8re dem ogs\u00e5 i forhold til design.\n<\/p>\n \n I en UXMag-artikkel ble det nedfelt scenarier som f\u00f8rer til erkl\u00e6ringen om at webdesign er d\u00f8dt. Nesten alle disse punktene handler om fremveksten av nye teknologier og innovasjoner innen webdesign som ikke er n\u00f8dvendige for \u00e5 engasjere publikum. Til slutt begravet ikke artikkelen webdesign som et yrke, men er snarere en oppfordring til webdesignere om \u00e5 tilpasse seg det n\u00e5v\u00e6rende landskapet. Selv om det meste av det som er nevnt er p\u00e5 punkt, er det en premiss for argumentet som ble presentert som kan ha v\u00e6rt feilplassert, automatisering og kunstig intelligens av webdesigntjenester. Selv om automatisering er et velkomment pusterom for webdesignere, ville det ikke v\u00e6re s\u00e5 nyttig i helhetsbildet n\u00e5r det gjelder \u00e5 realisere m\u00e5lene til nettstedet. \u00c5 ha et planlagt designkonsept med sikte p\u00e5 \u00e5 oppn\u00e5 stedsm\u00e5l er fortsatt innenfor beslutningen til mennesker.\n<\/p>\n \n Brukervennlighet og design g\u00e5r h\u00e5nd i h\u00e5nd. Mens begge er separate disipliner, utfyller den ene den andre p\u00e5 en myriade av m\u00e5ter som det noen ganger er vanskelig \u00e5 skille fra den andre. For \u00e5 gjenta poenget med \u00e5 bruke design for \u00e5 minimere sidefall og forbedre kundereisen, her er noen av de vanlige brukervennlighetsfeilene i webdesign:\n<\/p>\n \n Innholdet klarer ikke \u00e5 formidle budskapet:\n <\/p>\n \n Innhold er en del av webdesign. Dette blir ofte referert til som nettkopi. Grafikk og grafikk vil gi et godt inntrykk for bes\u00f8kende, men de liker ogs\u00e5 \u00e5 lese teksten. Designfeil oppst\u00e5r n\u00e5r bes\u00f8kende blir distrahert med de andre elementene p\u00e5 siden.\n <\/p>\n \n Typografi er ogs\u00e5 en faktor for webdesign. Det handler ikke alltid om overskrifter og fonter p\u00e5 tekst. Brukervennlighet b\u00f8r alltid prioriteres fremfor estetikk, noe som gj\u00f8r innholdet lett \u00e5 lese.\n <\/p>\n<\/li>\n \n Det er ingen m\u00e5te for bes\u00f8kende \u00e5 kontakte deg p\u00e5:\n <\/p>\n \n Kundereisen skal v\u00e6re interaktiv og engasjerende. Hvis innholdet p\u00e5 nettstedet ditt hekter leserne dine, vil de \u00f8nske \u00e5 v\u00e6re i kontakt med deg. Kontaktskjemaer skal v\u00e6re funksjonelle. En pen design er ogs\u00e5 en bonus, men b\u00f8r ikke prioriteres over brukervennlighet.\n <\/p>\n<\/li>\n \n Mangel p\u00e5 s\u00f8kefunksjon:\n <\/p>\n \n Folk som bes\u00f8ker nettsteder har en spesiell oppgave i tankene. Mesteparten av tiden \u00f8nsker de \u00e5 f\u00e5 informasjon. Innholdstunge nettsteder trenger en s\u00f8kefunksjon slik at bes\u00f8kende sparer tid p\u00e5 \u00e5 navigere. For e-handelssider vil folk gjerne finne ut produktbeskrivelsene. Et nettsted som mangler en s\u00f8kefunksjon kan redusere nettstedets navigerbarhet.\n <\/p>\n<\/li>\n \n Lang registreringsprosess:\n <\/p>\n \n Ingenting kan v\u00e6re mer frustrerende enn \u00e5 \u00f8nske \u00e5 registrere seg p\u00e5 et nettsted bare for \u00e5 se et langt kontaktskjema som ber om mange un\u00f8dvendige detaljer. Ta en titt p\u00e5 Reddits registreringsskjema.\n <\/p>\n \n Enkelheten i registreringsskjemaet gj\u00f8r det s\u00e5 mye enklere for nye brukere \u00e5 bli med p\u00e5 nettstedet. Det fine med det er at det er valgfritt \u00e5 gi e-post. Dette er ikke \u00e5 si at hvert nettsted ikke skal be om e-post, men \u00e5 sp\u00f8rre un\u00f8dvendig informasjon fra brukere b\u00f8r avbrytes.\n <\/p>\n<\/li>\n \n Inkonsekvens i design:\n <\/p>\n \n Et av prinsippene for design (ikke bare for nettsteder) er \u00e5 v\u00e6re konsekvent. Utformingen av hjemmesiden b\u00f8r v\u00e6re den samme som de andre sidene. Hvis fargetemaet p\u00e5 hjemmesiden er hvit, b\u00f8r om-siden for eksempel ikke snu skriptet og g\u00e5 med en annen farge, for eksempel svart. Det er ikke bare fargen, men ogs\u00e5 layouten. Konsistens er n\u00f8kkelen.\n <\/p>\n<\/li>\n<\/ul>\n \n Ber\u00f8ringspunktene er de viktige sidene p\u00e5 nettstedet. For innholdstunge nettsteder som blogger, er dette kategorisidene, kontakt- og om oss-sidene. Disse sidene fungerer som inngangsporten for de bes\u00f8kende til innholdet. Netthandelssider har forskjellige kontaktpunkter. De er stort sett katalogsidene og produktbeskrivelsene. For \u00e5 f\u00e5 vite mer om ber\u00f8ringspunktene, g\u00e5 tilbake til atferdsflyten i Google Analytics.\n<\/p>\n \n Ber\u00f8ringspunktet til nettstedet skal snakke til de m\u00e5lrettede bes\u00f8kende p\u00e5 nettstedet. Designfasen vil m\u00e5tte gi gjenklang med den tiltenkte m\u00e5lgruppen. Det er her kundepersonaen som ble opprettet, vil fungere som en guide i utformingen (eller redesignen) av sidene.\n<\/p>\n \n For \u00e5 forbedre brukeropplevelsen for kontaktpunktene, m\u00e5 designere identifisere informasjonshullene. Unders\u00f8ke hva som mangler p\u00e5 sidene og fylle det essensielle for \u00e5 minimere frafall. Gapene er informasjon som mangler mellom forventningene til de bes\u00f8kende p\u00e5 sidene og informasjonen som er tilgjengelig p\u00e5 siden.\n<\/p>\n \n Det er ogs\u00e5 tekniske aspekter som kan forbedre og redusere smertepunktene p\u00e5 sidene. On-page SEO (s\u00f8kemotoroptimalisering) kan identifisere og fikse disse problemene for bedre brukeropplevelse.\n<\/p>\n \n Nettsted\/sidehastighet:\n <\/p>\n \n Dette b\u00f8r prioriteres innen webutvikling og design. Husk at funksjonalitet ikke skal legges til side for un\u00f8dvendig pynt. Store filer som tar tid \u00e5 laste b\u00f8r komprimeres og settes i lasterekkef\u00f8lge for \u00e5 forbedre lastetiden. For en mer detaljert veiledning for \u00e5 forbedre nettstedets hastighet, sjekk ut denne artikkelen<\/a> om nettstedshastighet.\n <\/p>\n<\/li>\n \n 301 og 302 omdirigeringer:\n <\/p>\n \n Sideomadressering er n\u00f8dvendig. Det er mange grunner for webansvarlige til \u00e5 omdirigere sider. Det vanligste er at en gammel side blir omdirigert til en ny og oppdatert med nytt innhold. Forskjellen mellom de to er at en 301 er en permanent omdirigering mens en 302 bare er midlertidig.\n <\/p>\n<\/li>\n \n HTTP-overskriftskoder:\n <\/p>\n \n 301 og 302 er eksempler p\u00e5 overskriftskoder. Det er ganske mange, men vi vil begrense dem til de vanligste.\n <\/p>\n \n 200 suksess \u2013 siden er lastet inn.\n <\/p>\n \n 404 Siden ble ikke funnet \u2013 siden kunne ikke lastes.\n <\/p>\n \n 500 Intern serverfeil \u2013 en generisk feilside. Det er ikke gitt mye detaljer om hvorfor dette skjedde.\n <\/p>\n \n Bortsett fra 301 og 302 statuskoder, er det viktig \u00e5 minimere forekomsten av 404 sider siden det ikke er bra for brukere \u00e5 m\u00f8te dem. En enkel l\u00f8sning er \u00e5 lage en tilpasset 404-side som trekker dem tilbake til de riktige sidene.\n <\/p>\n<\/li>\n<\/ol>\n \n Visuell hierark er et av de viktigste prinsippene for webdesign. Visuelt hierarki er \u00e5 kommunisere budskapet og innholdet p\u00e5 nettstedet ditt til publikum. Det er pilarer i netthierarkiet som m\u00e5 vurderes.\n<\/p>\n \n Bev\u00e6pnet med kunnskapen om nettstedets m\u00e5lgruppe og med informasjon om \u00e5 fylle hullene som trengs for \u00e5 forbedre brukerens navigasjonsopplevelse, er det n\u00e5 p\u00e5 tide \u00e5 bygge et nettsted som vil im\u00f8tekomme publikums behov. Nettstedet ditt vil v\u00e6re det viktigste bildet du vil bruke. Uansett hvor mange personas du har identifisert, vil bes\u00f8kende p\u00e5 nettstedet alltid ha en hensikt med \u00e5 bes\u00f8ke nettstedet ditt. De vil;\n<\/p>\n \n \u00c5rsakene kan variere, men form\u00e5let med nettstedet er \u00e5 v\u00e6re en forlengelse av deg, din virksomhet og din bedrift, uansett hva tilfellet m\u00e5tte v\u00e6re. V\u00e6r tydelig, konsist og konsekvent med budskapet og oppdater innholdet hele tiden for \u00e5 gi dem fersk informasjon.\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\u00e5ljustering
\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\u00f8ringspunkter
\n<\/h5>\n\n
\n Visuelt hierarki
\n<\/h5>\n\n
\n
\n
\n
\n
\n Sette alt sammen
\n<\/h5>\n\n