SlideShare une entreprise Scribd logo
Kaliop
                                                        Laisser ce bloc vide




 LE RESPONSIVE WEB DESIGN
 Votre visibilité web optimale
 sur tous les supports mobiles d’aujourd’hui et de demain
Quelques chiffres
                                                      Laisser ce bloc vide



En 2013
  Les mobiles génèreront plus de visites que les ordinateurs
Contexte
                                                      Laisser ce bloc vide


  800x1280 768x1024
                                              mobilité
   1024x1280    1080x1920              social         Rapidité      média

       RÉSOLUTIONS                                   USAGES




           SUPPORTS

                                                     ORIENTATIONS
           ordinateur
                         TV
             Mini PC        Tablette      portrait       paysage
                       mobile
Contexte
                                                               Laisser ce bloc vide

ET DEMAIN ?

                                                               1680x1050

                                                    1280x810

                                        1024x768

                       768x1024


                            1024x768

         480x320


             320x480
         Smartphone          Tablette    Netbooks                  Desktop
                                                                                  TV
Problématique
                                                Laisser ce bloc vide


PREMIÈRE SOLUTION :
Développer autant de site que de supports d'utilisation "cible"

      Version         Version         Version
                                                          Version
       haute           basse         Smartpho
                                                          tablette
     résolution      résolution         ne



                  Quels seront les

                                     
                      formats             STOPER L’EMMORAGIE ET
                   de demain ???           REPENSER SA STRATEGIE
Le principe
                                                  Laisser ce bloc vide




      Le Responsive Web Design (RWD) est un ensemble de
      principes/méthodes permettant de rendre un site web adaptable
      à chaque terminal afin d'apporter la meilleure expérience
      utilisateur, quel que soit le contexte de visualisation.
Le principe
                                  Laisser ce bloc vide




   Utiliser une grille ergonomique flexible
   Avoir des médias flexibles
   Le contenu s’adapte à la taille de l’écran
Le principe
              Laisser ce bloc vide
Le principe
                                Laisser ce bloc vide




   Les mêmes contenus sur l'ensemble des
    supports
   Une seule adresse pour tous les
    supports
   Un seul code à maintenir et tester
Kaliop.fr
            Laisser ce bloc vide
Projets réalisés
                          Laisser ce bloc vide

 Saint-Etienne Tourisme
Projets réalisés
                   Laisser ce bloc vide

 Espace Sentein
Projets réalisés
                                Laisser ce bloc vide

 Ordre des Experts-Comptables
Bientôt…
           Laisser ce bloc vide
Quel impact ?
                                                       Laisser ce bloc vide
 Il faut travailler en amont sur :


    Conception éditoriale : tous les contenus accessibles sur tous les
      supports

    Conception ergonomique : une interface qui s’adapte en temps
      réel et qui utilise les boutons d’actions qui doivent fonctionner
      dans toutes les circonstances

    Conception graphique : une charte qui se décline et aligné sur
      une « grille » fluide
Quel impact ?
                                                   Laisser ce bloc vide



 Faire un développement front-end anticipant les principaux
   cas de figure


 Réaliser un contrôle qualité plus étendu


Quel impact planning et financier ?
  Augmentation du temps / de coûts de 30% de chacune de ces étapes
Quel impact ?
                                                                             Laisser ce bloc vide
                        Architecture
                        sur mesure
        Version              Version           Version                        Architecture
        mobile               tablette         ordinateur                      Responsive
                              Contenu           Contenu
         Contenu
                             “spécifique       “spécifique
        “spécifique
                              tablette”        ordinateur”
                                                                         Version Responsive
          mobile”



                                                                         Contenus communs
          Affichage
                               Affichage        Affichage
       “light mobile”
                           “light Tablette”        Full

                                                             Affichage
                                                                           Affichage
                                                               “light                  Affichage
                                                                             “light                …
      Support et maintenance
                                                             mobile”                      Full
                                                                           Tablette”

          de 3 versions
                                                             Support et maintenance
                                                               d’une seule version
