Responsive Web Design

Strategiske overvejelser – eller hvornår skal man

opprioritere mindretallet?

Kanoniske URL’erEt stk. indhold – én URL

• Google Page Rank• E-mail• Social sharing• Word-of-mouth

Pro RWD• Skærmuafhængighed– Alt indhold tilgængeligt uanset apparat– Design der passer til skærmen– Interaktionsprincipper der passer til

skærmen• Nemmere indholdsredaktion (kun ét

sted at vedligeholde)• Performance (hvis implementeret

korrekt)

Contra RWD• Kompromis - ikke optimeret til nogle

af skærmene• Risikerer at forvirre brugerne (især

når/hvis navigationen ændrer sig)• Kræver mere design- og kodearbejde

= dyrere

Alternativer til RWD• Selvstændigt mobilsite – alle små

apparater ledes hertil. Fuldt site kan vælges.

• Selvstændigt mobilsite – mobilbrugere får tilbud om at bruge mobilversionen

• Ét site men med mobilvenligt design• Standard website – og lad alle bruge

det uanset apparat

Hvornår RWD?• I forbindelse med platformskift eller

komplet re-design• Har mange mobilbrugere• Har gode grund til at forvente stigning i

mobilbrug (ikke bare en fornemmelse …)• Har simpel e-handel der kan tilpasses

responsivt• Prioriterer tekst og billeder frem for

avanceret interaktivitet

Hvornår ikke RWD?• Har og forventer kun få mobilbrugere• Har begrænset budget og prioriterer

andre ting end skærmuafhængighed – fx indhold og funktionalitet

• E-handel – overvej i stedet et reelt mobilsite

• Det valgte CMS gør det svært

Konklusion• RWD løser mange problemer• Men ikke alle• For mange af vores kunder vil RWD

være den oplagte løsning• Men ikke alle• RWD kan give lækre løsninger• Men ikke automatisk• Så tænk først, design bagefter

Husk!• Gå ikke på kompromis med

storskærmsoplevelsen• Mindsker du brugeroplevelsen med

1% på PC, skal du forbedre den med 4% på mobil for at gå i nul

• Overvej om designprincipper kan bruges på tværs af skærme så tilpasningen bliver minimal