SlideShare a Scribd company logo
1 of 14
Responsive Web Design

Strategiske overvejelser – eller
hvornår skal man opprioritere
        mindretallet?
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

Viewers also liked

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

Viewers also liked (9)

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

Similar to Rwd strategisk

Market Seminar - "Mange platforme, muligheder eller trusler"
Market Seminar - "Mange platforme, muligheder eller trusler"Market Seminar - "Mange platforme, muligheder eller trusler"
Market Seminar - "Mange platforme, muligheder eller trusler"OxygenSoftware
 
Apps, hybrider eller responsivt design
Apps, hybrider eller responsivt designApps, hybrider eller responsivt design
Apps, hybrider eller responsivt designJeppe Hansen
 
God performance = God priotering
God performance = God prioteringGod performance = God priotering
God performance = God prioteringDigicure ApS
 
Killer apps - sådan
Killer apps - sådanKiller apps - sådan
Killer apps - sådanPeytz & Co
 
Inspirationsdag 24. april: Udvikling af mobil applikationer med XPages
Inspirationsdag 24. april: Udvikling af mobil applikationer med XPagesInspirationsdag 24. april: Udvikling af mobil applikationer med XPages
Inspirationsdag 24. april: Udvikling af mobil applikationer med XPagesNotesnet_dk
 
Mobil tilstedeværelse. Muligheder og eksempler.
Mobil tilstedeværelse. Muligheder og eksempler. Mobil tilstedeværelse. Muligheder og eksempler.
Mobil tilstedeværelse. Muligheder og eksempler. Peytz & Co
 
It forum responsivedesign-no_zebra
It forum responsivedesign-no_zebraIt forum responsivedesign-no_zebra
It forum responsivedesign-no_zebranozebra
 
Pentia - Responsive Design
Pentia - Responsive DesignPentia - Responsive Design
Pentia - Responsive Designchrisruud
 
Det lægger google vægt på i 2017 - Aarhus
Det lægger google vægt på i 2017 - AarhusDet lægger google vægt på i 2017 - Aarhus
Det lægger google vægt på i 2017 - AarhusPeytz & Co
 
Foredrag 2. skoleperiode – Kampagne & RWD
Foredrag 2. skoleperiode – Kampagne & RWDForedrag 2. skoleperiode – Kampagne & RWD
Foredrag 2. skoleperiode – Kampagne & RWDFrederik Møller
 
Succes med Hybrid Mobil App - Phonegap BDmobil 2014
Succes med Hybrid Mobil App - Phonegap BDmobil 2014Succes med Hybrid Mobil App - Phonegap BDmobil 2014
Succes med Hybrid Mobil App - Phonegap BDmobil 2014Jeppe Hansen
 
Intro til Responsive Web Design
Intro til Responsive Web DesignIntro til Responsive Web Design
Intro til Responsive Web DesignMads Østergaard
 
Hvad skal du teste på dit mobilsite?
Hvad skal du teste på dit mobilsite?Hvad skal du teste på dit mobilsite?
Hvad skal du teste på dit mobilsite?Henning Nielsen
 
Hvad skal du teste på dit mobilsite?
Hvad skal du teste på dit mobilsite?Hvad skal du teste på dit mobilsite?
Hvad skal du teste på dit mobilsite?Jens Hofman Hansen
 
Sådan skriver du et godt tilbud
Sådan skriver du et godt tilbudSådan skriver du et godt tilbud
Sådan skriver du et godt tilbudPeytz & Co
 

Similar to Rwd strategisk (16)

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

Rwd strategisk

  • 1. Responsive Web Design Strategiske overvejelser – eller hvornår skal man opprioritere mindretallet?
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 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