responsiv webbplats på olika enheter
oto hlincik
18 februari 2015 oto hlincik

en av de vanligaste förfrågningarna vi får idag är för responsiv webbplatsutveckling och det är bra eftersom det finns några stora fördelar med att gå med en responsiv webbplats. Detta verkar dock också vara ett vanligt förvirringsområde. Vi börjar med att dela några av de vanliga missuppfattningarna vi stöter på när vi pratar med kunder om lyhörda och mobilvänliga webbplatser:

  1. endast responsiva webbplatser fungerar på mobila enheter.
  2. varje webbplats måste vara lyhörd.
  3. en mobilvänlig webbplats är lyhörd.

så vad exakt betyder ”lyhörd” och ”mobilvänlig”? Låt oss ta en närmare titt…

 responsiv

ta en titt på vår responsiva webbplats

responsiv Design

en responsiv webbplats är en som svarar (eller ändras) baserat på användarnas behov och enheten (mobilenheten i det här exemplet) som de tittar på den på. Här ändras text och bilder från en layout med tre kolumner till en enda kolumnvisning. Onödiga bilder är dolda så att de inte stör eller konkurrerar med den viktigare informationen på webbplatsens mindre skärm.

om du är på en dator kan du se om en webbplats är responsiv genom att minska webbläsarens fönsterstorlek från helskärmen till mycket liten. Om utseendet på texten, bilderna och menyn ändras när du blir mindre är webbplatsen lyhörd.

viktiga funktioner på responsiva webbplatser:

  • dynamiskt innehåll som ändras
  • navigering kondenseras
  • optimerade bilder
  • korrekt stoppning och avstånd
  • beroende på mobila operativsystem för att fungera
mobilvänlig

ta en titt på vår stationära version

mobilvänlig Design

en mobilvänlig webbplats är en som är utformad för att fungera exakt samma sätt över enheter. Det betyder att ingenting ändras eller är oanvändbart på en dator eller mobil enhet. Funktioner som navigering drop-downs är begränsade, eftersom de kan vara svåra att använda på mobilen. Och ingen Flash-animering används. Webbplatsen är bokstavligen densamma över hela linjen, utan användbarhetsproblem oavsett vilken enhet den visas på.

viktiga funktioner i mobilvänliga:

  • statiskt innehåll som inte ändras
  • förenklad navigering
  • bilder visar mindre
  • inte beroende av ett mobilt operativsystem för att fungera korrekt

hur vet du vilket som är rätt för dig?

Tja, vi kommer att bryta ner det för dig med en hjälpsam liten checklista…

responsiv

du kan uppnå en mer anpassad mobilupplevelse med responsiv design. Det kräver dock expertis, korrekt planering och lite större budget.

Tänk på att gå lyhörd om:

  • en stor majoritet av din webbtrafik tittar på din webbplats från en mobil enhet – minst 35 procent
  • du har komplext webbplatsinnehåll eller funktioner som är svåra att använda på en mobil enhet
  • du planerar att din webbplats har en längre hållbarhet och vill att den ska vara uppdaterad längre

mobilvänlig

du kan uppnå en konsekvent webbplatsupplevelse på alla enheter med en förenklad, mobilvänlig webbplats. Dessa webbplatser kanske inte har galna funktioner eller funktionalitet, men de fungerar bara.

Tänk på att gå mobilvänlig om:

  • du har inte en stor mobil publik som tittar på din webbplats på mobilen – mindre än 35 procent
  • du har en enkel webbplats som mestadels är text-och bildbaserad, utan komplex funktionalitet
  • dina bildstorlekar är små, vilket möjliggör snabb laddning över mobila anslutningar

Lämna ett svar

Din e-postadress kommer inte publiceras.