Dansk English

SmartWeb Help | Design Manager New

1.6 Responsive designs

Med et responsive design har man ét design til alle enheder (smartphone, tablet, computer mv.).

Når man besøger en hjemmeside eller en webshop, er det vigtigt, at oplevelsen, så vidt muligt, er den samme, uanset hvilken enhed man bruger.

At en webløsning er responsive betyder populært sagt, at den tilpasser sig til den enhed, den besøgende bruger.

Man skal altså ikke vælge et specielt design til hver enhed (eksempelvis en til mobile enheder og en til alm. computere).

De 2 overordnede grunde til at vores designs er responsive er:
 

  1. Flere kunder benytter mobile enheder til at søge information og handle online, og fremadrettet vil det være normen.
  2. Det skal være nemt at administrere en hjemmeside eller en webshop, der fungerer godt på de disse forskelligartede enheder.

 


Selvom man har ét design til alle enheder, skal man dog stadig tænke på brugervenligheden på de respektive enheder, og derfor er der små forskelle i, hvordan designet skal opføre sig afhængigt af enheden. Dette, og mange andre aspekter, er der taget højde for i vores designs for at gøre det lettere for dig.


Responsive breakpoints
Vores designs bygger på et 24-kolonners grid og har følgende breakpoints:
 

 

  1. Fra 0 pixels op til første breakpoint (som er 767 pixels) er bredden 320 pixels
  2. Fra 768 pixels til anden breakpoint (som er 959 pixels) er bredden 768 pixels
  3. Fra 960 pixels til tredje breakpoint (som er 1279 pixels) er bredden 960 pixels
  4. Fra 1280 pixels til "uendelig" er bredden sat til 1280 pixels.

 


Browsere
Vores designs er optimerede til de nyeste versioner af:
 

 

  • Internet Explorer
  • Google Chrome
  • Safari
  • FireFox

 


Ældre browsere understøtter ikke den nyeste teknologi, der er anvendt i vores designs og ser derfor anderledes ud i Internet Explorer 7 og 8. Vores designs fungerer - dvs. i det omfang at kunder, der benytter de forældede browsere, også kan gennemføre køb. Internet Explorer 6 understøttes ikke.