Pourquoi mon site internet ressemble à une antiquité ?

outdated web Photographie : Doug Menuez

Un document vivant

Il existe une différence fondamentale entre le Print et le web. Le contenu d'un site est éditable. C'est impératif qu'il soit à jour.

En l'état actuel, le contenu de votre site n'a sûrement pas évolué depuis ces 5 dernières années. Mauvaise nouvelle : votre contenu a dépassé sa date limite de consommation. Malgré vous. Il est devenu périmé.

… Mais j'ai réalisé des mises à jours par-ici et par la …

La seule chose que vous avez gagné est une organisation de type bidonville. Votre site web n'est pas simplement une présentation aléatoire de votre contenu. Pour garder l'attention de votre visiteur il faut sélectionner avec soin le contenu mis en avant.

Contenu pour le web

Voici un exemple à mettre en place facilement. Dans le cas d'une organisation de type blog vous pouvez utiliser ce type de classement :

  • Articles utiles
  • Les classiques
  • Boite à outils
  • Les bases

Une bonne organisation augmente le nombre d'actions par utilisateur ainsi que le temps passé sur votre site.

Il est aussi impératif d'architecturer votre contenu de façon sémantique :

  • Un titre h1 par page
  • Plusieurs sous-titres h2 - h6
  • Votre contenu en paragraphe p
  • Ne jamais mettre de balisage de titre sur les éléments de votre site qui se répètent (menu, footer …)

Au delà d'avoir une organisation claire et compréhensible, ce travail vous permettra d'avoir un référencement de qualité. Pour vous aider à planifier et organiser la production de votre contenu, l’open web group a publié un excellent article : Des contenus souples et réactifs grâce à la stratégie de contenu.

J'ai aussi remarqué que sur le web : nos yeux "scannent" une page web de haut en bas, et sont attirés par les zones mises en valeur. Si l’on ne trouve pas rapidement ce qu’on cherche au cours de ce "scan", on va se désintéresser du site. Seulement les plus tenaces essayent d'entrer dans le détail… Il est donc obligatoire de bien hiérarchiser l’information, c’est même un métier : architecte d'information.

Dois-je utiliser du lorem ipsum pour mes test en attendant ?

NON !

lorem ipsum wine

Voila ce qu’il arrive si vous utilisez du faux texte : vous augmentez le risque qu’il soit oublié et se retrouve directement en production.

  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