Créer un site Internet pour sa structure n'est plus un atout mais est devenu un passage obligé. Le tout étant de ne pas laisser ce site se fondre dans la masse. Pour cela nous vous proposons de découvrir ou redécouvrir les bonnes pratiques pour communiquer efficacement autour de leur site Internet.
3. Nos références Jeeves et vous http://jeevesetvous.com/ Générali Formation Outil interne Film Danone Communication interne
4. Nos références Portail des Métiers de l ’Internet www.metiers.internet.gouv.fr Beauty Executive www.beautyexecutive.com Croix-rouge française haiti.croix-rouge.fr/
5.
6. Concevoir et promouvoir son site Internet Julien Gouvernet Resp. Qualité Adrien Pepin Resp. Communication Audrey Wermeister Trésorière
7. Sommaire Promouvoir son site Internet Concevoir et réaliser son site Internet Do it your self Adopter une démarche structurée et cohérente Adopter une démarche réfléchie Concevoir : la phase de réflexion Réaliser : la phase concrète Recetter : la phase finale Etendre son offre, pensez mobilité Actionner les leviers Etudier les résultats et s’adapter Cas pratique
93. Ressources Développement mobile http://www.appcelerator.com/ http://jquerymobile.com/ http://developer.android.com/ http://developer.apple.com/ Plateforme de blogging : http://wordpress.org/ https://www.blogger.com/ http://www.feedburner.com/ Outils d ’e-mailing : Campaign Monitor MailChimp Outils de monitoring : Twitter Search Tweetscan Tweetdeck et Seesmic
94.
95. Lectures conseillées Ergonomie Web Amélie Boucher http://www.ergolab.net The Smashing Book Smashing Magazine http://www.smashingmagazine.com Internet Marketing 2011 Julia Jouffro, Martin Tissier & Guillaume Ber
99. On reste en contact ? twitter.com/synerghetic facebook.com/synerghetic.je blog.synerghetic.net/ [email_address]
Notes de l'éditeur
Mettre à jour graphique -> Chiffres ?
Mettre à jour ? -> une libanaise à paris -> Application FB -> jeeves
Mettre à jour ?
Chercher des chiffres : Conseil multimédia Site Mobile Audiovisuel … Données : 37,8 % des internautes vont sur les RS soit taux de pénétration de 84,7% (décembre 2010) Facebook : 20,3 millions de comptes actifs Facebook : 1,5 millions d’entreprises sont présentes en 2010 55 min / jour pour FB (2010) Twitter : 225 000 LinkedIn : 1 million Viadeo : 4 millions.
Mettre à jour les noms
I –Créer son site internet Adopter une démarche réfléchie -> Objectifs, cibles, concurrence, équipe type -Concevoir : la phase de réflexion ->Graphisme, Ergonomie et hiérarchisation de l’information, Référencement -Réaliser : la phase concrète -> dev, plateformes (CMS, Framework) Recetter : la phase finale -Etendre son offre, pensez mobilité -> Chiffres, Stratégie, Site VS application, Supports Communication 360° ? II – Leviers de communication Adopter une démarche structurée et cohérente –> ne pas être sur les réseaux, pour être sur les réseaux -> Stratégie de communication globale (on/off line) - Actionner les leviers -Facebook -Twitter Newsletter Blog - Boite à outils -Flickr -… Etudier les résultats et s’adapter III – Do it your self
SWOT
On vient de voir l’utilité = capter l’internaute. Maintenant nous allons passer à la partie utilisabilité, c’est-à-dire que l’internaute reste sur le vite grace à une interface simple et bien conçue = une interface ergonomique
Possibilité de faire des tests par tri de cartes afin de connaitre les regroupements paraissant logiques à nos internautes. Sans ces tests, il faut réaliser des regroupements logiques. Le sens de vos regroupements est d’autant plus important du point de vue de l’utilisateur que ce dernier s’arrête très tôt dans le processus de lecture des titres de rubriques. En effet, il s’attend à trouver la catégorie à un endroit particulier car ça lui parait logique. S’il ne la trouve pas, il ne cherchera pas plus. Vous devez mettre en avant les pages ou fonctionnalités les plus recherchées par vos internautes afin de créer un parcours fluide et facile pour l’utilisateur. => Voir si présence exemple nespresso (94)
Après avoir organisé le parcours des internautes dans votre site web, vous devez passer à un travail sur l’organisation visuelle des éléments à l’écran. A savoir : réaliser un site web ergonomique reste du domaine de l’utopie. Mais quelques conseils sont à suivre pour prétendre son site ergonomique
Objectif 1 : Efficacité Un utilisateur doit réussir à faire ce qu’il veut faire. Implique les notions d’aisance d’utilisation et de facilité d’apprentissage. Critère le plus important pour satisfaire les utilisateurs des sites grand public, mais aussi séduire de nouveaux utilisateurs. Objectif 2 : Efficience L’utilisateur doit réussir à accomplir ses objectifs, mais il doit le faire rapidement et avec le moins d’erreurs possibles. Cet objectif est très important dans le cadre d’applications spécialisées ou dans des sites grand public que les utilisateurs sont amenés à visiter souvent voire très souvent, tels que Amazon, eBay… Une interface web doit tendre vers la double optimisation de l’efficacité et de l’efficience. Objectif 3 : Satisfaction des utilisateurs Un site internet est un support multi-fonctions, qui permet la réalisation de certaines tâches, mais qui intègre également des composantes esthétiques, marketing et plus largement de plaisir. Il faut donc faire en sorte que son utilisateur se plaise sur notre site, y reste un certain temps en naviguant au gré de ses rencontres. Puis revienne. Retour sur investissement, par exemple : refonte des sites d’IBM en 1999 : une semaine après le lancement de la nouvelle version, les ventes augmentaient de 400 %.
Rarement la totale… En fonction des types de sites Wireframes = storyboard = cinématiques
On fixe une résolution d’écran. Souvent 1024 x 768 px mais on tend à aller vers du 1280 × 1024. Ce document met en avant les emplacements des différents éléments dans la page. Il s’agit de découper cette dernière en autant de zones que nécessaire. Vous choisissez alors l’emplacement de votre navigation, du slide show s’il y en a un, le nombre de blocs présents dans la colonne de droite…
Une fois les positions des zones validées, on peut commencer à affiner les éléments. En réalité ce sont des maquettes en noir et blanc de préférence (car ce n’est pas du graphisme et il ne faut pas brider les graphistes) mais qui permettent de réfléchir aux aspects fonctionnels et ergonomiques des éléments qui rempliront les boites.
Pour réaliser toutes ces interfaces, l’outils incontournable est le grid system.
ATTENTION : lien mord Se fait en parrallele de l’ergonomie
Loi de Hick-Hyman : Affirme qu’il est plus facile de décider parmi un nombre réduit d’éléments. Le temps de décision croît proportionnellement aux nombres d’éléments parmi lesquels faire un choix
La création dépend de l’objectif du futur site : site de contenu, site pour enfants, site vitrine… Facilité la lisibilité avec de bon contraste de couleurs = on préconise d’utiliser un contraste positif, cad couleur sombre/couleur claire On peut jouer avec l’utilisation de graisses et taille de caractères : plus le caractères est grand et gras, moins il peut nécessiter de contraste
Un texte en majuscule est lu 13 à 20% moins vite qu’un texte en minuscule. Les majuscules sont les caractères les plus appropriés pour facilité l’activité de recherche dans une page Les minuscules sont recommandés pour la lecture des textes L’ensemble des typos est utilisable : libre de droit. Grace au CSS3 (fontface). Sur un site on lit que 30% d’une page.
On s’attarde sur google car c’est 90% du marché.
Liens entrants : Plus une page est la cible de liens en rapport avec son contenu, plus elle a de poids, plus elle remonte dans les résultats de recherche
Se placer dans les 3 meilleurs.
Compléter cette partie -> Ne pas entrer en conflit avec les spécifications techniques et le choix de la solution Julien: évolution du slide
Compléter cette partie -> Ne pas entrer en conflit avec les spécifications techniques et le choix de la solution
Enlever joomla Ajouter magento Ezpublish ? Apuis sur le choix de la solution technique Ajout CMS vs Framework Fait partie de la technique
Pertinence ici ?
Trouver des chiffres sur l’importance d’une bonne recette Nous recommandons : 30% de la production
Ajouter redmine
Ajouter le taux de pénétration internet mobile 2010 pour pouvoir comparer
Démonstration d’une marque utilisant un site web + site mobile + tablette + application
Plus sous forme de liens vers des outils ?
Plus sous forme de liens vers des outils ?
Plus sous forme de liens vers des outils ?
Plus sous forme de liens vers des outils ?
- Augmentation de la base de données mail -> plus de cible à fidéliser
Plus sous forme de liens vers des outils ?
- Augmentation de la base de données mail -> plus de cible à fidéliser