SlideShare una empresa de Scribd logo
1 de 40
Descargar para leer sin conexión
Wie verändert sich der Designprozess wirklich?
Responsive Design – Reality Check
2
Es gibt viele responsive Websites…
… aber unser Projekt war ein wenig größer
3
Vollständiger Relaunch
der Corporate Website –
“Flagship Store”
4
Was uns aber fehlte war
ein neuer Prozess für
komplexe Projekte.
Eine Responsive
Design Toolbox.
?	
  
01Reality Check
Was die Experten sagen und was wir gemacht haben…
6
Rule01	
  
Kein Photoshop!
7
8
Aber wie können 7 IA
gleichzeitig ein
komplexes
Template-Modul
System als
interaktiven Prototyp
spezifizieren?
9
Der erste Ansatz:
Detaillierte Spezifikation für alle Viewports
Viewport L Viewport M Viewport S
10
Trotzdem sollte die
Spezifikation so klein wie
möglich sein.
Wir erstellten einen
“Responsive Guide”
zur getrennten
Dokumentation von
responsive Regeln und
Modulspezifikation.
11
Beispiel für Responsive Regeln:
Generelle Regeln zu den Viewport Definitionen
12
TOOLBOX
Deliverables
Responsive Guide
Für allgemeine Regeln und zur
ersten Abstimmung mit dem
Kunden.
13
Rule02	
  
Mobile First!
14
Aber der Kunde denkt
noch in der Desktop
Welt…
Wie kann man ein
responsive Design
konzipieren, wenn man
“mobile second”
arbeitet?
15
Flurplanung – “Content First”
Wir bauen EINE Website. Es gibt keine
unterschiedlichen Versionen für mobile
und Desktop. Die Reihenfolge von Content
ist immer dieselbe.
17
Responsive Patterns
List with images Carousel Expandable list
18
TOOLBOX
Prozess
Content First
Art und Reihenfolge der Inhalte
zuerst festlegen.
Responsive Patterns
Grundsätzliche Muster werden
auf alle Module angewendet.
19
Rule03	
  
Kein Wasserfall!
20
Aber bei den meisten
Kunden gibt es
getrennte
Budgets für Design
und Entwicklung.
Daher muss man auch
in einem Wasserfall
Prozess die
verschiedenen Skills
kombinieren.
21
Proof of Concept
Neue Konzepte und
Designs werden von
Entwicklern auf Herz
und Nieren geprüſt und
wenn nötig gemeinsam
überarbeitet.
22
TOOLBOX
Team
Connected Thinking
Entwickler sind fester Teil
eines Kreativteams
-  Proof of Concept
-  Prototyping
-  Usability Testing
23
Rule04	
  
“No! Pagefold!”
24
“Aber der Preis ist noch
über dem Fold, oder?”
Wie arbeitet man
mit Kunden
zusammen, denen
das Konzept von
Responsive Design neu
ist?
25
Definiert “goldene
Regeln” für das
Responsive Design –
gemeinsam mit euren
Kunden.
Schafft zu Beginn des
Projekts ein
gemeinsames
Verständnis.
(oder auch für andere Themen – z.B.
Personalisierung)
26
Vertrauen ist
wichtig!
Mit dem Kunden
werden Konzept,
Design und
Funktionalität
abgestimmt, nicht das
responsive Verhalten.
27
TOOLBOX
Kundenkommunikation
“Goldene Regeln”
Der Kunde versteht die
Implikationen von Responsive
Design für die Website.
Fallstricke
Was hat nicht so super funktioniert?
29
Problem01	
  
“One size does not fit all”
30
CHECKOUT
Checkout in Viewport L …
… und in Viewport S…
Kritische Prozesse benötigen manchmal
separate Lösungen, die nur mit höherem
technischen Aufwand zu realisieren sind.
32
Problem02	
  
Responsive Advertising
33
FIXE
WERBEFORMATE
Werbeformen verhalten sich nicht responsiv beim
Verkleinern des Viewports.
34
SEPARATE FORMATE
PRO VIEWPORT Viewport M<1023px
Viewport S <650 px
Wirklich responsive Werbeformate
werden von Vermarktern (noch) nicht
angeboten.
03Responsive Design Toolbox
Unsere Erfahrungen auf einen Blick
37
TOOLBOX
Bewährte Methoden:
•  Prototyping
•  Mobile First
•  Kombiniert und iterativ
arbeiten
Unsere Erfahrungen:
•  Responsive Guide
•  Content	
  First	
  
