![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300329-63831d1ed236e.webp\")
<\/a><\/p>\n\n Den muterer imidlertid til en enkelt-kolonne layout med en skjult meny p\u00e5 b\u00e5de nettbrett og mobil. Nettstedmenyen p\u00e5 skrivebordsversjonen kommer ogs\u00e5 med etiketter og ikoner, noe som gj\u00f8r det lettere for de eldre generasjonene (som er mer sannsynlig \u00e5 bruke stasjon\u00e6r eller b\u00e6rbar datamaskin) \u00e5 forst\u00e5.\n<\/p>\n
\n Jevn navigering spiller en avgj\u00f8rende rolle for \u00e5 holde potensielle kunder p\u00e5 nettstedet ditt lenger. Brukerne er ut\u00e5lmodige. De kommer ikke til \u00e5 vente for alltid hvis de ikke finner det de vil ha. Som et resultat kan d\u00e5rlig navigering direkte p\u00e5virke konverteringsfrekvensen din, og dermed fortjenesten din. S\u00e5 brukere b\u00f8r kunne f\u00e5 tilgang til og navigere p\u00e5 nettstedet ditt s\u00f8ml\u00f8st p\u00e5 tvers av enheter.\n<\/p>\n \n N\u00e5r det gjelder nettstednavigering, er vanligvis mindre mer. S\u00e5, minimer antallet navigasjonslenker s\u00e5 mye som mulig. Du vil ikke overvelde brukere med for mange valg. \u00c5 tilby mange lenker kan ogs\u00e5 p\u00e5virke SEO negativt fordi webcrawlere finner det vanskelig \u00e5 tyde slikt innhold.\n<\/p>\n \n S\u00e5 s\u00f8rg for \u00e5 legge til lenker til passende s\u00f8keord og fraser. Reparer eventuelle \u00f8delagte koblinger s\u00e5 snart som mulig. Hvis du har erstattet en gammel nettside med en ny, s\u00f8rg for \u00e5 lage en passende viderekoblingslenke.\n<\/p>\n \n Unng\u00e5 \u00e5 leke for mye med kreativiteten din. Det er ofte bedre \u00e5 holde seg til standard navigasjonsarkitektur. I h\u00e5p om \u00e5 skille seg ut fra mengden, bruker folk ofte overdreven bruk av animasjon eller grafikk og ender opp med \u00e5 ha stikk motsatt effekt p\u00e5 brukerne.\n<\/p>\n \n Det er imidlertid \u00f8nskelig \u00e5 inkludere de siste navigasjonstrendene p\u00e5 nettstedet ditt. For eksempel s\u00e5 2017 en betydelig \u00f8kning i blant annet klebrige nav-barer, megamenyer og responsive undernavigasjonsmenyer. \u00c5 bruke en av disse funksjonene p\u00e5 nettstedet ditt er sannsynligvis en god id\u00e9.\n<\/p>\n \n San Francisco Museum of Modern Arts nettsted er kanskje den beste kombinasjonen av enkel navigering og fantastisk grafikk. Den enkle, men elegante hovedmenyen gir lenker til alt n\u00f8dvendig, inkludert utstillinger, prosjekter, fremhevede kunstverk, billettdetaljer, bes\u00f8kstider og medlemskap.\n<\/p>\n \n Du trenger ikke \u00e5 rulle nedover hjemmesiden for \u00e5 se alle disse koblingene. I stedet for tekst og bilder har de brukt videoer som f\u00e5r deg til \u00e5 f\u00f8le deg som om du st\u00e5r p\u00e5 museet.\n<\/p>\n \n De har ogs\u00e5 holdt det intuitive navigasjonsrammeverket intakt p\u00e5 hele nettstedet. Enten du sjekker ut kunstverket eller prosjektene, vil du aldri f\u00f8le deg fortapt. Nettstedet kommuniserer kompleksiteten til kunst og malerier p\u00e5 en relativt enkel m\u00e5te, akkurat slik vanlige folk \u00f8nsker \u00e5 oppleve det.\n<\/p>\n \n Alle vet at hastigheten p\u00e5 nettstedet er viktig. Men hvor raskt nettstedet ditt m\u00e5 v\u00e6re er et sp\u00f8rsm\u00e5l om debatt. I f\u00f8lge en fersk studie publisert av Google er ett sekund den ideelle lastetiden for nettsiden. Men hvis det tar opptil tre sekunder \u00e5 laste inn nettstedet ditt, g\u00e5r det fortsatt bra, siden fluktfrekvensen ikke er mer enn 32 %. Men hvis lastetiden \u00f8ker ytterligere, for eksempel opptil fem sekunder, vil fluktfrekvensen v\u00e6re 90 %, mens en ti sekunders forsinkelse f\u00f8rer til 123 % \u00f8kning.\n<\/p>\n \n Google har gitt fortrinnsbehandling til hurtiglastende nettsteder i noen tid n\u00e5. Det var imidlertid begrenset til bare personlige datamaskiner. Men med den \u00f8kende nettrafikken p\u00e5 mobiltelefoner, har Google bestemt seg for \u00e5 sidehastighet som en rangeringsfaktor for mobils\u00f8k fra og med juli 2018. S\u00e5 lastehastigheten til nettstedet m\u00e5 v\u00e6re s\u00e5 h\u00f8y som mulig.\n<\/p>\n \n Det f\u00f8rste du m\u00e5 gj\u00f8re er \u00e5 finne ut hvor mye tid det tar \u00e5 laste forskjellige deler av hver nettside p\u00e5 nettstedet ditt. Selv om du kan bruke hastighetsanalysatorverkt\u00f8y som WebPageTest<\/strong> eller Pingdom<\/strong>, er de ikke nok.\n<\/p>\n \n For \u00e5 se hvor raskt hvert element p\u00e5 nettstedet ditt lastes inn, kan du h\u00f8yreklikke p\u00e5 siden du vil analysere, klikke p\u00e5 \u00abInspiser\u00bb og deretter klikke p\u00e5 \u00abNettverk\u00bb-fanen. Du kan gj\u00f8re dette i en hvilken som helst nettleser. For eksempel lasten tid for ulike elementer p\u00e5 nettsiden http:\/\/www.instantshift.com\/category\/web-design\/<\/a> i Firefox-nettleseren er avbildet nedenfor. Denne analysen vil gi deg data for \u00e5 identifisere sakte lasting-elementer p\u00e5 hver nettside.\n<\/p>\n \n Den vil ogs\u00e5 vise deg hvor mange HTTP-foresp\u00f8rsler nettstedet ditt gj\u00f8r. \u00c5 redusere antall HTTP-foresp\u00f8rsler er en fin m\u00e5te \u00e5 forbedre hastigheten p\u00e5. Identifiser og eliminer un\u00f8dvendige bilder, tekster eller grafikk, hvis noen.\n<\/p>\n \n Andre hastighetsforbedringstrinn inkluderer bruk av et innholdsleveringsnettverk (CDN), bruk av et domene uten informasjonskapsler st\u00f8ttet av et CDN for \u00e5 v\u00e6re vert for de statiske filene dine, forminske og kombinere HTML-, CSS- og JavaScript-filene dine, installere Google PageSpeed \u200b\u200bp\u00e5 serveren din, og utsette JavaScript-lasting, blant annet.\n<\/p>\n \n B\u00e5de tekst og visuelle elementer er kritiske faktorer for et nettsted. Nettstedet ditt kan imidlertid ikke tiltrekke seg mer nettrafikk uten \u00e5 finne den rette balansen mellom disse to elementene. Med andre ord, grafikken skal ikke overmanne teksten og omvendt.\n<\/p>\n \n Den menneskelige hjernen har imidlertid en tendens til \u00e5 huske bilder bedre og lenger. Faktisk kan folk huske 65 % av det visuelle nesten tre dager senere sammenlignet med 10 % av tekstinnholdet i samme periode. Innholdet ditt kan generere opptil 94 % flere visninger hvis du legger til overbevisende visuelle elementer og grafikk i det.\n<\/p>\n \n I tillegg kan viralt visuelt innhold (videoer, GIF-er og bilder) generere flere inng\u00e5ende lenker. Dessuten f\u00e5r stadig flere mennesker tilgang til nettet fra mobilene sine, spesielt den unge generasjonen. Det er fornuftig \u00e5 bruke mer visuelle elementer fordi det er s\u00e5 mye enklere \u00e5 se en video sammenlignet med \u00e5 lese et langt avsnitt p\u00e5 mobil.\n<\/p>\n \n Det er imidlertid en hake. Flere HD-videoer, grafikk og bilder betyr at nettstedet ditt vil lastes langsommere. Som nevnt i forrige punkt, f\u00f8rer langsommere lasting av nettsteder til h\u00f8yere fluktfrekvenser. S\u00f8kemotorer synes det ogs\u00e5 er vanskelig \u00e5 gjenkjenne bilder sammenlignet med tekst. En m\u00e5te \u00e5 l\u00f8se dette problemet p\u00e5 er \u00e5 legge til passende «Alt Text» til bildene.\n<\/p>\n \n N\u00e5r du bruker \u00abAlt-tekst\u00bb, fokuserer du ikke bare p\u00e5 s\u00f8keordm\u00e5lretting, men ogs\u00e5 p\u00e5 brukerhensikten. Ta for eksempel en titt p\u00e5 f\u00f8lgende bilde. Det kan bety en rekke ting. Du kan oppfatte dette bildet som et tegn p\u00e5 lykke eller motivasjon eller til og med en f\u00f8lelse av prestasjon.\n<\/p>\n \n S\u00e5 hvis nettstedet ditt omhandler noe som personlig eller profesjonell suksess, er det mye bedre \u00e5 nevne «m\u00e5ter for \u00e5 oppn\u00e5 m\u00e5let ditt» i «Alt-teksten» enn bare \u00e5 si «en jente som hopper ved solnedgangspunktet.»\n<\/p>\n \n P\u00e5 den annen side b\u00f8r et nettsted om depresjon og r\u00e5dgivning bruke noe i retning av «\u00e5 overvinne depresjon med iboende lykke.» Unng\u00e5 imidlertid \u00e5 g\u00e5 over bord med beskrivelsen. Det b\u00f8r ikke se unaturlig ut siden s\u00f8kemotorer ikke liker s\u00f8keordstopping. Bruk relevant og meningsfull beskrivelse.\n<\/p>\n \n Visuell og tekstbalanse b\u00f8r imidlertid ikke n\u00f8dvendigvis v\u00e6re symmetrisk. Du kan ordne disse to elementene asymmetrisk, spesielt hvis du har tenkt \u00e5 gi et mer uformelt, moderne eller avslappet utseende til webdesignet ditt.\n<\/p>\n \n Dropbox<\/strong> sin hjemmeside er et eksempel p\u00e5 en asymmetrisk layout av tekst og bilder. Det bringer brukerens oppmerksomhet til fokuspunktene umiddelbart. Men verken det visuelle eller teksten ser ut til \u00e5 overg\u00e5 hverandre.\n<\/p>\n \n Seedlip<\/strong>, et selskap som selger destillert alkoholfritt brennevin, bruker mye mellomrom samt fet skrift og enkel tekst der det er mulig. Det er den rette balansen mellom tekst og visuelt som er ment \u00e5 tjene godt til m\u00e5lgruppen deres.\n<\/p>\n \n Til tross for at du har tatt alle forholdsregler, kan ting fortsatt g\u00e5 galt, noe som resulterer i nettstedsfeil. Selv om du ikke kan unng\u00e5 disse upassende feilene helt, kan du sikkert omfavne dem med ynde. Dine potensielle kunder f\u00f8ler seg allerede irriterte etter \u00e5 ha m\u00f8tt en feilaktig nettside. Hvorfor gni salt i s\u00e5ret med en tullete (eller direkte irriterende) feilmelding? Dessverre forblir dette aspektet ved webdesign stort sett oversett.\n<\/p>\n \n Selv om brukerne dine har skrevet feil brukernavn eller URL-adresse, b\u00f8r du for enhver pris unng\u00e5 \u00e5 skylde p\u00e5 dem. Tvert imot, feilmeldinger m\u00e5 v\u00e6re s\u00e5 brukervennlige som mulig. Bruk alltid et h\u00f8flig spr\u00e5k n\u00e5r du p\u00e5peker en feil. For eksempel, i stedet for \u00e5 bruke en standardmelding som «E-postadressen du skrev inn er feil», bruker Mail Chimp<\/strong> f\u00f8lgende feilh\u00e5ndteringsbeskrivelse.\n<\/p>\n \n Piccsy<\/strong> tar feilh\u00e5ndtering til et helt nytt niv\u00e5 ved hjelp av letthjertet humor. Hvis du st\u00f8ter p\u00e5 «404 – side ikke funnet» feil p\u00e5 nettstedet deres, er dette hva du vil se.\n<\/p>\n<\/a><\/p>\n\n 2 Enkel navigering
\n<\/h3>\n\n A. Less Is More
\n<\/h5>\n\n B. For mye kreativitet kan v\u00e6re skadelig
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Nettsted for rask lasting
\n<\/h3>\n<\/a><\/p>\n\n A. Identifiser lastetiden for hvert element
\n<\/h5>\n<\/a><\/p>\n\n B. Reduser antall HTTP-foresp\u00f8rsler
\n<\/h5>\n\n 4 Balansert bruk av bilder og tekst
\n<\/h3>\n\n A. Vi husker visuelle bilder enkelt
\n<\/h5>\n<\/a><\/p>\n\n B. Visuals har en kostnad
\n<\/h5>\n<\/a><\/p>\n\n C. Asymmetrisk visuell-tekstbalanse fungerer ogs\u00e5
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Riktig feilh\u00e5ndtering
\n<\/h3>\n\n A. V\u00e6r h\u00f8flig
\n<\/h5>\n<\/a><\/p>\n\n B. Bruk letthjertet humor
\n<\/h5>\n