Créer/gérer le site Internet de son association 17 octobre 2012 Sati.tv Michael Coulon
C'est décidé : votre association aura son site Internet! Mais comment s'y prendre?
Introduction Objectifs de l'atelier Le but de cet atelier est de vous donner les outils et les connaissances nécessaires pour lancer un projet de site Web.
Introduction Les étapes essentielles 1. Définir, exprimer et formaliser vos besoins et vos objectifs. 2. Les outils et les méthodes pour 3. Animer votre site Internet.
1 Définir, exprimer et formaliser vos besoins et vos objectifs
Définir, exprimer et formaliser vos besoins et vos objectifs. C'est la phase la plus importante de votre projet. L'organisation est le maître mot. L'expression du besoin est l'objectif. La formalisation, la garantie de la réussite.
Définir, exprimer et formaliser vos besoins et vos objectifs. Quel Définir est vos le objectifs ou les buts principaux de mon futur site? o En interne dans l'association o En externe à destination du public Pourquoi mon association a besoin d'un site? Augmenter le nombre de ses membres, faire connaître ses activités, promouvoir sa cause, récolter des dons...
Définir, exprimer et formaliser vos besoins et vos objectifs. Définir vos cibles Quelles sont les attentes des futurs usagers / internautes?...) Qui sont-ils? (professionnels/particuliers, âge, CSP, Quelles sont leurs habitudes? Quelles sont leurs passions? Où sont-ils? d'où viennent-ils? Conseil : créez des utilisateurs fictifs et faites vous des scénari
Définir, exprimer et formaliser vos besoins et vos objectifs. Confrontation de nos objectifs et des attentes de nos cibles Nos problématiques Trouver du public pour les ateliers poterie Les attentes de l'internaute S'inscrire facilement à des ateliers poterie Les fonctionnalités imaginées Formulaire d'inscription en ligne Annoncer les dates et les horaires d'ateliers Avoir accès à un planning et au programme des ateliers Planning en ligne
Définir, exprimer et formaliser vos besoins et vos objectifs. Analyse de la "concurrence", de l'existant Des sites Web similaires existent alors étudions-les : o Quels sont leurs point forts? o Quels sont leurs faiblesses / leurs erreurs? o Comment se démarquer? o Comment faire mieux ou différemment?
Définir, exprimer et formaliser vos besoins et vos objectifs. Etablir sa stratégie o Définir les actions à réaliser pour atteindre les objectifs. o Synthétiser les attentes des utilisateurs. o Déterminer sa durée dans le temps. o Argumenter l'utilité de votre site.
Définir, exprimer et formaliser vos besoins et vos objectifs. Exprimer les besoins et les formaliser Le cahier des charges o Présentation du projet et de la structure o Contexte du projet o Les objectifs du projet o Le comité de projet o La liste des besoins o Calendrier / planning o Budget / temps o Indicateurs de succès
Définir, exprimer et formaliser vos besoins et vos objectifs. Exprimer les besoins et les formaliser Astuce : pour établir le cahier des charges aidezvous des questions suivantes : Qui : ciblage et profil des visiteurs. Quoi : type de site, description du contenu du site, mots clés Où : vocation locale, nationale, internationale Quand : échéances pour la mise en ligne. Comment : en propre ou hébergé, technologies privilégiées Pourquoi : Objectifs du site, rentabilité, valeur attendue
Définir, exprimer et formaliser vos besoins et vos objectifs. Formaliser La carte du site et les interactions (sitemap)elle présente l'ensemble des pages du site avec : Leur type et leur catégorie Une indication sur leur contenu Les liens entre les différentes pages
Définir, exprimer et formaliser vos besoins et vos objectifs. Formaliser La carte du site et les interactions (sitemap) Accueil Les activités Inscriptions Membres... Pages activités
Définir, exprimer et formaliser vos besoins et vos objectifs. Formaliser Le maquettage fonctionnel (WireFrame ou zoning) Représentation graphique de la structure des pages du site : Module de contenu Zone de texte Positionnement des composants Attention : Le contenu n'est pas final, l'apparence graphique n'a aucune importance.
Définir, exprimer et formaliser vos besoins et vos objectifs. Formaliser Le planning de réalisation
2 Les outils et les méthodes pour réaliser un site internet
Les outils et les méthodes pour Eléments de vocabulaire Serveur Un serveur est un dispositif informatique matériel qui offre des services d'application aux utilisateurs. Dans notre cas, il offre la possibilité aux internautes de voir les pages que nous avons créées. Hébergeur Un hébergeur web (ou hébergeur internet) est une entité ayant pour vocation de mettre à disposition des internautes des sites web conçus et gérés par des tiers sur des serveurs.
Les outils et les méthodes pour Eléments de vocabulaire Nom de domaine C'est une adresse qui permet de retrouver facilement un site Internet. Les noms de domaines sont constitués d'une racine (sati.tv) et d'une extension (sati.tv). Cms (Content Management System) Un système de gestion de contenu est une famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web. Ils intègrent des outils de structuration du contenu, de mise en page... ex. : Wordpress, Drupal, Google Site...
Les outils et les méthodes pour Interface graphique Ne pas dater une création graphique Les tendances et les modes sur le web disparaissent aussi vite qu'elles sont apparues. Faire simple Il vaut mieux faire simple et sobre. Un design trop marqué pourrait susciter des rejets (les goûts et les couleurs!). Naviguer sur les sites concurrents, amis et regarder les sites de "Gabarits" (templatemonster, OSWD).
Les outils et les méthodes pour Les règles graphiques du site Les couleurs Les fontes, la typographie La hiérarchie des contenus (taille de titre de niveau 1, 2, taille de paragraphe...) Les images et photos (format, taille, rognage)
Les outils et les méthodes pour Ergonomie et accessibilité L'ergonomie est la façon de rendre un site utilisable par le plus grand nombre de personnes avec un maximum de confort et d'efficacité. Chaque individu est différent et internet doit être adapté à tout le monde, quelque soit son handicap (physique, auditif, visuel,...). C'est pour cela qu'il existe également des standards et des normes d'accessibilité du Web (WCAG).
Les outils et les méthodes pour Les contenus Le texte Créer du contenu original Écrire spécifiquement pour le web : o adapter le nombre de signes de vos textes o utiliser un vocabulaire simple o rechercher les mots clés qui ont de l'impact Les images / photos / vidéos Comme pour le contenu textuel, veillez à être originaux, veillez aux droits à l'image et à la qualité.
Les outils et les méthodes pour Les solutions techniques Les plate-formes CMS hébergées
Les outils et les méthodes pour wordpress.org
Les outils et les méthodes pour
Les outils et les méthodes pour
Les outils et les méthodes pour Google Sites
Les outils et les méthodes pour
Les outils et les méthodes pour
Les outils et les méthodes pour 1&1 MyWebsite
Les outils et les méthodes pour 1&1 MyWebsite
Les outils et les méthodes pour Les solutions techniques Les plate-formes CMS à installer
Les outils et les méthodes pour Wordpress
Les outils et les méthodes pour
Les outils et les méthodes pour
Les outils et les méthodes pour Joomla
Les outils et les méthodes pour
Les outils et les méthodes pour
Les outils et les méthodes pour Drupal
Les outils et les méthodes pour
Les outils et les méthodes pour
Les outils et les méthodes pour La documentation et les tests Partie importante mais pourtant souvent négligée, la documentation de votre site doit être rédigée de façon formelle pour assurer le suivi ou la transition avec un autre membre de votre structure.
Les outils et les méthodes pour La documentation et les tests Prenez le temps de tester toutes les fonctionnalités sur différents navigateurs, système d'exploitation, mac/pc,... Créer au sein de vos amis et connaissances un groupe de testeur.
3 Animer votre site Internet
Animer votre site Internet Mettre à jour votre site Cela paraît évident mais un site mis à jour régulièrement est plus visité et mieux référencé qu'un site qui ne l'est pas. Pire que de ne pas être bien référencé, votre crédibilité sera remise en cause si les informations que vous donnez au public datent. Mettez à jour votre site!
Animer votre site Internet Les interactions avec le public N'oubliez pas qu'internet est un média interactif. C'est le concept même du web 2.0 Proposez aux utilisateurs, la possibilité de poster des commentaires, de vous proposer des photos, ou plus simplement de vous envoyer des e-mails.
Animer votre site Internet
Animer votre site Internet Trouver des sites partenaires Animer son site, c'est aussi parfois échanger du contenu ou se faire l'écho de manifestations. Créer un réseau de sites web partenaires va également vous permettre un meilleur référencement.
Animer votre site Internet Les réseaux sociaux Comme pour le référencement de votre site ou la notoriété de votre structure, les réseaux sociaux vont vous aider à animer votre site. o Annoncer des événements ou de nouveaux contenus publiés sur votre site. o Proposer aux internautes de partager le contenu de vote site o...
Animer votre site Internet
Animer votre site Internet Les lettres d'informations Les newsletters (envoi de mail groupé) sont un bon moyen d'alerter vos internautes des nouveautés que propose votre site. Attention cependant au phénomène de Spam et à la constitution de vos listes!
Conclusion Construire un site web est un excitant projet complexe et long. Réfléchir aux objectifs Bien préparer son projet Se documenter sérieusement