{"id":257657,"date":"2023-07-01T09:52:00","date_gmt":"2023-07-01T06:52:00","guid":{"rendered":"https:\/\/inform.click\/veiledning-om-mobildesignprinsipper-for-e-handel\/"},"modified":"2023-07-01T10:12:00","modified_gmt":"2023-07-01T07:12:00","slug":"veiledning-om-mobildesignprinsipper-for-e-handel","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/veiledning-om-mobildesignprinsipper-for-e-handel\/","title":{"rendered":"Veiledning om mobildesignprinsipper for e-handel"},"content":{"rendered":"<p>\n  Vi lever i en h\u00f8yteknologisk verden der nesten hvert menneske har daglig tilgang til Internett via ulike enheter.\n<\/p>\n<p>\n  For noen \u00e5r siden brukte de fleste av oss kun stasjon\u00e6re datamaskiner til det, men de siste \u00e5rene har situasjonen endret seg. N\u00e5 tar mobile enheter ledelsen ettersom flere og flere foretrekker \u00e5 bruke nettbrett og mobiltelefoner for \u00e5 surfe p\u00e5 internett.\n<\/p>\n<p>\n  E-handelssf\u00e6ren er ikke et unntak; den opplever ogs\u00e5 en \u00f8kning i bruk av mobile enheter. I dag er mobilvennlighet et must for enhver e-handelsside. Selv Google behandler mobilvennlighet som et rangeringssignal. S\u00e5 her er en oversikt over typer mobilnettsteder og en detaljert veiledning om prinsipper for mobildesign for e-handel.\n<\/p>\n<p>\n  Typer mobilvennlige nettsteder\n<\/p>\n<p>\n  Det er noen m\u00e5ter \u00e5 lage mobilvennlige nettsteder p\u00e5, og her er de vanligste: responsiv design, mobilapplikasjon og en egen mobilversjon av siden. Hver av disse typene har sine fordeler og ulemper som b\u00f8r vurderes n\u00f8ye f\u00f8r du velger den som passer best for din virksomhet. Her er en mer detaljert oversikt over hver l\u00f8sning for en mobilvennlig side.\n<\/p>\n<h5>\n  Responsiv utforming<br \/>\n<\/h5>\n<p>\n  Dette er en tiln\u00e6rming n\u00e5r du har et enkelt nettsted som gjengis like bra p\u00e5 alle enheter: desktop, nettbrett, forskjellige mobiltelefoner. Elementene p\u00e5 nettstedet (bilder, fonter, blokker osv.) endres st\u00f8rrelse i henhold til skjermoppl\u00f8sningen du bruker.\n<\/p>\n<p>\n  En stor fordel med responsiv design er at en bruker ser det samme nettstedet p\u00e5 alle enhetene sine. Men samtidig er det noen ulemper, den viktigste av dem er n\u00f8dvendigheten av \u00e5 ta hensyn til alle mulige scenarier og utbredte skjermoppl\u00f8sninger. En designer b\u00f8r bestemme hvilke elementer som skal vises p\u00e5 alle enheter og hvilke elementer som er mindre viktige og kan utelates p\u00e5 sm\u00e5 skjermer. Dessuten krever adaptive layouter mer koding som noen ganger kan \u00f8delegge et nettsted.\n<\/p>\n<p>\n  Denne typen mobilside vil v\u00e6re et godt valg for sm\u00e5 og mellomstore nettbutikker.\n<\/p>\n<h5>\n  Mobil applikasjon<br \/>\n<\/h5>\n<p>\n  En mobilapplikasjon er en god m\u00e5te \u00e5 gi kundene all n\u00f8dvendig informasjon p\u00e5 en brukervennlig m\u00e5te. Men samtidig krever denne l\u00f8sningen store ressurser da en mobilapplikasjon utvikles separat fra hovedsiden. Dessuten b\u00f8r en applikasjon utvikles for alle plattformer: iOS, Android, Windows phone.\n<\/p>\n<p>\n  En mobilapplikasjon er et godt valg for store nettbutikker med mange kategorier og produkter. Hvis en kunde bes\u00f8ker et nettsted ganske ofte for \u00e5 finne, kj\u00f8pe eller sp\u00f8rre om noe, er det lettere \u00e5 gj\u00f8re det via en applikasjon i stedet for via et nettsted.\n<\/p>\n<h5>\n  Mobil versjon<br \/>\n<\/h5>\n<p>\n  En mobilsideversjon kombinerer fordelene med responsiv design og en mobilapplikasjon, og er dermed en optimal m\u00e5te \u00e5 bli mobilvennlig p\u00e5.\n<\/p>\n<p>\n  P\u00e5 den ene siden utvikles en mobilversjon separat fra skrivebordssiden og kan kun inneholde n\u00f8dvendige blokker med mindre kode. P\u00e5 den annen side er det ikke n\u00f8dvendig \u00e5 designe og utvikle en mobilversjon for hver plattform separat, da en mobilsideversjon vil se bra ut p\u00e5 alle enheter og skjermer.\n<\/p>\n<p>\n  Noen store butikker kombinerer de ovennevnte typene og tilbyr 2 varianter samtidig: en mobilversjon og en applikasjon. En kunde m\u00e5 bare bestemme hva som vil fungere best for ham.\n<\/p>\n<p>\n  Uansett hvilken variant en selger trenger, b\u00f8r en designer f\u00f8lge bestemte prinsipper mens han designer et mobilnettsted. Jeg vil liste opp de viktigste av dem nedenfor. Jeg vil mest snakke om mobilversjoner da de kombinerer ideer om responsiv design og en applikasjon.\n<\/p>\n<h3>\n  Hovedprinsipper for mobildesign for e-handel<br \/>\n<\/h3>\n<p>\n  Hvis du kun har erfaring med \u00e5 designe skrivebordssider, kan det hende du synes det er vanskelig \u00e5 designe for mobil. Designet ditt skal ikke bare v\u00e6re tiltalende, men ogs\u00e5 vennlig for mobilbrukere.\n<\/p>\n<p>\n  N\u00e5r det gjelder design for mobile enheter, er hovedproblemet skjermst\u00f8rrelsen. Nettbrett og mobiltelefoner har mye mindre skjermer enn en stasjon\u00e6r datamaskin. Men du b\u00f8r likevel klare \u00e5 gi mobilbes\u00f8kende praktisk navigasjon og sikre en s\u00f8ml\u00f8s brukeropplevelse.\n<\/p>\n<h5>\n  Prinsipp 1: Brukervennlighet<br \/>\n<\/h5>\n<p>\n  I disse dager b\u00f8r en designer lage vakre grensesnitt med brukervennlighet i tankene. For \u00e5 oppn\u00e5 maksimal effektivitet av nettbutikken du designer for, b\u00f8r du bli bedre kjent med den. Start fra forskning og svar p\u00e5 f\u00f8lgende sp\u00f8rsm\u00e5l:\n<\/p>\n<ul>\n<li>Hvilke produkter selges her?\n  <\/li>\n<li>Hvem er en gjennomsnittlig kunde i denne butikken?\n  <\/li>\n<li>Hvilke alternativer b\u00f8r v\u00e6re tilgjengelige? Hvilke av disse alternativene er viktigere?\n  <\/li>\n<\/ul>\n<p>\n  Du tenker kanskje: hvordan henger dette sammen med mobildesign? Jeg er glad du har spurt! \u00c5rsaken ligger i sm\u00e5 skjermst\u00f8rrelser som bare skal inneholde de blokkene og alternativene som virkelig trengs.\n<\/p>\n<p>\n  Brukervennlighet er ikke det en kunde ser, det er noe han f\u00f8ler n\u00e5r han surfer gjennom en mobilbutikk. La ham f\u00f8le seg hjemme.\n<\/p>\n<h5>\n  Prinsipp 2: Prototyping<br \/>\n<\/h5>\n<p>\n  N\u00e5r du har samlet all n\u00f8dvendig informasjon om selskapet, kan du g\u00e5 i gang med \u00e5 designe mobilnettstedet. Det er bedre \u00e5 starte med en prototype som i stor grad forenkler prosessen. En prototype b\u00f8r inneholde alle strukturelle elementer p\u00e5 siden: tekstblokker, bilder, lenker, knapper, overskrifter og titler, input osv. Du kan lage prototyper i forskjellige programmer som Photoshop eller Axure eller til og med p\u00e5 papir.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cd14bf5.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cd14bf5.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  For det f\u00f8rste vil en prototype hjelpe deg \u00e5 forst\u00e5 prosjektet bedre. Mens du lager det, vil du n\u00f8ye tenke over alle elementene og deres posisjoner, s\u00e5 neste trinn &#8211; \u00e5 tegne designet ditt &#8211; vil v\u00e6re mye enklere.\n<\/p>\n<p>\n  For det andre, ved \u00e5 lage en prototype sparer du mye tid p\u00e5 fremtidige rettelser: det er bedre \u00e5 lage dem p\u00e5 denne scenen enn p\u00e5 de neste.\n<\/p>\n<p>\n  F\u00f8r du lager en prototype, b\u00f8r du bestemme deg for hvilken enhet du skal lage den for: en mobiltelefon eller et nettbrett. Tenk dessuten p\u00e5 at hver av disse enhetene har portrett- og landskapsmodus. Noter ned alle de strukturelle elementene som b\u00f8r finnes p\u00e5 prototypen din for ikke \u00e5 glemme noe.\n<\/p>\n<p>\n  Til hovedsiden til en nettbutikk trenger vi for eksempel: logo, kasse, s\u00f8kefelt, navigasjon, produktblokker med bilder, titler, korte beskrivelser og pris samt litt generell tekst om butikken. N\u00e5r alle disse elementene er oppregnet, kan du begynne \u00e5 lage 4 prototyper: for en mobiltelefon med st\u00e5ende og liggende modus og for et nettbrett med st\u00e5ende og liggende modus.\n<\/p>\n<p>\n  N\u00e5r prototypene dine er klare og godkjent, kan du begynne \u00e5 designe grensesnittet.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cf9b544.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217cf9b544.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Prinsipp 3: Grensesnitt<br \/>\n<\/h5>\n<p>\n  Et grensesnitt er det f\u00f8rste en bes\u00f8kende ser n\u00e5r han lander i en nettbutikk. Interface setter butikktonen som er veldig viktig, s\u00e5 din oppgave som designer er \u00e5 gj\u00f8re denne tonen positiv og bygge en positiv holdning.\n<\/p>\n<p>\n  Hjelp bes\u00f8kende til raskt \u00e5 forst\u00e5 hvor de er, hva de kan f\u00e5, hvilke funksjoner og funksjoner de kan bruke. Det kan oppn\u00e5s med spesifikk fargebruk, innrykk, ikoner, fonter. Hvis du trenger \u00e5 vise kasse \u2013 legg til et kasseikon; hvis du trenger \u00e5 sette inn en lenke \u2013 marker den med farge.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d205006.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d205006.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Prinsipp 4: St\u00f8rrelser<br \/>\n<\/h5>\n<p>\n  Det er to grunnleggende s\u00e6regenheter ved mobile enheter: st\u00f8rrelsen deres og m\u00e5ten en bruker samhandler med et nettsted via disse enhetene: han bruker fingrene som er mye st\u00f8rre enn en mark\u00f8r p\u00e5 et skrivebord. Du b\u00f8r ta hensyn til disse s\u00e6regenhetene mens du designer for mobil.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d3b318d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d3b318d.webp\" alt=\"\" \/><\/a><\/p>\n<ul>\n<li>\n<p>\n      <strong>Klikkbar omr\u00e5dest\u00f8rrelse:<\/strong>\n    <\/p>\n<p>\n      P\u00e5 grunn av de ovennevnte egenskapene til mobile enheter b\u00f8r en optimal klikkbar omr\u00e5dest\u00f8rrelse v\u00e6re st\u00f8rre enn 44x44px. Hvis du ikke vil frustrere de bes\u00f8kende ved feilklikk, pr\u00f8v \u00e5 gj\u00f8re alle de klikkbare elementene (lenker, knapper, s\u00f8kefelt, osv.) 44x44px eller st\u00f8rre for mdpi-oppl\u00f8sning for Android-enheter og ikke-retina-skjermer for iOS-enheter. For andre oppl\u00f8sninger b\u00f8r du skalere den opp.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Skriftst\u00f8rrelse:<\/strong>\n    <\/p>\n<p>\n      Du b\u00f8r gi de bes\u00f8kende raske skannealternativer og ikke glem synet deres samtidig. Derfor b\u00f8r skriftst\u00f8rrelsen ikke v\u00e6re mindre enn 11 pkt. Denne st\u00f8rrelsen sikrer god lesbarhet forutsatt at den brukes med kontrastbakgrunn. Imidlertid er 11pt mer egnet for plassholdere, hint og mindre viktig informasjon. For produktbeskrivelser og viktige tekstblokker er 13pt mer egnet.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Produktbilder St\u00f8rrelse:<\/strong>\n    <\/p>\n<p>\n      Det vil ikke v\u00e6re en overdrivelse hvis jeg sier at produktbilder er ansvarlige for salg av produktene (i de fleste tilfeller). Mange hopper over \u00e5 lese detaljer, de trenger bare bilder som viser et produkt fra alle mulige vinkler. Dette betyr at produktbilder skal v\u00e6re merkbare og store nok til at kunder kan unders\u00f8ke et produkt i detaljer, du kan til og med legge til et zoomalternativ for det.\n    <\/p>\n<p>\n      Et produktbilde b\u00f8r oppta ikke mindre enn 45 % av en mobiltelefons skjermbredde i st\u00e5ende retning; og mer enn 30 % i landskapsorientering. Dette vil hjelpe en kunde til \u00e5 se produktdetaljene generelt og legge merke til dets s\u00e6regenheter. N\u00e5r det gjelder nettbrett, kan du finne ut den beste bildest\u00f8rrelsen selv.\n    <\/p>\n<p>\n      Bortsett fra bildest\u00f8rrelsen, b\u00f8r du ogs\u00e5 tenke p\u00e5 bildekvaliteten. Saken er at de fleste moderne mobile enheter bruker netthinneskjerm, s\u00e5 bilder for 360x640px skjermoppl\u00f8sning vil ikke se bra ut p\u00e5 skjermer med 720x1280px eller 1080x1920px oppl\u00f8sning. Du b\u00f8r alltid huske at kvaliteten p\u00e5 bildene er noe av det viktigste for en nettbutikk.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Ikonst\u00f8rrelse:<\/strong>\n    <\/p>\n<p>\n      Ikoner oppfattes mye enklere enn tekst, det er derfor ikoner vanligvis brukes til hint i stedet for tekst. P\u00e5 den ene siden skal ikoner v\u00e6re merkbare; men p\u00e5 den annen side b\u00f8r de ikke v\u00e6re for fremtredende da de spiller en sekund\u00e6r rolle. Hvis du for eksempel legger til en s\u00f8kelinje med en h\u00f8yde p\u00e5 44 piksler, legger du til et forst\u00f8rrelsesglass p\u00e5 24 \u00d7 24 piksler. Dette ville v\u00e6re nok for brukeren til \u00e5 forst\u00e5 form\u00e5let med denne baren, og den vil se fin ut.\n    <\/p>\n<\/li>\n<li>\n<p>\n      <strong>Skjemast\u00f8rrelse:<\/strong>\n    <\/p>\n<p>\n      Nedenfor har jeg snakket om st\u00f8rrelser p\u00e5 individuelle elementer, n\u00e5 er det p\u00e5 tide \u00e5 snakke om st\u00f8rrelsen p\u00e5 en viktig blokk \u2013 form.\n    <\/p>\n<p>\n      St\u00f8rrelsen p\u00e5 en mobiltelefonskjerm er begrenset, og n\u00e5r en kunde trenger \u00e5 fylle ut et skjema, dukker et tastatur opp og overlapper omtrent halvparten av skjermst\u00f8rrelsen. Denne s\u00e6regenheten krever at mobile former holdes s\u00e5 minimalistiske som mulig. De skal bare inneholde de feltene som virkelig er n\u00f8dvendige: for eksempel navn, adresse, e-post. Forresten, denne regelen kan ogs\u00e5 brukes p\u00e5 stasjon\u00e6re nettsteder hvis du \u00f8nsker \u00e5 \u00f8ke potensielle salg: Jo f\u00e6rre felt et skjema har, jo flere vil sannsynligvis sende det inn.\n    <\/p>\n<p>\n      En lang og kjedelig vei fra en inngang til en annen kan frustrere en kunde og f\u00e5 ham til \u00e5 forlate butikken.\n    <\/p>\n<\/li>\n<\/ul>\n<h5>\n  Prinsipp 5: Farge<br \/>\n<\/h5>\n<p>\n  Merkestilen b\u00f8r observeres ikke bare i logoen, visittkortene og heftene, men ogs\u00e5 p\u00e5 en mobilside. Det er for det meste farger som bidrar til \u00e5 vise merkestilen samt fremheve n\u00f8kkelelementet p\u00e5 hver side.\n<\/p>\n<p>\n  F\u00f8r du designer et grensesnitt, b\u00f8r du tenke over hvilke farger som skal brukes og lage en palett. Hvis du bruker f\u00e5 farger, vil grensesnittet se kjedelig ut; hvis du bruker for mange farger, vil grensesnittet se for rotete og distraherende ut. S\u00e5 det er bedre \u00e5 holde balansen og bruke 6-10 farger. Dette er et optimalt antall, men det kan selvf\u00f8lgelig v\u00e6re noen unntak.\n<\/p>\n<p>\n  Her er en trinn-for-trinn guide for valg av farger for et e-handelsnettsted:\n<\/p>\n<p>\n  Fargekombinasjonene du har laget b\u00f8r v\u00e6re harmoniske. Husk kontrast da det hjelper \u00e5 tiltrekke bes\u00f8kendes oppmerksomhet til de viktigste elementene, for eksempel &laquo;Legg i handlekurv&raquo;-knappen.\n<\/p>\n<ol>\n<li>Velg hovedfargen for nettstedet. Den vil v\u00e6re ansvarlig for \u00e5 formidle stemningen.\n  <\/li>\n<li>Velg en sekund\u00e6r farge. Det vil hjelpe hovedfargen \u00e5 fremheve forskjellige elementer.\n  <\/li>\n<li>Velg hovedfarge for produktbeskrivelser.\n  <\/li>\n<li>Velg farge for titler. Titlene skal v\u00e6re merkbare.\n  <\/li>\n<li>Husk at ulike hint eller verkt\u00f8ytips ikke skal skille seg ut, men fortsatt skal v\u00e6re synlige.\n  <\/li>\n<li>Produktpris er et viktig element, fremhev den med farge.\n  <\/li>\n<li>Lenker, knapper og navigasjonselementer skal oppfattes som klikkbare elementer, dette kan ogs\u00e5 oppn\u00e5s med farger.\n  <\/li>\n<li>Du kan velge noen flere nyanser av de valgte fargene hvis du trenger det.\n  <\/li>\n<\/ol>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d592881.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d592881.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Prinsipp 6: Fonter<br \/>\n<\/h5>\n<p>\n  Som med farger, kan du lage en &laquo;palett&raquo; for fonter du skal bruke: lag en liste over skriftnavn, st\u00f8rrelser og stiler.\n<\/p>\n<p>\n  Fonter skal ha h\u00f8y lesbarhet og enkelt formidle informasjonen til potensielle kunder. Unng\u00e5 derfor for komplekse skrifttyper som er vanskelige \u00e5 lese: kunder vil ikke miste tid p\u00e5 \u00e5 pr\u00f8ve \u00e5 forst\u00e5 hva du pr\u00f8ver \u00e5 tilby.\n<\/p>\n<p>\n  Skriftpaletten din kan se ut som en enkel txt-fil der du lagrer f\u00f8lgende informasjon:\n<\/p>\n<p>\n  Overskrift 1 \u2013 RobotoLight 36pt\n<\/p>\n<p>\n  Det er opp til deg \u00e5 bestemme hvilken font du skal bruke for dette eller det elementet. Hver font har sin egen betydning og karakter som vil bli sendt til nettstedet, s\u00e5 du b\u00f8r v\u00e6re forsiktig med \u00e5 velge de riktige skriftene.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d79dd6d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d79dd6d.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Prinsipp 7: Tilpasning<br \/>\n<\/h5>\n<p>\n  N\u00e5r du har tenkt over UX-l\u00f8sninger for den mobile e-handelsbutikken, laget en prototype, laget farger og skriftpaletter og tegnet det endelige grensesnittet, er arbeidet ikke over: det er tid for tilpasning.\n<\/p>\n<p>\n  Du oppretter en nettbutikk som bes\u00f8kende vil se p\u00e5 sine mobile enheter. I disse dager er det et stort utvalg av mobile enheter med forskjellige st\u00f8rrelser og oppl\u00f8sninger. Det ville v\u00e6re uproduktivt \u00e5 lage en prototype for hver av dem. Dette betyr at mens du lager hovedprototypen din, b\u00f8r du vurdere hvilke elementer som vil bli endret, strukket eller til og med utelatt avhengig av enheten som brukes.\n<\/p>\n<p>\n  Tilpasning er sv\u00e6rt viktig for mobildesign. Pr\u00f8v \u00e5 teste prototypen din i det minste p\u00e5 de fleste popul\u00e6re oppl\u00f8sninger.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d99f749.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247387-638217d99f749.webp\" alt=\"\" \/><\/a><\/p>\n<h3>\n  Siste tanker<br \/>\n<\/h3>\n<p>\n  Selv om denne artikkelen er dedikert til designprinsipper for mobile e-handelssider, kan noen punkter ogs\u00e5 brukes for skrivebordssider: grensesnitt, farger, brukervennlighet, fonter.\n<\/p>\n<p>\n  Husk at prinsipper ikke er strenge lover; du kan ikke f\u00f8lge dem hele tiden. Det viktigste er \u00e5 designe med brukervennlighet i tankene og tenke p\u00e5 m\u00e5lgruppen.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/11\/26\/ecommerce-mobile-design-principles\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vi lever i en h\u00f8yteknologisk verden der nesten hvert menneske har daglig tilgang til Internett via ulike enheter. For noen \u00e5r siden brukte de fleste av oss kun stasjon\u00e6re datamaskiner til det, men de siste \u00e5rene har situasjonen endret seg. N\u00e5 tar mobile enheter ledelsen ettersom flere og flere foretrekker \u00e5 bruke nettbrett og mobiltelefoner for \u00e5 surfe p\u00e5 internett. E-handelssf\u00e6ren er ikke et unntak; den opplever ogs\u00e5 en \u00f8kning i bruk av mobile enheter. I dag er mobilvennlighet et must for enhver e-handelsside. Selv Google behandler mobilvennlighet som et rangeringssignal. S\u00e5 her\u2026<\/p>\n","protected":false},"author":1,"featured_media":149017,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[525,694,122,603,57,200],"tags":[],"class_list":["post-257657","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverse-no","category-mobil-gadgets","category-nettverktoy","category-teknologi-og-mer","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257657"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257657\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/149017"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}