![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300329-63831d1ed236e.webp\")
<\/a><\/p>\n\n Den muteras dock till en enkolumnslayout med en dold meny p\u00e5 b\u00e5de surfplatta och mobil. Webbplatsmenyn p\u00e5 skrivbordsversionen kommer ocks\u00e5 med etiketter och ikoner, vilket g\u00f6r det l\u00e4ttare f\u00f6r de \u00e4ldre generationerna (som \u00e4r mer ben\u00e4gna att anv\u00e4nda station\u00e4ra eller b\u00e4rbara) att f\u00f6rst\u00e5.\n<\/p>\n
\n Smidig navigering spelar en avg\u00f6rande roll f\u00f6r att beh\u00e5lla potentiella kunder p\u00e5 din webbplats l\u00e4ngre. Anv\u00e4ndare \u00e4r ot\u00e5liga. De kommer inte att v\u00e4nta f\u00f6r evigt om de inte hittar vad de vill ha. Som ett resultat kan d\u00e5lig navigering direkt p\u00e5verka din omvandlingsfrekvens och d\u00e4rmed din vinst. S\u00e5 anv\u00e4ndare b\u00f6r kunna komma \u00e5t och navigera p\u00e5 din webbplats s\u00f6ml\u00f6st p\u00e5 olika enheter.\n<\/p>\n \n N\u00e4r det kommer till webbnavigering \u00e4r oftast mindre mer. S\u00e5, minimera antalet navigeringsl\u00e4nkar s\u00e5 mycket som m\u00f6jligt. Du vill inte \u00f6verv\u00e4ldiga anv\u00e4ndare med f\u00f6r m\u00e5nga val. Att erbjuda m\u00e5nga l\u00e4nkar kan ocks\u00e5 p\u00e5verka din SEO negativt eftersom s\u00f6krobotar har sv\u00e5rt att dechiffrera s\u00e5dant inneh\u00e5ll.\n<\/p>\n \n S\u00e5 se till att l\u00e4gga till l\u00e4nkar till l\u00e4mpliga s\u00f6kord och fraser. \u00c5tg\u00e4rda eventuella trasiga l\u00e4nkar s\u00e5 snart som m\u00f6jligt. Om du har ersatt en gammal webbsida med en ny, se till att skapa en l\u00e4mplig omdirigeringsl\u00e4nk.\n<\/p>\n \n Undvik att leka f\u00f6r mycket med din kreativitet. Det \u00e4r ofta b\u00e4ttre att h\u00e5lla fast vid standardnavigeringsarkitekturen. I hopp om att sticka ut fr\u00e5n m\u00e4ngden anv\u00e4nder m\u00e4nniskor ofta \u00f6verdrivet mycket animation eller grafik och f\u00e5r rakt motsatt effekt p\u00e5 anv\u00e4ndarna.\n<\/p>\n \n Det \u00e4r dock \u00f6nskv\u00e4rt att inf\u00f6rliva de senaste navigeringstrenderna p\u00e5 din webbplats. Till exempel 2017 s\u00e5gs en betydande \u00f6kning av klibbiga navigeringsf\u00e4lt, megamenyer och responsiva undernavigeringsmenyer, bland annat. Att anv\u00e4nda n\u00e5gon av dessa funktioner p\u00e5 din webbplats \u00e4r f\u00f6rmodligen en bra id\u00e9.\n<\/p>\n \n San Francisco Museum of Modern Arts webbplats \u00e4r kanske den b\u00e4sta kombinationen av enkel navigering och fantastisk grafik. Den enkla men eleganta huvudmenyn ger l\u00e4nkar till allt v\u00e4sentligt inklusive utst\u00e4llningar, projekt, utvalda konstverk, biljettinformation, bes\u00f6kstid och medlemskap.\n<\/p>\n \n Du beh\u00f6ver inte scrolla ner p\u00e5 hemsidan f\u00f6r att se alla dessa l\u00e4nkar. Ist\u00e4llet f\u00f6r text och bild har man anv\u00e4nt sig av filmer som f\u00e5r dig att k\u00e4nna att du st\u00e5r p\u00e5 museet.\n<\/p>\n \n De har ocks\u00e5 beh\u00e5llit det intuitiva navigeringsramverket intakt p\u00e5 hela webbplatsen. Oavsett om du kollar in konstverken eller projekten kommer du aldrig att k\u00e4nna dig vilsen. Webbplatsen kommunicerar komplexiteten i konst och m\u00e5lningar p\u00e5 ett relativt enkelt s\u00e4tt, precis som vanligt folk skulle vilja uppleva det.\n<\/p>\n \n Alla vet att webbplatsens hastighet spelar roll. Men hur snabb din webbplats beh\u00f6ver vara \u00e4r en fr\u00e5ga om debatt. Enligt en nyligen publicerad studie publicerad av Google \u00e4r en sekund den idealiska laddningstiden f\u00f6r webbsidan. Men om det tar upp till tre sekunder att ladda din webbplats g\u00e5r det fortfarande bra eftersom avvisningsfrekvensen inte \u00e4r mer \u00e4n 32 %. Men om laddningstiden \u00f6kar ytterligare, s\u00e4g upp till fem sekunder, blir avvisningsfrekvensen 90 %, medan en tio sekunders f\u00f6rdr\u00f6jning leder till 123 % \u00f6kning.\n<\/p>\n \n Google har gynnat snabbladdningswebbplatser sedan en tid tillbaka. Det var dock begr\u00e4nsat till endast persondatorer. Men med den \u00f6kande webbtrafiken p\u00e5 mobiltelefoner har Google beslutat att sidhastigheten \u00e4r en rankningsfaktor f\u00f6r mobils\u00f6kningar fr\u00e5n och med juli 2018. S\u00e5, sajtladdningshastigheten m\u00e5ste vara s\u00e5 h\u00f6g som m\u00f6jligt.\n<\/p>\n \n Det f\u00f6rsta du beh\u00f6ver g\u00f6ra \u00e4r att ta reda p\u00e5 hur mycket tid det tar att ladda olika delar av varje webbsida p\u00e5 din webbplats. \u00c4ven om du kan anv\u00e4nda verktyg f\u00f6r hastighetsanalys som WebPageTest<\/strong> eller Pingdom r\u00e4cker<\/strong> de inte.\n<\/p>\n \n F\u00f6r att se hur snabbt varje element p\u00e5 din webbplats laddas kan du h\u00f6gerklicka p\u00e5 sidan du vill analysera, klicka p\u00e5 ”Inspektera” och klicka sedan p\u00e5 fliken ”N\u00e4tverk”. Du kan g\u00f6ra detta i vilken webbl\u00e4sare som helst. Till exempel, laddningen tid f\u00f6r olika element p\u00e5 webbsidan http:\/\/www.instantshift.com\/category\/web-design\/<\/a> i Firefox-webbl\u00e4saren visas nedan.Denna analys kommer att f\u00f6rse dig med data f\u00f6r att identifiera element f\u00f6r l\u00e5ngsam laddning p\u00e5 varje webbsida.\n<\/p>\n \n Det kommer ocks\u00e5 att visa dig hur m\u00e5nga HTTP-f\u00f6rfr\u00e5gningar din webbplats g\u00f6r. Att minska antalet HTTP-f\u00f6rfr\u00e5gningar \u00e4r ett bra s\u00e4tt att f\u00f6rb\u00e4ttra dess hastighet. Identifiera och eliminera on\u00f6diga bilder, texter eller grafik, om n\u00e5gra.\n<\/p>\n \n Andra hastighetsf\u00f6rb\u00e4ttringssteg inkluderar anv\u00e4ndning av ett inneh\u00e5llsleveransn\u00e4tverk (CDN), anv\u00e4ndning av en cookiefri dom\u00e4n som backas upp av ett CDN f\u00f6r att vara v\u00e4rd f\u00f6r dina statiska filer, f\u00f6rminska och kombinera dina HTML-, CSS- och JavaScript-filer, installera Google PageSpeed \u200b\u200bp\u00e5 din server och skjuta upp JavaScript-laddning, bland annat.\n<\/p>\n \n B\u00e5de text och bild \u00e4r kritiska faktorer f\u00f6r en webbplats. Din webbplats kan dock inte locka mer webbtrafik utan att hitta r\u00e4tt balans mellan dessa tv\u00e5 element. Med andra ord, grafiken ska inte \u00f6vermanna texten och vice versa.\n<\/p>\n \n Den m\u00e4nskliga hj\u00e4rnan tenderar dock att komma ih\u00e5g bilder b\u00e4ttre och l\u00e4ngre. Faktum \u00e4r att m\u00e4nniskor kan komma ih\u00e5g 65 % av bilderna n\u00e4stan tre dagar senare j\u00e4mf\u00f6rt med 10 % av textinneh\u00e5llet under samma period. Ditt inneh\u00e5ll kan generera upp till 94 % fler visningar om du l\u00e4gger till \u00f6vertygande visuella element och grafik i det.\n<\/p>\n \n Dessutom kan viralt visuellt inneh\u00e5ll (videor, GIF och bilder) generera fler inkommande l\u00e4nkar. Dessutom har ett \u00f6kande antal m\u00e4nniskor tillg\u00e5ng till webben fr\u00e5n sina mobiler, s\u00e4rskilt den unga generationen. Att anv\u00e4nda mer bild \u00e4r vettigt eftersom det \u00e4r s\u00e5 mycket l\u00e4ttare att titta p\u00e5 en video j\u00e4mf\u00f6rt med att l\u00e4sa ett l\u00e5ngt stycke p\u00e5 mobilen.\n<\/p>\n \n Det finns dock en hake. Fler h\u00f6guppl\u00f6sta videor, grafik och bilder betyder att din webbplats laddas l\u00e5ngsammare. Som n\u00e4mnts i f\u00f6reg\u00e5ende punkt leder l\u00e5ngsammare laddning av webbplatser till h\u00f6gre avvisningsfrekvens. S\u00f6kmotorer har ocks\u00e5 sv\u00e5rt att k\u00e4nna igen bilder j\u00e4mf\u00f6rt med text. Ett s\u00e4tt att \u00f6vervinna detta problem \u00e4r att l\u00e4gga till l\u00e4mplig ”Alt Text” till bilderna.\n<\/p>\n \n N\u00e4r du anv\u00e4nder ”Alt Text”, fokusera inte bara p\u00e5 s\u00f6kordsinriktning, utan ocks\u00e5 p\u00e5 anv\u00e4ndarens avsikt. Ta till exempel en titt p\u00e5 f\u00f6ljande bild. Det kan betyda en m\u00e4ngd olika saker. Du kan uppfatta den h\u00e4r bilden som ett tecken p\u00e5 lycka eller motivation eller till och med en k\u00e4nsla av prestation.\n<\/p>\n \n S\u00e5 om din webbplats handlar om n\u00e5got som personlig eller professionell framg\u00e5ng, \u00e4r det mycket b\u00e4ttre att n\u00e4mna ”s\u00e4tt att uppn\u00e5 ditt m\u00e5l” i din ”Alt-text” \u00e4n att bara s\u00e4ga ”en tjej som hoppar vid solnedg\u00e5ngen.”\n<\/p>\n \n \u00c5 andra sidan b\u00f6r en webbplats om depression och r\u00e5dgivning anv\u00e4nda n\u00e5got i stil med ”att \u00f6vervinna depression med inneboende lycka.” Undvik dock att g\u00e5 \u00f6verbord med beskrivningen. Det borde inte se onaturligt ut eftersom s\u00f6kmotorer inte gillar nyckelordsfyllning. Anv\u00e4nd relevant och meningsfull beskrivning.\n<\/p>\n \n Visuell och textbalans b\u00f6r dock inte n\u00f6dv\u00e4ndigtvis vara symmetrisk. Du kan ordna dessa tv\u00e5 element asymmetriskt, speciellt om du t\u00e4nker ge en mer informell, modern eller avslappnad look till din webbdesign.\n<\/p>\n \n Dropbox<\/strong> hemsida \u00e4r ett exempel p\u00e5 en asymmetrisk layout av text och bilder. Det f\u00f6r omedelbart anv\u00e4ndarens uppm\u00e4rksamhet till fokuspunkterna. Men varken det visuella eller texten verkar \u00f6vertr\u00e4ffa varandra.\n<\/p>\n \n Seedlip<\/strong>, ett f\u00f6retag som s\u00e4ljer destillerad alkoholfri sprit, anv\u00e4nder rikligt med blanksteg samt fetstilta teckensnitt och enkel text n\u00e4r det \u00e4r m\u00f6jligt. Det \u00e4r den r\u00e4tta balansen mellan text och bild som \u00e4r t\u00e4nkt att tj\u00e4na sin m\u00e5lgrupp v\u00e4l.\n<\/p>\n \n Trots att alla f\u00f6rsiktighets\u00e5tg\u00e4rder vidtagits kan saker fortfarande g\u00e5 fel, vilket resulterar i webbplatsfel. \u00c4ven om du inte kan undvika dessa ol\u00e4mpliga fel helt och h\u00e5llet, kan du s\u00e4kert omfamna dem med n\u00e5d. Dina potentiella kunder k\u00e4nner sig redan irriterade efter att ha st\u00f6tt p\u00e5 en felaktig webbsida. Varf\u00f6r gnugga salt i s\u00e5ret med ett ensartat (eller rent ut sagt irriterande) felmeddelande? Tyv\u00e4rr f\u00f6rblir denna aspekt av webbdesign till stor del f\u00f6rbisedd.\n<\/p>\n \n \u00c4ven om dina anv\u00e4ndare har skrivit fel anv\u00e4ndarnamn eller URL-adress, undvik till varje pris att skylla p\u00e5 dem. Tv\u00e4rtom m\u00e5ste felmeddelanden vara s\u00e5 anv\u00e4ndarv\u00e4nliga som m\u00f6jligt. Anv\u00e4nd alltid ett artigt spr\u00e5k n\u00e4r du p\u00e5pekar ett fel. Till exempel, ist\u00e4llet f\u00f6r att anv\u00e4nda ett standardmeddelande som ”E-postadressen du angav \u00e4r felaktig”, anv\u00e4nder Mail Chimp<\/strong> f\u00f6ljande felhanteringsbeskrivning.\n<\/p>\n \n Piccsy<\/strong> tar felhanteringen till en helt ny niv\u00e5 med hj\u00e4lp av l\u00e4ttsam humor. Om du st\u00f6ter p\u00e5 felet ”404 – sidan hittades inte” p\u00e5 deras webbplats, \u00e4r det detta du kommer att se.\n<\/p>\n<\/a><\/p>\n\n 2 Enkel navigering
\n<\/h3>\n\n A. Less Is More
\n<\/h5>\n\n B. F\u00f6r mycket kreativitet kan vara skadligt
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Snabbladdningswebbplats
\n<\/h3>\n<\/a><\/p>\n\n A. Identifiera laddningstiden f\u00f6r varje element
\n<\/h5>\n<\/a><\/p>\n\n B. Minska antalet HTTP-f\u00f6rfr\u00e5gningar
\n<\/h5>\n\n 4 Balanserad anv\u00e4ndning av bild och text
\n<\/h3>\n\n S. Vi minns visuellt enkelt
\n<\/h5>\n<\/a><\/p>\n\n B. Visuals kommer med en kostnad
\n<\/h5>\n<\/a><\/p>\n\n C. Asymmetrisk bild-textbalans fungerar ocks\u00e5
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Korrekt felhantering
\n<\/h3>\n\n A. Var artig
\n<\/h5>\n<\/a><\/p>\n\n B. Anv\u00e4nd l\u00e4ttsam humor
\n<\/h5>\n