DéKaPé est responsive design

En juillet 2014, la start-up Woorank pointait du doigt les sites belges à la traîne sur les mobiles et les réseaux sociaux. Qu’en est-il de mon propre blog ?

Lisez mes articles aussi sur votre smartphone. Extra Paul !

Lisez mes articles aussi sur votre smartphone. Extra Paul !

Voici deux ans presque jour pour jour, je me posais cette question : mon site est-il efficace ?

Une analyse gratuite sur Woorank me donnait quelques premiers éléments encourageants mais avec encore une belle marge de progression. Récemment, un nouveau scanneur de mon site notait l’absence de responsive design.

Que veut-dire responsive design ? Tout simplement que le contenu d’un site s’adapte à chaque support (ordinateur, tablette, smartphone…).

Les deux derniers supports gagnent en effet du terrain. Il n’est pas rare de consulter ses e-mails sur son smartphone, d’acheter en ligne sur sa tablette pour, le soir, regarder un film sur son ordinateur.

En France, le taux de pénétration du smartphone est de 42 % et ses utilisateurs en deviennent de plus en plus dépendants. 61 % consultent Internet tous les jours depuis leur smartphone et 74 % ne sortent jamais sans. (source Google mi-2013 via Ecran Mobile.fr).

Ne confondez pas responsive design (lisibilité) et adaptive design. Grâce à ce dernier, un site pourra vous proposer des fonctionnalités spécifiques pour votre support.

Je n’en suis pas encore là. Grâce à Paul Barbieux, je gagne quelques points dans le classement de Woorank.

Mon site est responsive design. Et le vôtre ?

À partir de quel support me lisez-vous ?

Originally posted 2014-07-16 13 :59 :06.

Cet article a été publié dans J'ai vécu DKP, WWW avec les mots-clefs , , , , . Bookmarker le permalien. Laisser un commentaire ou faire un trackback : URL de trackback.

14 Commentaires

  1. Publié le 16 juillet 2014 à 21 h 17 min | Permalien

    Mes derniers sites sont « responsive ». Mais je préfère l’ordinateur pour aller sur le web.

  2. Publié le 17 juillet 2014 à 18 h 34 min | Permalien
    • Thierry Lalinne
      Publié le 22 juillet 2014 à 13 h 06 min | Permalien

      Philippe, pour répondre à ta question, je lis ton site le plus souvent à partir de mon desktop/laptop, rarement à partir de ma tablette ou de mon téléphone.

      • Publié le 22 juillet 2014 à 15 h 07 min | Permalien

        Thierry, merci pour ton intérêt et tes conseils. Je serais curieux de lire des études de % de lecture par support. Si j’en trouve, je la mettrai comme bonus dans cet article.

    • Thierry Lalinne
      Publié le 22 juillet 2014 à 13 h 48 min | Permalien

      Ils sont très intéressants ces sites et superbes en plus. Merci pour la découverte 😉

  3. Thierry Lalinne
    Publié le 22 juillet 2014 à 11 h 52 min | Permalien

    Bonjour.
    C’est pas mal en fait, mais pourrait être encore mieux ! Il faudrait adapter la typo à la taille, le logo devrait également s’adapter à la taille. Le menu horizontal gagnerait à se transformer en un menu vertical de type hamburger. Et d’autres petites choses encore.

    • Publié le 22 juillet 2014 à 11 h 57 min | Permalien

      Merci Thierry, je transmets.

      • Thierry Lalinne
        Publié le 22 juillet 2014 à 11 h 58 min | Permalien

        Avec plaisir, Philippe. À ta disposition si besoin.

    • Publié le 22 juillet 2014 à 12 h 09 min | Permalien

      En effet, c’est perfectible. Mais j’ai dû adapter un template qui n’était pas du tout responsive : la tâche a été dure.
      Il y a juste votre remarque sur la typo que je ne comprend pas : les sites responsive dans lesquels j’ai travaillé n’avaient jamais de changement de typo ou de taille suivant le support…

      • Thierry Lalinne
        Publié le 22 juillet 2014 à 13 h 02 min | Permalien

        En effet, ce n’est pas simple d’adapter un template WP. L’idéal serait de repartir à zéro, mais cela demande un gros boulot qui n’est pas toujours possible ou souhaitable.

        Bon boulot en tout cas. Beaucoup de sites restent encore à la traîne à ce niveau-là.

        Concernant la typo, ce n’est pas toujours nécessaire, c’est vrai. Avec une grille flexible, la taille et la hauteur de ligne s’adaptent aux dimensions du contenant pour maintenir une bonne lisibilité.

        Un chouette site responsive est celui d’Andy Clarke Stuff & Nonsense:
        http://www.stuffandnonsense.co.uk

        • Publié le 23 juillet 2014 à 21 h 29 min | Permalien

          Ah oui, vraiment original ce blog d’Andy !

          Concernant le template, ma 1ère idée était de repartir du nouveau thème Twenty Thirteen, mais le chemin était encore plus long pour avoir le logo aligné sur les colonnes de briques (en fait, c’est pour ça que le logo ne change jamais de taille), la bannière fixe avec la citation dedans, etc.

  4. Publié le 23 juillet 2014 à 21 h 32 min | Permalien

    À propos de site « à la traîne », le site des allocations familiales ne l’est plus : on vient de le refaire, avec l’aide de consultants. Et il est donc responsive : http://www.famifed.be

    • Thierry Lalinne
      Publié le 23 juillet 2014 à 21 h 56 min | Permalien

      Je viens d’essayer, simple et élégant. Bravo !

Laisser un commentaire

Votre e-mail ne sera jamais publié ni communiqué. Les champs obligatoires sont indiqués par *

Vous pouvez utiliser ces balises et attributs HTML <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*
*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

  • Citation

    La vie est si dure pour qui s'immole.
    ~Philippe