•  Responsive Patterns
•  Connected Thinking
•  Goldene Regeln
Oder…
•  …
38
© 2013 SAPIENT CORPORATION | CONFIDENTIAL
Dankeschön!
Sabine Berghaus
Senior Information Architect
E-Mail: sberghaus@sapient.com
Twitter: @stadtnomadin
Website: about.me/sabineberghaus
40
Image references
Pages 4, 9, 11, 12, 15, 17, 18, 33, 34, 37 : Own images
Page 3:
http://www.flickr.com/photos/kinghuang/3234346294/
by: King Chung Huang
Page 10:
http://www.flickr.com/photos/romytetue/8099431861/
By: tetue
Page 14:
http://commons.wikimedia.org/wiki/File:IMac_aluminium.png
by: Matthieu Riegler
Page 20:
http://www.flickr.com/photos/68751915@N05/6869762317/
by: 401(K) 2013
Page 21:
http://www.flickr.com/photos/genista/4449316/sizes/o/
by: Genista
Page 24:
http://pixabay.com/en/number-digit-folding-rule-measure-92412/
by: weinstock
Page 26:
http://pixabay.com/en/michelangelo-abstract-boy-child-71282/
By: Public Domain Pictures
Page 38:
http://farm4.static.flickr.com/3394/3526522573_8f40a675b6.jpg
by: walknboston

Más contenido relacionado

La actualidad más candente

BUSINESS MODEL INNOVATION
BUSINESS MODEL INNOVATIONBUSINESS MODEL INNOVATION
BUSINESS MODEL INNOVATIONClemens Frowein
 
Lean UX, Barcamp Session presentation
Lean UX, Barcamp Session presentationLean UX, Barcamp Session presentation
Lean UX, Barcamp Session presentationWolf Noeding
 
IT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best Practices
IT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best PracticesIT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best Practices
IT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best PracticesReto Maduz
 
USECON_Customer Experience Innovation Lab
USECON_Customer Experience Innovation LabUSECON_Customer Experience Innovation Lab
USECON_Customer Experience Innovation LabUSECON
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesignavenit AG
 
Case study Wireframe-Erstellung Endress+Hauser
Case study Wireframe-Erstellung Endress+HauserCase study Wireframe-Erstellung Endress+Hauser
Case study Wireframe-Erstellung Endress+HausereResult_GmbH
 
Agiles definieren einer Produktstrategie
Agiles definieren einer ProduktstrategieAgiles definieren einer Produktstrategie
Agiles definieren einer ProduktstrategieCem Kulac
 
Erfolgreiche agile Projekte jenseits von Anarchie und Kontrollwahn
Erfolgreiche agile Projekte jenseits von Anarchie und KontrollwahnErfolgreiche agile Projekte jenseits von Anarchie und Kontrollwahn
Erfolgreiche agile Projekte jenseits von Anarchie und KontrollwahnChristoph Schmiedinger
 
Fallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZFallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZeResult_GmbH
 
Angebotspräsentation
AngebotspräsentationAngebotspräsentation
AngebotspräsentationCirco Loco
 
Von der Marketingidee zum Produkt
Von der Marketingidee zum ProduktVon der Marketingidee zum Produkt
Von der Marketingidee zum ProduktNetcetera
 
Fallstudie UX Review zuerich.com
Fallstudie UX Review zuerich.comFallstudie UX Review zuerich.com
Fallstudie UX Review zuerich.comElskeL
 

La actualidad más candente (12)

BUSINESS MODEL INNOVATION
BUSINESS MODEL INNOVATIONBUSINESS MODEL INNOVATION
BUSINESS MODEL INNOVATION
 
Lean UX, Barcamp Session presentation
Lean UX, Barcamp Session presentationLean UX, Barcamp Session presentation
Lean UX, Barcamp Session presentation
 
IT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best Practices
IT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best PracticesIT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best Practices
IT Beschaffungskonferenz, 28.8.2013 - Agile IT Beschaffung - Best Practices
 
USECON_Customer Experience Innovation Lab
USECON_Customer Experience Innovation LabUSECON_Customer Experience Innovation Lab
USECON_Customer Experience Innovation Lab
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign
 
Case study Wireframe-Erstellung Endress+Hauser
Case study Wireframe-Erstellung Endress+HauserCase study Wireframe-Erstellung Endress+Hauser
Case study Wireframe-Erstellung Endress+Hauser
 
Agiles definieren einer Produktstrategie
Agiles definieren einer ProduktstrategieAgiles definieren einer Produktstrategie
Agiles definieren einer Produktstrategie
 