Google
                           Laisser ce bloc vide




         Google recommande aux webmaster
           de suivre les bonnes pratiques
           du responsive webdesign
           en utilisant le même code HTML
           pour toutes les utilisations en
           adaptant seulement les CSS
Conclusion
                                             Laisser ce bloc vide




Economies   Gain de                  Meilleures       Tous les
                      SEO Optimisé
            temps                    performances     Navigateurs
                                                      supportés
Conclusion
             Laisser ce bloc vide
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS MOBILES D'AUJOURD'HUI ET DE DEMAIN
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS MOBILES D'AUJOURD'HUI ET DE DEMAIN
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS MOBILES D'AUJOURD'HUI ET DE DEMAIN

Contenu connexe

Similaire à LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS MOBILES D'AUJOURD'HUI ET DE DEMAIN

Plasticité2015 technovf
Plasticité2015 technovfPlasticité2015 technovf
Plasticité2015 technovf
Atelier IHM Polytech Nice Sophia
 
RWD - Back to Basics par Ruben Pieraerts
RWD - Back to Basics par Ruben PieraertsRWD - Back to Basics par Ruben Pieraerts
RWD - Back to Basics par Ruben Pieraerts
La FeWeb
 
Responsive Web Design : back to basics
Responsive Web Design : back to basicsResponsive Web Design : back to basics
Responsive Web Design : back to basics
Alinoa
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Guillaume Verstraete
 
Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...
CARA_Lyon
 
Eurelis - Présentation multi-écrans
Eurelis - Présentation multi-écransEurelis - Présentation multi-écrans
Eurelis - Présentation multi-écrans
Agence-Eurelis
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
defimedia
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
Intuitiv Technology
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practices
LaFrenchMobile
 
molka foods
molka foodsmolka foods
molka foods
PatriciaTakoukam
 
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...
Microsoft
 
Convergence et mobilité des contenus
Convergence et mobilité des contenus Convergence et mobilité des contenus
Convergence et mobilité des contenus
Vanksen
 
Printemps Réseaux Sociaux Québec 2013
Printemps Réseaux Sociaux Québec 2013Printemps Réseaux Sociaux Québec 2013
Printemps Réseaux Sociaux Québec 2013
Sébastien Giroux
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
Julien LE THUAUT
 
eLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériqueseLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériques
Google
 
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobileLes secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
Eutech SSII
 
Drupal & Mobilité
Drupal & MobilitéDrupal & Mobilité
Drupal & Mobilité
Jean-Baptiste Guerraz
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
SCALA
 
Presentation Android
Presentation AndroidPresentation Android
Presentation Android
Jean Collas
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
MBA Multimedia
 

Similaire à LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS MOBILES D'AUJOURD'HUI ET DE DEMAIN (20)

Plasticité2015 technovf
Plasticité2015 technovfPlasticité2015 technovf
Plasticité2015 technovf
 
RWD - Back to Basics par Ruben Pieraerts
RWD - Back to Basics par Ruben PieraertsRWD - Back to Basics par Ruben Pieraerts
RWD - Back to Basics par Ruben Pieraerts
 
Responsive Web Design : back to basics
Responsive Web Design : back to basicsResponsive Web Design : back to basics
Responsive Web Design : back to basics
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...Smartphone : et l'informatique devint mobile...
Smartphone : et l'informatique devint mobile...
 
Eurelis - Présentation multi-écrans
Eurelis - Présentation multi-écransEurelis - Présentation multi-écrans
Eurelis - Présentation multi-écrans
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practices
 
molka foods
molka foodsmolka foods
molka foods
 
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...
 
Convergence et mobilité des contenus
Convergence et mobilité des contenus Convergence et mobilité des contenus
Convergence et mobilité des contenus
 
