Responsive hjemmeside på forskellige enheder
oto hlincik
18. Februar 2015 oto hlincik

en af de mere almindelige anmodninger, vi får i disse dage er for lydhør hjemmeside udvikling, og det er en god ting, fordi der er nogle store fordele ved at gå med en lydhør hjemmeside. Dette synes imidlertid også at være et fælles forvirringsområde. Vi starter med at dele nogle af de hyppige misforståelser, vi støder på, når vi taler med kunder om lydhøre og mobilvenlige hjemmesider:

  1. kun responsive hjemmesider arbejder på mobile enheder.
  2. hver hjemmeside skal være lydhør.
  3. en mobilvenlig hjemmeside er lydhør.

så hvad betyder “responsive” og “mobile-friendly”? Lad os se nærmere på…

 Responsive

Tag et kig på vores responsive hjemmeside

Responsive Design

en responsiv hjemmeside er en, der reagerer (eller ændringer) baseret på brugernes behov og enheden (mobil enhed i dette eksempel), at de ser det på. Her ændres tekst og billeder fra et layout med tre kolonner til en enkelt kolonnevisning. Unødvendige billeder er skjult, så de ikke forstyrrer eller konkurrerer med de mere vigtige oplysninger på stedets mindre skærm.

hvis du bruger en computer, kan du se, om en side er lydhør, ved at reducere vinduets størrelse fra fuld skærm ned til meget lille. Hvis udseendet af teksten, billederne og menuen ændres, når du bliver mindre, er siden lydhør.

Nøglefunktioner af responsive hjemmesider:

  • dynamisk indhold, der ændrer
  • Navigation er kondenseret
  • optimerede billeder
  • korrekt polstring og afstand
  • afhængig af mobile operativsystemer til at fungere
mobilvenlig

Tag et kig på vores desktop version

mobilvenligt Design

en mobilvenlig hjemmeside er en, der er designet til at fungere nøjagtigt på samme måde på tværs af enheder. Dette betyder, at intet ændres eller er ubrugeligt på en computer eller mobilenhed. Funktioner som rullemenuer til navigation er begrænsede, da de kan være vanskelige at bruge på mobilen. Der bruges ingen Flash-animation. Hjemmesiden er bogstaveligt talt den samme over hele linjen, uden brugbarhedsproblemer uanset hvilken enhed den ses på.

Nøglefunktioner i mobilvenlig:

  • statisk indhold, der ikke ændrer sig
  • forenklet navigation
  • billeder viser mindre
  • ikke afhængig af et mobilt operativsystem for at fungere korrekt

Hvordan ved man, hvad der passer til dig?

Nå, vi kommer til at bryde det ned for dig med en hjælpsom lille tjekliste…

Responsive

du kan opnå en mere tilpasset mobil oplevelse med lydhør design. Det kræver dog ekspertise, ordentlig planlægning og lidt større budget.

tænk på at gå lydhør hvis:

  • et stort flertal af din internettrafik ser din hjemmeside fra en mobilenhed – mindst 35 procent
  • du har komplekst indhold eller funktioner, der er vanskelige at bruge på en mobilenhed
  • du planlægger, at din hjemmeside har en længere holdbarhed og ønsker, at den skal vises opdateret i længere tid

mobilvenlig

du kan opnå en ensartet hjemmesideoplevelse på tværs af alle enheder med et forenklet, mobilvenligt site. Disse sider har muligvis ikke skøre funktioner eller funktionalitet, men de fungerer bare.

tænk på at gå mobilvenligt if:

  • du har ikke et stort mobilt publikum, der kigger på din side på mobil – mindre end 35 procent
  • du har et simpelt sted, der for det meste er tekst-og billedbaseret, uden kompleks funktionalitet
  • dine billedstørrelser er små, hvilket giver mulighed for hurtig indlæsning over mobilforbindelser

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.