Flexibilité

À l'heure actuelle, votre site doit être techniquement compatible avec tous les navigateurs du marché (Internet Explorer, Chrome, Safari, Opera & Firefox). Demain, votre site devra être compatible avec tous les différents types d'appareils connectés qui possèdent chacun leurs résolutions d'écrans. Le marché des navigateurs sur ces appareils est lui aussi fragmenté car chaque système possède ses propres navigateurs (Opera mini, Dolphin, Atomic web …)

C'est un changement des règles du jeu.

android screen size

Le monde du multi écran

Avec ce changement des règles, vous devez vous faire à l'idée de n'être compatible qu'avec les derniers navigateurs modernes.

C'est tout.

Être compatible avec internet explorer 6 n'a pas de sens au XXIème siècle. Vous souhaitez faire la refonte de votre site pour être compatible avec le futur, pas pour corriger les erreurs du passé.

Le contenu de votre site sera toujours accessible aux ancien navigateurs mais avec une expérience dégradée. Essayez aussi de vous faire à l'idée que votre site internet ne s'affichera pas de la même manière suivant son mode de consommation et c'est parfaitement normal. L'expérience utilisateur n'a rien à voir entre un écran 27" et un smartphone.

Dans un contexte de navigation mobile, privilégiez vos efforts sur la stabilité et la performance de votre site.

  • Peu de JavaScript
  • Design minimaliste
  • Peu d'images

Ces différents points permettent de charger votre site plus rapidement. N'oubliez pas que nous sommes revenus à l'ère du 56k en ce qui concerne le web mobile : débits lents, perte de connexion …

Votre périple commence par l'abandon du contrôle et l'adoption de la flexibilité.

  1. Le monde change

Objectifs

  1. Pré-requis technique
  2. L'expérience de lecture
  3. Architecture du contenu
  4. Limites de la publicité
  5. Attention aux détails

Manifeste de refonte

  1. Préparation
  2. Par où commencer ?
  3. Importance de la navigation
  4. Choisir sa typographie
  5. Un attribut clef les mesures
  6. Concevoir directement dans le navigateur
  7. Penser mobile
  8. Construire une mise en page adaptative
  9. Détails techniques
  10. Point de rupture

Principaux challenges

  1. Navigation
  2. Publicité
  3. Évolution du design
  4. Test d'usage / utilisation
  5. Conception d'usages / interaction des pages
  6. L'affichage de votre site internet
  7. Re - lancement
  8. Phase de test finale