Printemps Réseaux Sociaux Québec 2013
Printemps Réseaux Sociaux Québec 2013Printemps Réseaux Sociaux Québec 2013
Printemps Réseaux Sociaux Québec 2013
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
 
eLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériqueseLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériques
 
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobileLes secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
 
Drupal & Mobilité
Drupal & MobilitéDrupal & Mobilité
Drupal & Mobilité
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Presentation Android
Presentation AndroidPresentation Android
Presentation Android
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 

Plus de Kaliop-slide

E z conference 2016 : The Next Generation of Innovative Applications: Powere...
E z conference 2016  : The Next Generation of Innovative Applications: Powere...E z conference 2016  : The Next Generation of Innovative Applications: Powere...
E z conference 2016 : The Next Generation of Innovative Applications: Powere...
Kaliop-slide
 
L'agilité au service de l'innovation
L'agilité au service de l'innovationL'agilité au service de l'innovation
L'agilité au service de l'innovation
Kaliop-slide
 
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
Kaliop-slide
 
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
Kaliop-slide
 
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
Kaliop-slide
 
Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?
Kaliop-slide
 
L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...
Kaliop-slide
 
Ezobject wrapper workshop
Ezobject wrapper workshopEzobject wrapper workshop
Ezobject wrapper workshop
Kaliop-slide
 
Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?
Kaliop-slide
 
Web performance optimization
Web performance optimizationWeb performance optimization
Web performance optimization
Kaliop-slide
 
How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)
Kaliop-slide
 
eZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battleeZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battle
Kaliop-slide
 
Utilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.frUtilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.fr
Kaliop-slide
 
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ PublishWebinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Kaliop-slide
 
Bien choisir sa solution e-commerce
Bien choisir sa solution e-commerceBien choisir sa solution e-commerce
Bien choisir sa solution e-commerce
Kaliop-slide
 
Webinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourismeWebinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourisme
Kaliop-slide
 
How to deploy & optimize eZ Publish
How to deploy & optimize eZ PublishHow to deploy & optimize eZ Publish
How to deploy & optimize eZ Publish
Kaliop-slide
 
Optimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automationOptimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automation
Kaliop-slide
 
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Kaliop-slide
 
Redeploiement d’une plateforme eZpublish multisites internationale
Redeploiement d’une plateforme eZpublish multisites internationaleRedeploiement d’une plateforme eZpublish multisites internationale
Redeploiement d’une plateforme eZpublish multisites internationale
Kaliop-slide
 

Plus de Kaliop-slide (20)

E z conference 2016 : The Next Generation of Innovative Applications: Powere...
E z conference 2016  : The Next Generation of Innovative Applications: Powere...E z conference 2016  : The Next Generation of Innovative Applications: Powere...
E z conference 2016 : The Next Generation of Innovative Applications: Powere...
 
L'agilité au service de l'innovation
L'agilité au service de l'innovationL'agilité au service de l'innovation
L'agilité au service de l'innovation
 
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
 
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
 
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
 
Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?
 
L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...
 
Ezobject wrapper workshop
Ezobject wrapper workshopEzobject wrapper workshop
Ezobject wrapper workshop
 
Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?
 
Web performance optimization
Web performance optimizationWeb performance optimization
Web performance optimization
 
How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)
 
eZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battleeZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battle
 
Utilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.frUtilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.fr
 
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ PublishWebinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
 
Bien choisir sa solution e-commerce
Bien choisir sa solution e-commerceBien choisir sa solution e-commerce
Bien choisir sa solution e-commerce
 
Webinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourismeWebinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourisme
 
How to deploy & optimize eZ Publish
How to deploy & optimize eZ PublishHow to deploy & optimize eZ Publish
How to deploy & optimize eZ Publish
 
Optimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automationOptimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automation
 
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
 
Redeploiement d’une plateforme eZpublish multisites internationale
Redeploiement d’une plateforme eZpublish multisites internationaleRedeploiement d’une plateforme eZpublish multisites internationale
Redeploiement d’une plateforme eZpublish multisites internationale
 

LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS MOBILES D'AUJOURD'HUI ET DE DEMAIN

  • 1. Kaliop Laisser ce bloc vide LE RESPONSIVE WEB DESIGN Votre visibilité web optimale sur tous les supports mobiles d’aujourd’hui et de demain
  • 2. Quelques chiffres Laisser ce bloc vide En 2013 Les mobiles génèreront plus de visites que les ordinateurs
  • 3. Contexte Laisser ce bloc vide 800x1280 768x1024 mobilité 1024x1280 1080x1920 social Rapidité média RÉSOLUTIONS USAGES SUPPORTS ORIENTATIONS ordinateur TV Mini PC Tablette portrait paysage mobile
  • 4. Contexte Laisser ce bloc vide ET DEMAIN ? 1680x1050 1280x810 1024x768 768x1024 1024x768 480x320 320x480 Smartphone Tablette Netbooks Desktop TV
  • 5. Problématique Laisser ce bloc vide PREMIÈRE SOLUTION : Développer autant de site que de supports d'utilisation "cible" Version Version Version Version haute basse Smartpho tablette résolution résolution ne Quels seront les  formats STOPER L’EMMORAGIE ET de demain ??? REPENSER SA STRATEGIE
  • 6. Le principe Laisser ce bloc vide Le Responsive Web Design (RWD) est un ensemble de principes/méthodes permettant de rendre un site web adaptable à chaque terminal afin d'apporter la meilleure expérience utilisateur, quel que soit le contexte de visualisation.
  • 7. Le principe Laisser ce bloc vide Utiliser une grille ergonomique flexible Avoir des médias flexibles Le contenu s’adapte à la taille de l’écran
  • 8. Le principe Laisser ce bloc vide
  • 9. Le principe Laisser ce bloc vide Les mêmes contenus sur l'ensemble des supports Une seule adresse pour tous les supports Un seul code à maintenir et tester
  • 10. Kaliop.fr Laisser ce bloc vide
  • 11. Projets réalisés Laisser ce bloc vide Saint-Etienne Tourisme
  • 12. Projets réalisés Laisser ce bloc vide Espace Sentein
  • 13. Projets réalisés Laisser ce bloc vide Ordre des Experts-Comptables
  • 14. Bientôt… Laisser ce bloc vide
  • 15. Quel impact ? Laisser ce bloc vide  Il faut travailler en amont sur :  Conception éditoriale : tous les contenus accessibles sur tous les supports  Conception ergonomique : une interface qui s’adapte en temps réel et qui utilise les boutons d’actions qui doivent fonctionner dans toutes les circonstances  Conception graphique : une charte qui se décline et aligné sur une « grille » fluide
  • 16. Quel impact ? Laisser ce bloc vide  Faire un développement front-end anticipant les principaux cas de figure  Réaliser un contrôle qualité plus étendu Quel impact planning et financier ? Augmentation du temps / de coûts de 30% de chacune de ces étapes
  • 17. Quel impact ? Laisser ce bloc vide Architecture sur mesure Version Version Version Architecture mobile tablette ordinateur Responsive Contenu Contenu Contenu “spécifique “spécifique “spécifique tablette” ordinateur” Version Responsive mobile” Contenus communs Affichage Affichage Affichage “light mobile” “light Tablette” Full Affichage Affichage “light Affichage “light … Support et maintenance mobile” Full Tablette” de 3 versions Support et maintenance d’une seule version
  • 18. Google Laisser ce bloc vide Google recommande aux webmaster de suivre les bonnes pratiques du responsive webdesign en utilisant le même code HTML pour toutes les utilisations en adaptant seulement les CSS
  • 19. Conclusion Laisser ce bloc vide Economies Gain de Meilleures Tous les SEO Optimisé temps performances Navigateurs supportés
  • 20. Conclusion Laisser ce bloc vide