Erfolgreiche agile Projekte jenseits von Anarchie und Kontrollwahn
Erfolgreiche agile Projekte jenseits von Anarchie und KontrollwahnErfolgreiche agile Projekte jenseits von Anarchie und Kontrollwahn
Erfolgreiche agile Projekte jenseits von Anarchie und Kontrollwahn
 
Fallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZFallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZ
 
Angebotspräsentation
AngebotspräsentationAngebotspräsentation
Angebotspräsentation
 
Von der Marketingidee zum Produkt
Von der Marketingidee zum ProduktVon der Marketingidee zum Produkt
Von der Marketingidee zum Produkt
 
Fallstudie UX Review zuerich.com
Fallstudie UX Review zuerich.comFallstudie UX Review zuerich.com
Fallstudie UX Review zuerich.com
 

Similar a Responsive Design - Reality Check

Impulsreferat «Digitalisierung»
Impulsreferat «Digitalisierung» Impulsreferat «Digitalisierung»
Impulsreferat «Digitalisierung» Milos Radovic
 
Bessere Software schneller liefern
Bessere Software schneller liefernBessere Software schneller liefern
Bessere Software schneller liefernMayflower GmbH
 
Wettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-MatrixWettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-MatrixScreamin Wrba
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffeniTiZZiMO
 
PRfact Kurze Einführung in unsere digitale Arbeit
PRfact Kurze Einführung in unsere digitale ArbeitPRfact Kurze Einführung in unsere digitale Arbeit
PRfact Kurze Einführung in unsere digitale ArbeitAdrian Huwyler
 
Success Story "Agile Entwicklung im Onsite Outsourcing"
Success Story "Agile Entwicklung im Onsite Outsourcing"Success Story "Agile Entwicklung im Onsite Outsourcing"
Success Story "Agile Entwicklung im Onsite Outsourcing"C1 SetCon GmbH
 
Vorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-KundenblogVorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-KundenblogeResult_GmbH
 
Vorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-KundenblogVorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-KundenblogSteffenHeim
 
Innovation Lab as a Service - Ein Erfahrungsbericht
Innovation Lab as a Service - Ein ErfahrungsberichtInnovation Lab as a Service - Ein Erfahrungsbericht
Innovation Lab as a Service - Ein ErfahrungsberichtOPITZ CONSULTING Deutschland
 
Fallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHFallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHeResult_GmbH
 
Migration von Applikationen in die Cloud
Migration von Applikationen in die CloudMigration von Applikationen in die Cloud
Migration von Applikationen in die CloudAarno Aukia
 
Social Business Solution Guide I/2017
Social Business Solution Guide I/2017Social Business Solution Guide I/2017
Social Business Solution Guide I/2017Communardo GmbH
 
Virtual Reality als Kommunikations-Tool für Unternehmen
Virtual Reality als Kommunikations-Tool für UnternehmenVirtual Reality als Kommunikations-Tool für Unternehmen
Virtual Reality als Kommunikations-Tool für Unternehmenaccilium GmbH
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH
 
White Paper: Web-Strategie erfolgreich planen und umsetzen
White Paper: Web-Strategie erfolgreich planen und umsetzenWhite Paper: Web-Strategie erfolgreich planen und umsetzen
White Paper: Web-Strategie erfolgreich planen und umsetzenJustRelate
 
SOORCE - DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre Projekte
SOORCE -  DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre ProjekteSOORCE -  DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre Projekte
SOORCE - DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre ProjekteConrad Eß
 
Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...
Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...
Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...Optimizely
 
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...SYNGENIO AG
 
Responsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & EntscheiderResponsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & Entscheidertypovision GmbH
 
Shift Left fängt ganz links an
Shift Left fängt ganz links anShift Left fängt ganz links an
Shift Left fängt ganz links anBATbern
 

Similar a Responsive Design - Reality Check (20)

Impulsreferat «Digitalisierung»
Impulsreferat «Digitalisierung» Impulsreferat «Digitalisierung»
Impulsreferat «Digitalisierung»
 
Bessere Software schneller liefern
Bessere Software schneller liefernBessere Software schneller liefern
Bessere Software schneller liefern
 
Wettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-MatrixWettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-Matrix
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
 
PRfact Kurze Einführung in unsere digitale Arbeit
PRfact Kurze Einführung in unsere digitale ArbeitPRfact Kurze Einführung in unsere digitale Arbeit
PRfact Kurze Einführung in unsere digitale Arbeit
 
Success Story "Agile Entwicklung im Onsite Outsourcing"
Success Story "Agile Entwicklung im Onsite Outsourcing"Success Story "Agile Entwicklung im Onsite Outsourcing"
Success Story "Agile Entwicklung im Onsite Outsourcing"
 
Vorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-KundenblogVorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
 
Vorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-KundenblogVorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
Vorteile von Kundenblogs anhand der Fallstudie Baur-Kundenblog
 
Innovation Lab as a Service - Ein Erfahrungsbericht
Innovation Lab as a Service - Ein ErfahrungsberichtInnovation Lab as a Service - Ein Erfahrungsbericht
Innovation Lab as a Service - Ein Erfahrungsbericht
 
Fallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHFallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbH
 
Migration von Applikationen in die Cloud
Migration von Applikationen in die CloudMigration von Applikationen in die Cloud
Migration von Applikationen in die Cloud
 
Social Business Solution Guide I/2017
Social Business Solution Guide I/2017Social Business Solution Guide I/2017
Social Business Solution Guide I/2017
 
Virtual Reality als Kommunikations-Tool für Unternehmen
Virtual Reality als Kommunikations-Tool für UnternehmenVirtual Reality als Kommunikations-Tool für Unternehmen
Virtual Reality als Kommunikations-Tool für Unternehmen
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagentur
 
White Paper: Web-Strategie erfolgreich planen und umsetzen
White Paper: Web-Strategie erfolgreich planen und umsetzenWhite Paper: Web-Strategie erfolgreich planen und umsetzen
White Paper: Web-Strategie erfolgreich planen und umsetzen
 
SOORCE - DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre Projekte
SOORCE -  DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre ProjekteSOORCE -  DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre Projekte
SOORCE - DIGITALE FREELANCER & EXPERTEN - unbegrenztes Wissen für Ihre Projekte
 
Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...
Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...
Customer Development - Wie Sie Ihren Kunden besser kennenlernen und an Agilit...
 
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
 
Responsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & EntscheiderResponsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & Entscheider
 
Shift Left fängt ganz links an
Shift Left fängt ganz links anShift Left fängt ganz links an
Shift Left fängt ganz links an
 

Más de Sabine Berghaus

Stages in Digital Business Transformation
Stages in Digital Business TransformationStages in Digital Business Transformation
Stages in Digital Business TransformationSabine Berghaus
 
The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...
The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...
The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...Sabine Berghaus
 
Keynote Mobile Business Forum 2015
Keynote Mobile Business Forum 2015Keynote Mobile Business Forum 2015
Keynote Mobile Business Forum 2015Sabine Berghaus
 
Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...
Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...
Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...Sabine Berghaus
 
Responsive Design for Complex Websites (IXDA Munich)
Responsive Design for Complex Websites (IXDA Munich)Responsive Design for Complex Websites (IXDA Munich)
Responsive Design for Complex Websites (IXDA Munich)Sabine Berghaus
 
Report - Experteninterviews Mobile Digital Consumer
Report - Experteninterviews Mobile Digital ConsumerReport - Experteninterviews Mobile Digital Consumer
Report - Experteninterviews Mobile Digital ConsumerSabine Berghaus
 
Grobkonzept Indoor Navigation - Barcamp Mainz
Grobkonzept Indoor Navigation - Barcamp MainzGrobkonzept Indoor Navigation - Barcamp Mainz
Grobkonzept Indoor Navigation - Barcamp MainzSabine Berghaus
 

Más de Sabine Berghaus (8)

Stages in Digital Business Transformation
Stages in Digital Business TransformationStages in Digital Business Transformation
Stages in Digital Business Transformation
 
The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...
The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...
The Fuzzy Front-End of Digital Transformation: Three Perspectives on the Form...
 
Keynote Mobile Business Forum 2015
Keynote Mobile Business Forum 2015Keynote Mobile Business Forum 2015
Keynote Mobile Business Forum 2015
 
Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...
Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...
Adoption of Mobile Business Solutions and its Impact on Organizational Stakeh...
 
Responsive Design for Complex Websites (IXDA Munich)
Responsive Design for Complex Websites (IXDA Munich)Responsive Design for Complex Websites (IXDA Munich)
Responsive Design for Complex Websites (IXDA Munich)
 
Report - Experteninterviews Mobile Digital Consumer
Report - Experteninterviews Mobile Digital ConsumerReport - Experteninterviews Mobile Digital Consumer
Report - Experteninterviews Mobile Digital Consumer
 
Mobile Digital Consumer
Mobile Digital ConsumerMobile Digital Consumer
Mobile Digital Consumer
 
Grobkonzept Indoor Navigation - Barcamp Mainz
Grobkonzept Indoor Navigation - Barcamp MainzGrobkonzept Indoor Navigation - Barcamp Mainz
Grobkonzept Indoor Navigation - Barcamp Mainz
 

Responsive Design - Reality Check