20 myter om responsiv webbdesign
Behovet av att ta itu med vikten av responsiv webbdesign har för länge sedan passerat. Nu är det dags att fokusera på hur man gör en så responsiv design som möjligt.
Det är vad alla pratar om, men tyvärr vet inte alla vad de pratar om. Alltför ofta kommer du att stöta på information på Internet som utmanar vad du vet om responsiv design.
Ibland kommer det att vara extremt konstruktivt och hjälper till att vända dina webbdesignstrategier i rätt riktning. Andra gånger kommer du att hamna förvirrad, eller sluta gå i helt motsatt riktning. När det händer finns det ingen anledning att skylla på. Området för responsiv design är fortfarande ganska nytt, och alla kinks håller fortfarande på att utarbetas.
Förutom det är att skapa rykten och myter en del av den mänskliga naturen. Men som Barbara Streisand är känd för att ha sagt, ”Myter är ett slöseri med tid. De förhindrar utveckling.” Det är mycket bättre att leta efter sanningen än att fastna i en myt. För att kunna göra det är det viktigt att känna igen några av de största missuppfattningarna som följer med responsiv webbdesign, och skaffa de verktyg som behövs för ett lyckat skifte.
1 Responsiv design = optimering för mobil
Ja, det är sant att den senaste tidens mobiltillväxt är anledningen till att alla betonar responsiv webbdesign, och det spelar en stor roll i konceptet. Men det är inte det enda som betyder något. Det handlar också till stor del om att överväga vilka typer av användare och vilka enheter de använder. Det finns fler enheter förutom mobil som behöver optimeras, som surfplattor och tv-skärmar. Det verkliga syftet med responsiv webbdesign är att få en webbplats att passa vilken skärm eller bildskärm som helst, i alla proportioner eller skala, med vilken typ av Internetanslutning som helst. Detta går långt bortom mobilskärmen.
2 Testa på så många enheter som möjligt
I designvärlden testar de flesta designers inte sin webbplats på mer än en handfull enheter, och detsamma gäller för responsiv design. Det skulle vara omöjligt att testa på alla enheter. Det finns hundratals märken och tusentals modeller, och när du var klar med att testa även ett stort urval, skulle tekniken vara inaktuell och det skulle vara dags att börja igen. En liten urvalsstorlek är nästan alltid tillräcklig för att bestämma användbarheten för alla enheter.
3 Typografi behöver inte optimeras
Tyvärr tror alltför många designers detta. De fokuserar så mycket på enheten och storleken på webbsidan att de inte tar hänsyn till både den faktiska designen och användaren. För att bli framgångsrik måste en webbplats vara läsbar, och att uppmärksamma typografin på responsiv design är oerhört viktigt.
4 En enda adaptiv upplevelse fungerar inte
Antagandet att människor vill ha olika gränssnitt för olika enheter snubblar ofta upp den kunniga webbdesignern. Det får designers att tro att de behöver flera strategier och anpassningar skräddarsydda för varje enhet. Det är dock inte värt huvudvärken. Du kan enkelt skapa en webbplats som fungerar på flera enheter med bara en mall.
5 responsiv design och tunga sidbelastningar ger långsammare design
Det är lätt att skylla på vilddjurets natur, men i det här fallet är det bara inte rättvist. Det finns gott om småskaliga sajter med tungt innehåll som laddas snabbt och utan problem, vilket indikerar att det kanske inte är designen som är felet för långsamma sidladdningar, utan designern.
6 Responsiv design fungerar inte för alla användningsfall
Detta är extremt missvisande, eftersom användningsfall är mycket viktiga för en fungerande responsiv design. Designers måste ta hänsyn till varje användningsfall för att identifiera, förtydliga och organisera systemkrav på alla enheter. Dina användare kommer inte att vilja välja och vraka i vilka situationer de kan komma åt din webbplats, så du vill att den ska vara tillgänglig när som helst, och att bemästra användningsfallet för en mängd olika enheter är det bästa sättet att gå.
7 Responsiv design fungerar inte för detaljhandeln
Falsk. Även om det kan innebära ett svårare gränssnitt, fungerar responsiv design mycket bra för detaljhandelsföretag. Det börjar faktiskt bli en nödvändighet. En studie utförd av Juniper Research visar att 2018 kommer 30 procent av alla e-handelstransaktioner att ske över mobila enheter. Dessutom ökade antalet mobilshoppare från 393 miljoner till 580 miljoner från början av 2014 till slutet, vilket indikerar att det är över tid för responsiv design för detaljhandeln.
8 Det tar längre tid att implementera responsiv design
Det kan vara sant att det kommer att ta lite längre tid att få igång responsiv design, men inte mycket. Faktum är att det faktiskt kan spara tid när det skapar en gemensam kodbas och innehållsbas för en myriad av enheter. Dessutom lägger fler och fler webbhotellföretag till responsiv designkodning på sitt originalpaket, vilket gör det enklare och mindre tidskrävande att utveckla båda sajterna samtidigt.
9 Alla vänder sig mot responsiv design
Alla ser inte värdet av responsiv design. Det kan innebära attrahera den största onlinepubliken, men det betyder inte nödvändigtvis att alla företag behöver responsiv design för att bli framgångsrika. Det är värt det för varje företag att överväga kostnaden i förhållande till intäkterna, även om företaget beslutar att de inte behöver det.
10 responsiv design bör fungera på alla webbläsare
Utvecklingen inom den responsiva sektorn förbättras hela tiden, men det betyder inte att du kommer att kunna få vilken webbdesign som helst att fungera på alla mobila webbläsare. Det kommer vanligtvis bara att fungera på webbläsare som skapats sedan starten av responsiv webbdesign, som Chrome, Firefox och Safari. Du kommer att ha svårt att få den att svara på äldre versioner av Internet Explorer, vilket är bra, eftersom användaren snart kommer att upptäcka att de måste uppgradera sin webbläsare ändå.
11 Det är för dyrt att implementera
Det är sant att det krävs en annan uppsättning färdigheter, verktyg och teknik för att implementera responsiv design, men det är inte mycket dyrare än andra webbdesignsträvanden. Faktum är att många webbhotell erbjuder ett rabatterat pris om du redan köper webbhotell hos dem.
12 Responsiv design och SEO har begränsade kopplingar
SEO är nu starkt kopplat till responsiv design, tack vare Googles algoritmuppdatering som släpptes tidigare i år kommer webbplatser att straffas i sina rankningar om de inte är optimerade för mobil användning. Googles huvudmål är att ge sina användare exakt vad de vill ha, och den stora sökmotorn kommer inte att belöna dig med högre ranking om din webbplats inte är användarvänlig för deras stora mobilpublik.
13 Det är lätt att överföra befintligt innehåll till en responsiv design
Tvärtom. Det krävs lite finling för att sömlöst överföra innehåll från den stora skärmen till den lilla. Övergångsprocessen innebär att känna igen det viktigaste innehållet, trimma bort överskottet och krympa det för att passa mindre enheter. Framför allt är det bäst att närma sig allt nytt innehåll med ett ”mobilt först”-perspektiv, vilket kommer att göra det mycket lättare för dig att använda enheter på båda plattformarna.
14 ”Mobile First” innebär att fokusera mer på den mobila designen än den ursprungliga webbplatsen
Om du tänker mobilt först, kommer du att tänka användaren först, vilket kommer att översättas till en bättre upplevelse för användaren, på den mobila webbplatsen och den ursprungliga webbplatsen. Konceptet innehåller ett genomtänkt sätt att erbjuda en bättre upplevelse för användaren, oavsett hur de kommer åt innehållet.
15 individuella enhetsbrytpunkter bör vara en första prioritet inom responsiv design
Responsiv design handlar inte om att skala ner en webbplats för att passa en viss enhet. Det är bara att göra mer arbete för dig själv än vad som är nödvändigt. Om du vill utveckla en responsiv webbplats måste du designa ett gränssnitt som fungerar över en myriad av enheter, inte bara en. Det handlar inte bara om de enskilda enhetens brytpunkter, utan om att bygga ett ramverk som fungerar med vilken brytpunkt som helst.
16 universellt optimerade bilder fungerar för alla skärmar
Eftersom du försöker stoppa in en bild i en mindre behållarstorlek behöver du uppenbarligen lite bildoptimering. En bild som passar alla kommer dock inte att klippa den, även om den bilden redan har optimerats för en mindre enhet. Enheter finns i alla olika storlekar, och om den universellt optimerade bilden är för stor kommer sidan inte att laddas. Om den är för liten blir designen skev. I allmänhet kan du optimera bilder i en mängd olika storlekar för att passa en rad enheter.
17 Innehåll kan bli dolt i responsiv design
Kanske är detta sant, men bara om webbdesignerna inte har någon aning om vad de gör. För den rutinerade webbdesignern är denna myt absurd. Syftet med en responsiv webbdesign är att göra innehåll lättillgängligt och tillgängligt. Att dölja innehåll är motsatsen till denna idé, och det är aldrig något du skulle vilja göra med flit. Om du fokuserar på tillgänglighet snarare än dolt innehåll bör du inte ha några problem med att bygga ett responsivt gränssnitt.
18 Responsiv webbdesign är framtiden
Kanske härrör denna myt från det faktum att endast 22 procent av marknadsförare säger att de har ett expertgrepp på responsiv design, 29 procent säger att de har en genomsnittlig förståelse, 23 procent säger att de har en grundläggande förståelse men ligger efter, och fyra procent säger att de är hopplösa när det kommer till responsiv design.
Men verkligheten är att responsiv webbdesign är nu. Folk vill ha mer responsiva webbplatser idag, inte om fem år. Det enda sättet att komma före den responsiva designkurvan är att implementera bästa praxis idag och sikta mot ännu mer sömlös tillgänglighet och integration i framtiden.
19 Responsiv webbdesign bör vara din enda prioritet
Återigen, detta är fel. Framgång inom webbdesign innebär att kunna bära flera olika hattar, och bära dem väl. Du måste lära dig att balansera dina uppgraderingar till den ursprungliga webbplatsen, din blogg, dina mobila webbplatser och alla andra aspekter av ditt webbdesignansvar.
Dessutom bör den verkliga prioriteringen alltid vara användarupplevelsen. Att göra mobilen till en prioritet är ofta samma sak som att sätta användaren först, men inte alltid. Som webbdesigner är det ditt ansvar att hitta den balansen.
20 Responsiv webbdesign är en perfekt modell
Förhoppningsvis tror ingen riktigt på denna myt. Den rutinerade designern förstår att det verkligen inte finns något som heter en perfekt modell, särskilt inte med en så snabbt växande enhet. Det kommer alltid att finnas egenheter, långsammare laddningstider och andra problem för användare att klaga på.
Det är dock den bästa modellen vi har för att förbättra användarupplevelsen på flera enheter, och det är också din bästa insats för att öka användarnas engagemang med ditt varumärke. Med mer än 60 procent av all internetaktivitet som nås på en mobil enhet är det en mycket viktig modell att överväga, även om den är felaktig.
Responsiv webbdesign är ingen exakt vetenskap, och det är svårt att förstå alla detaljer i vad som gör den framgångsrik. Det är dock värt att undersöka och bemästra för att förbättra din övergripande framgång med ditt företag.