Rwd strategisk
-
Upload
sebastian-franck -
Category
Documents
-
view
275 -
download
4
description
Transcript of Rwd strategisk
![Page 1: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/1.jpg)
Responsive Web Design
Strategiske overvejelser – eller hvornår skal man
opprioritere mindretallet?
![Page 2: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/2.jpg)
![Page 3: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/3.jpg)
![Page 4: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/4.jpg)
![Page 5: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/5.jpg)
![Page 6: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/6.jpg)
![Page 7: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/7.jpg)
Kanoniske URL’erEt stk. indhold – én URL
• Google Page Rank• E-mail• Social sharing• Word-of-mouth
![Page 8: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/8.jpg)
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)
![Page 9: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/9.jpg)
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
![Page 10: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/10.jpg)
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
![Page 11: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/11.jpg)
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
![Page 12: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/12.jpg)
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
![Page 13: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/13.jpg)
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
![Page 14: Rwd strategisk](https://reader034.fdocument.pub/reader034/viewer/2022051108/546286c5af7959a4058b4a6c/html5/thumbnails/14.jpg)
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