SlideShare a Scribd company logo
Responsive Web Design

Strategiske overvejelser – eller
hvornår skal man opprioritere
        mindretallet?
Rwd strategisk
Rwd strategisk
Rwd strategisk
Rwd strategisk
Rwd strategisk
Kanoniske URL’er
Et 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

More Related Content

PPTX
Fdim den godebrugeroplevelse_vertica
PDF
Setting up a HADOOP 2.2 cluster on CentOS 6
PPT
Hadoop平台搭建
PPTX
Docker一期培训
PDF
How We Prepared Etu Hadoop Competition 2014
PPT
Systemtap
PPT
MySQL和IO(上)
PDF
Simplify Multi-Tenant Queries in ORM Frameworks
Fdim den godebrugeroplevelse_vertica
Setting up a HADOOP 2.2 cluster on CentOS 6
Hadoop平台搭建
Docker一期培训
How We Prepared Etu Hadoop Competition 2014
Systemtap
MySQL和IO(上)
Simplify Multi-Tenant Queries in ORM Frameworks

Viewers also liked (9)

PPTX
Hadoop安裝 (1)
PDF
Big Data Taiwan 2014 Track2-2: Informatica Big Data Solution
PPTX
Vpon - 廣告效果導向為基礎的行動廣告系統
PDF
Hadoop, the Apple of Our Eyes (這些年,我們一起追的 Hadoop)
PDF
Track B-3 解構大數據架構 - 大數據系統的伺服器與網路資源規劃
PDF
唯品会大数据实践 Sacc pub
PDF
Big Data Tornado - 2015 台灣 Big Data 企業經典應用案例分享
PPTX
安装Apache Hadoop的轻松
PPTX
簡単にApache Hadoopのインストール
Hadoop安裝 (1)
Big Data Taiwan 2014 Track2-2: Informatica Big Data Solution
Vpon - 廣告效果導向為基礎的行動廣告系統
Hadoop, the Apple of Our Eyes (這些年,我們一起追的 Hadoop)
Track B-3 解構大數據架構 - 大數據系統的伺服器與網路資源規劃
唯品会大数据实践 Sacc pub
Big Data Tornado - 2015 台灣 Big Data 企業經典應用案例分享
安装Apache Hadoop的轻松
簡単にApache Hadoopのインストール
Ad

Similar to Rwd strategisk (16)

PPT
Market Seminar - "Mange platforme, muligheder eller trusler"
PDF
Apps, hybrider eller responsivt design
PPTX
God performance = God priotering
PPTX
Killer apps - sådan
PDF
Design til små skærme
PPT
Inspirationsdag 24. april: Udvikling af mobil applikationer med XPages
PPTX
Mobil tilstedeværelse. Muligheder og eksempler.
PDF
It forum responsivedesign-no_zebra
PDF
Pentia - Responsive Design
PPTX
Det lægger google vægt på i 2017 - Aarhus
PDF
Foredrag 2. skoleperiode – Kampagne & RWD
PPTX
Succes med Hybrid Mobil App - Phonegap BDmobil 2014
PPT
Intro til Responsive Web Design
PPTX
Hvad skal du teste på dit mobilsite?
PPTX
Hvad skal du teste på dit mobilsite?
PPTX
Sådan skriver du et godt tilbud
Market Seminar - "Mange platforme, muligheder eller trusler"
Apps, hybrider eller responsivt design
God performance = God priotering
Killer apps - sådan
Design til små skærme
Inspirationsdag 24. april: Udvikling af mobil applikationer med XPages
Mobil tilstedeværelse. Muligheder og eksempler.
It forum responsivedesign-no_zebra
Pentia - Responsive Design
Det lægger google vægt på i 2017 - Aarhus
Foredrag 2. skoleperiode – Kampagne & RWD
Succes med Hybrid Mobil App - Phonegap BDmobil 2014
Intro til Responsive Web Design
Hvad skal du teste på dit mobilsite?
Hvad skal du teste på dit mobilsite?
Sådan skriver du et godt tilbud
Ad

Rwd strategisk

  • 1. Responsive Web Design Strategiske overvejelser – eller hvornår skal man opprioritere mindretallet?
  • 7. Kanoniske URL’er Et stk. indhold – én URL • Google Page Rank • E-mail • Social sharing • Word-of-mouth
  • 8. 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)
  • 9. 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
  • 10. 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
  • 11. 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
  • 12. 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
  • 13. 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
  • 14. 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