Indispensable pour votre association : un site Responsive !

Pour une association, un site internet peut avoir de nombreux usages : vitrine pour informer sur les activités et actualités, boutique en ligne, centre de ressources, ou encore simple blog. Mais votre site répond-il aux dernières normes et, plus précisément, est-il "responsive" ?

Si vous ne savez pas ce dont nous parlons, vous trouverez la réponse dans cet article, et bien d’autres encore. Au programme :

• Qu’est-ce que le responsive web design ?
• Pourquoi une association devrait avoir un site responsive ?
• Quels sont les avantages d’un site responsive par rapport à un site classique ?
• Comment concevoir un site internet responsive ?

A la fin de cet article, retrouvez également un bref récapitulatif des points à en retenir.

Qu’est-ce que le Responsive Web Design ?

Le Responsive Design est une nouvelle approche de création de site web apparue il y a quelques années.

Auparavant, si vous souhaitiez que votre site internet s’affiche correctement sur mobile, il fallait en réalité construire deux sites distincts : un site dit "desktop" (ordinateur fixe), ainsi qu’un site mobile à part entière. Développer un site internet responsive permet donc de ne développer qu’un seul et même site.

Un site responsive s’adapte ainsi automatiquement à l’ensemble des supports : ordinateurs, tablettes et smartphones et permet de proposer une meilleure expérience utilisateur.

http://www.deepintheweb.com/infographie-le-web-design-responsive/

Pourquoi une association devrait avoir un site responsive ?

Depuis 2015, il y a plus d’utilisateurs internet sur mobile que sur ordinateur. Cela veut dire que de nombreuses personnes visitent le site votre association depuis un appareil mobile ou une tablette. Cette tendance va encore s'intensifier :  le trafic internet sur mobile devrait croître trois fois plus que le trafic internet bureau d'ici 2019.

http://www.deepintheweb.com/infographie-le-web-design-responsive/

Les associations ont donc besoin d’un site Web accessible depuis un ordinateur, un mobile ou une tablette. Grâce au design responsive, pas besoin de créer un nouveau site web pour chaque type d’écran, vous pouvez créer un site que tout le monde pourra visiter.

http://www.deepintheweb.com/infographie-le-web-design-responsive/

Le blog AssoConnect étant entièrement responsive, vous pouvez tenter l’expérience dès maintenant. Essayez de réduire la largeur de la fenêtre de notre site et observez comme le contenu s’adapte à la taille de l’écran : les éléments du site se réorganisent automatiquement pour que l’affichage soit toujours agréable et lisible.

Voici un exemple de site créé sur AssoConnect lorsqu’on le consulte depuis sur un écran d'ordinateur :

Et voici le même site observé depuis un mobile :

Vous avez déjà un site internet et vous ne savez pas s’il est responsive ? Deux solutions s’offrent à vous :

• Testez directement en utilisant plusieurs supports (ordinateur, tablette, smartphone) et en augmentant/réduisant la taille de la fenêtre, vous devriez voir rapidement si votre site répond bien à l’exercice,
• Utilisez l’outil Google Webmasters, il vous indique directement si votre site répond aux normes “responsive” ou non, et peut aussi fournir quelques conseils pour l’optimiser et l’améliorer.

Les avantages du Web Design Responsive par rapport à un site classique

Pour résumer les points précédents, voici en quelques mots les 5 principaux avantages d’un site responsive :

• Meilleure visibilité : depuis le 21 avril 2015, Google privilégie dans les résultats remontés sur ces terminaux les pages qui ont le label "mobile-friendly". Avec un site responsive, vous obtenez un meilleur référencement naturel de votre site sur les moteurs de recherche. Vous attirez ainsi plus de visiteurs, et plus de potentiels adhérents, donateurs ou bénévoles !

• Meilleure expérience utilisateur : les visiteurs de votre site bénéficient d’une expérience générale plus agréable sur votre site. Ils sont donc davantage enclins à y passer plus de temps, et y reviendront plus régulièrement.

• Don en ligne : un site adapté pour mobile permet  d’augmenter considérablement le nombre de donateurs potentiels et de solliciter davantage la générosité des gens. Si vous effectuez une collecte de dons, il est important qu’un utilisateur puisse effectuer un don depuis son mobile !

http://www.croix-rouge.fr/

• Facilite les actions simples : un site responsive adapté pour mobile facilite grandement certaines actions simples comme par exemple partager du contenu sur les réseaux sociaux ou permettre à vos utilisateurs d'enregistrer leur adresse mail et de recevoir une newsletter pour suivre votre actualité via leur smartphone.

• Nouveau design : c’est l’occasion de refondre le design de votre site. Un design bien conçu et fonctionnel est la clé de la réussite pour la conception de votre site Web.

Comment concevoir un site responsive pour son association ?

Si vous souhaitez créer ou faire développer un site internet responsive, plusieurs solutions s’offrent à vous.

Concevoir par vous-même un site responsive est un challenge, cela prend beaucoup de temps et nécessite des compétences en développement informatique. Pour les associations, cette solution n’est donc pas forcément la plus recommandée, votre temps est précieux et doit être utilisé sur le cœur de vos missions.

Heureusement il existe d’autres moyens d’obtenir de manière simple et rapide un site Web responsive pour votre association.

Vous pouvez notamment faire appel à un prestataire, qu’il s’agisse d’une agence ou d’un développeur indépendant (souvent appelés "freelance"). Toutefois, ce modèle s’avère souvent relativement coûteux et entraîne une certaine dépendance à une personne ou une organisation.

Enfin, vous pouvez vous tourner vers un système de gestion de contenu vous permettant de créer et d’administrer votre site internet par vous-même. On parle alors de CMS, les plus connus sont Wordpress ou Joomla, mais AssoConnect est également un CMS et vous permet de créer et gérer votre site internet de manière très simple.

En bref

 🎨 Qu’est-ce que le responsive design ?

Le responsive design est une approche web apparue il y a quelques années. Elle permet à un site internet de s’adapter automatiquement au format de l’écran, qu’il s’agisse d’un ordinateur, d’une tablette ou d’un smartphone. En savoir plus

🤔 Pourquoi une association devrait avoir un site responsive ?

Le nombre d’utilisateurs internet sur mobile grandit d’année en année. Le site de votre association sera donc de plus en plus visité depuis un smartphone. Pour que votre site soit efficace, il est donc indispensable de s’adapter à cette norme. En savoir plus

🔧 Comment concevoir un site web responsive ?

Vous pouvez faire développer votre site par un membre de votre équipe, ou passer par un prestataire (agence ou freelance). Cela implique toutefois des contraintes importantes. Vous pouvez également utiliser un CMS pour créer et gérer directement votre site. En savoir plus

Quoi qu’il en soit, avoir un site responsive n’est aujourd’hui plus une question mais un standard. Veillez donc bien à ce que votre site internet soit à la page et réponde à cette nouvelle norme. De cette manière, votre site pourra devenir un véritable outil au service de votre association !