Exemple de cahier des charges pour votre site internet Que vous ayez besoin de créer un nouveau site web, de refondre votre site existant ou de lui ajouter de nouvelles fonctionnalités, le développeur (ou l'agence web) va vous demander un cahier des charges. Et plus celui-ci sera clair plus le site web ressemblera à ce que vous souhaitiez. Pour bien faire voici comment construire un cahier des charges complet et lisible. 1- Contexte et définition du projet Un site web, quel qu’il soit, est la vitrine, l’image de votre entreprise. Il doit donc correspondre parfaitement à votre profil. Dans un court paragraphe, donnez les informations utiles sur votre entreprise et projet. « Le contenu vient avant le design. 2 - Objectif de votre site internet Votre prestataire ne peut pas deviner ce que vous avez en tête. Pourquoi vous avez besoin, aujourd’hui, d’un site internet ? 3 - Périmètre Quel est le périmètre de votre activité et de votre marché ? 4 - Description fonctionnelle des besoins 5 - Enveloppe budgétaire N’ayez pas peur de donner votre budget.
Les fondamentaux de l'Ergonomie Web - Pierre Lainé Sur un site internet, les éléments qui doivent être particulièrement optimisés sont les éléments cliquables. L'affordance(1) des call-to-action (CTA) doit être hiérarchisée pour guider l'utilisateur jusqu'à la conversion (aspect, taille, couleur). Sur un site, les seuls éléments qui doivent être soulignés sont les éléments cliquables. En complément de cette hiérarchisation, le libellé du bouton mérite une attention propre. Même si cela peut paraître être une évidence, l'interaction avec l'élément cliquable permet de retenir l'attention de vos utilisateurs et doit être systématique. Enfin, il est important de prendre en compte la taille des différents types de curseurs, principalement entre le doigt et la souris pour adapter les zones cliquables.
Découvrez pourquoi il est important d'avoir un site et un blog Voici le deuxième article de la série sur le copywriting pour le Web inaugurée il y a quelques jours. La question – site internet et/ou blog – qui peut sembler rudimentaire aux chevronnés, beaucoup d’entrepreneurs – débutants ou non – se la posent. La pression est forte quant à la question d’avoir un site internet. Ce billet plante le décor et vous donne des pistes qui seront développées ultérieurement. Pourquoi un site internet? Un site internet a pour objectif de promouvoir votre savoir-faire, vos services et vos produits. – votre site indique à qui vos produits/services s’adressent – décrit votre offre – parle de vous et fournit des références qui garantissent votre fiabilité – Il indique comment vous contacter Ces informations se déclinent d’une manière précise. Parlez-moi de moi ! Beaucoup d’entrepreneurs mettent l’accent sur l’histoire de leur entreprise et parlent de leur produit. Êtes-vous orienté client ? Pourquoi un blog ? Blog et réseaux sociaux Site web et blog en résumé,
Création de site Wordpress : Comment créer l'arborescence de son site web ? La création de site s’apparente à la construction d’une maison, si vous souhaitez que celle-ci tienne vous devez commencer par construire des fondations solides. Pour un site internet la première étape est de structurer les informations sur lesquels vous souhaitez communiquer. Pour ce faire vous devrez construire la base de votre site c’est-à-dire : L’arborescence. Cet article est le premier de notre série consacrée à la création de site de A à Z avec le CMS WordPress, pour suivre les prochaines étapes abonnez-vous à notre newsletter ! Retrouvez toutes les étapes ci-dessous : Qu’est-ce que l’arborescence d’un site ? Avant de commencer réellement la conception de votre site vous devez créer son arborescence, cette étape va vous permettre de définir précisément le nombre de pages que vous souhaitez créer, quels sont les sujets que vous souhaitez aborder et quel est l’objectif de votre site. Comment construire l’arborescence de son site web ? Lister tous les contenus de son site web (SEO).
De l’ergonomie Web 9 mars 2009 L’ergonomie, qu’est-ce que c’est ? L’ergonomie est l’étude scientifique de la relation entre l’homme et ses moyens, méthodes et milieux de travail et l’application de ces connaissances à la conception de systèmes qui puissent être utilisés avec le maximum de confort, de sécurité et d’efficacité par le plus grand nombre. Pour Pierre Cazamian c’est l’étude multidisciplinaire du travail humain qui tente d’en découvrir les lois pour en appliquer les règles. Wikipedia, Ergonomie. Pour faire simple, il apparaît donc que l’ergonomie est cette science permettant de réaliser des interfaces ou des dispositifs permettant la réalisation aisée et rapide d’une tâche. Un site web ergonomique, c’est quoi ? Un site Internet se doit de respecter certains principes fondateurs de la communication web tels que : Les outils de contrôle de l’ergonomie Web Concrètement, il s’agit de vérifications telles que :
SoLoMo : Quoi ? Pourquoi ? Comment SoLoMo est un horrible acronyme ! Nous sommes d’accord. Laissons cependant nos appréhensions de côté pour apprécier le potentiel extraordinaire de ce concept. Le SoLoMo n’est pas vraiment une nouveauté sur le marché : de nombreuses entreprises ont déjà adopté cette approche Social / Local / Mobile. Le SoLoMo, de quoi s’agit-il exactement ? Pour faire simple, c’est une approche marketing qui permet aux marques de profiter de la culture « smartphone » pour proposer du contenu marketing personnalisé et géolocalisé tout en favorisant la viralité et le partage social. Francois Laxalt, Responsable Marchés et Innovations chez Neolane Par exemple… Vous lisez une publicité avec un QR code dans un magazine. Cela vous semble futuriste ? Pourquoi le SoLoMo ? Parce que l’usage des smartphones est en voie de généralisation : 50% des abonnés mobiles aux États-Unis possèdent un smartphone (Source Nielsen)47% des abonnés mobiles au UK possèdent un smartphone. Des entreprises tirent déjà parti du SoLoMo
Comment créer un site Wordpress ? – CMS Codeur Aujourd’hui nous allons voir comment créer un site WordPress. Ce tutoriel va vous apprendre à choisir vos nom de domaine, votre hébergement, installer le CMS, personnaliser Wordpress, gérer vos pages, créer votre contenu et installer les widgets indispensables à la bonne gestion de votre site. Qu’est-ce que WordPress et pourquoi le choisir ? Créé en 2003 et édité depuis 2005 par l’entreprise américaine Automatic, WordPress est un CMS (ce qui signifie Content Managment System soit en français Système de Gestion de Contenu) en open source (logiciel pouvant être téléchargé gratuitement). WordPress est le CMS de prédilection des bloggers, apprécié pour ses thèmes harmonieux et son coté très fonctionnel, bien adapté à l’écriture et à la mise en page d’articles. En effet, il peut facilement adapter son apparence pour devenir le site vitrine de votre entreprise. Trouvez le meilleur prestataire Wordpress pour votre projet rapidement et gratuitement sur Codeur.com Trouver un freelance Yoast SEO
Charge de travail – L'ERGONOMIE WEB 2.1 Brièveté. Ce critère cherche à garantir la réduction de la charge perceptive de sorte que notre site soit plus facile à retenir par les utilisateurs et il est ainsi aussi pour l’augmentation de l’efficacité du dialogue. C’est le fait de concevoir une interface claire et fonctionnelle aux yeux des utilisateurs. Ce critère correspond à la règle Rapidité d’Amélie Boucher. Concision. Il s’agit de faciliter cette efficacité pour ce qui est des éléments individuels d’entrée et de sortie. Actions minimales Pour que l’utilisateur puisse exécuter son action le plus rapidement possible, le nombre d’étapes doit être limité. 2.2 Densité informationnelleIl faut limiter la densité informationnelle de l’écran, en affichant seulement les informations nécessaires. Ce critère correspond à la règle Organisation visuelle d’Amélie Boucher.
Les métiers du webmarketing A la tête de sa propre boutique web, le e-commerçant, ou cyber-entrepreneur, commercialise des produits qu’il a préalablement sélectionnés en fonction d’une thématique précise : jeux de société, accessoires de mode, vêtements, produits du terroir… Si une majorité de e-commerçants jouent le rôle de "courtiers" (intermédiaires commerciaux entre une marque et les consommateurs), ils sont de plus en plus nombreux à utiliser le net pour diffuser leurs propres créations (bijoux, objets déco, cartes de visites, etc.). Cette activité requiert rigueur et sens de l’organisation car il faut traiter les commandes dans les délais et conditions annoncés aux clients. Le e-commerçant doit également être un bon communicant car c’est souvent lui qui assure la promotion de son site. Travailleur indépendant, le e-commerçant a le statut d’auto-entrepreneur.
Nouveau site web : 6 clés pour réussir son lancement (et une surprise) La refonte de votre site internet est enfin finalisée et vous avez hâte de recevoir vos premiers visiteurs ? Vous voulez voir leurs réactions et écouter leur avis sur le nouveau design, l’architecture, l’ergonomie, l’expérience utilisateur, le contenu ? Pour cela, vous allez devoir mettre en place une stratégie de communication efficace et durable. 6 éléments qui feront toute la différence pour faire connaître votre nouveau site web Pour créer un trafic régulier sur votre site, variez les canaux d’acquisition. Le SEO : travaillez votre contenu en profondeur Qui dit refonte, dit bon moment pour faire un audit de contenu. • Quelles sont celles qui apportent du trafic ? • Quel contenu a besoin d’être rafraichi ? • Utilisez-vous les bons mots-clés pour toucher votre cible ? • L’optimisation on-page est-elle conforme aux bonnes pratiques du référencement naturel ? Le référencement payant : un investissement qui vaut le coup au début Le blogging : créez une communauté
Méthodologie pour la conception d’IHM. | Le bloc-notes UX ; Expérience Utilisateur Les IHM ne sont pas conçus au petit bonheur la chance, mais nécessite une méthodologie précise pour aboutir à un résultat de qualité. Cette méthodologie se base sur trois domaines de connaissances.Mais il faut distinguer d’abord trois aspects de la conception d’IHM. L’ergonomie, le design et les IHM. Il est nécessaire de distinguer ce qui tiens de l’ergonomie, du design et des IHM. Le modèle de l’ergonome se construit sur la base de l’analyse de l’activité et la connaissance des IHM. Prenons l’exemple de Frontrow (application sur Mac OS X pour l’utilisation en mode plein écran). La partie gauche de l’écran présente un effet graphique qui améliore la forme et supporte l’interaction. L’ensemble donne un résultat à la fois efficient et visuellement séduisant. Pour résumé, l’ergonomie va s’intéresser à la fonction par rapport aux conditions d’utilisation, le design donne la forme et permet l’industrialisation. Les bases de la méthodologie. L’activité ou les usages réels Le facteur humain Les IHM
30 tendances web marketing pour 2017 Rating: 5.0. From 1 vote. Please wait... C’est à mon tour de jouer les grands marabouts du Webmarketing, oui, c’est vrai, on est toujours mieux servi que par soit même dans ce monde de marketeux ! Stratégie de marketing de contenus Que ce soit dans des modèles BtoB plus orienté Inbound marketing avec du lead nurtering que BtoC plus obnubilé par la conversion, des nouvelles tendances vont naitre et certaines se confirmer. Apogée du Marketng à la performance Retour du Print, du support papier pour la communication (img)Personnalisation des contenus (Gartner) avec une croissance de la com. « one to one » tout en améliorant la protection des données personnelles (éviter les scandales mis à jour sur le vol de bases clients (Yahoo, LinkedIn, orange).Marketing à la performance accentué, les moyens de tracking évoluent et les exigences des directions marketing et ventes vont aussi grimper. Contenu-dynamique pour les illustrations Référencement naturel sur les moteurs de recherche Emailing
Comment créer un thème WordPress facilement sans s'y connaître ? WordPress access_time septembre 20, 2017 hourglass_empty 18minutes de lecture Introduction Les thèmes WordPress sont un ensemble de fichiers qui définissent la mise en page de votre site. Dans ce tutoriel WordPress, vous apprendrez à créer un thème WordPress en utilisant HTML5, CSS3 et des principes de conception responsive. Les thèmes, comme les plugins, sont distincts du code WordPress principal. Après avoir terminé ce tutoriel, il est recommandé de suivre le tutoriel sur comment créer un thème enfant WordPress pour étendre ce que vous avez appris ici. Ce dont vous aurez besoin Pour compléter les étapes de ce tutoriel de développement de thème WordPress, vous aurez besoin d’un éditeur de texte tel que Notepad ++ ou NetBeans. Il est également recommandé de télécharger la cheatsheet CSS (en anglais) et de la consulter puisque dans ce tutoriel, vous éditerez le fichier WordPress style.css . Qu’est-ce que HTML5 et pourquoi vous devriez l’utiliser? Un document HTML5 de base ressemblera à ceci: <! <!
Les Progressive Web Apps : une révolution pour le Web mobile ? Aller au contenu Facebook Twitter Linkedin Menu Contactez-nous Les Progressive Web Apps : une révolution pour le Web Mobile ? Mélanie Harouel Accueil » Mobile » Les Progressive Web Apps : une révolution pour le Web Mobile ? Avant de vous exposer ce que sont les Progressive Web Apps, il faut remettre le sujet dans son contexte. L’audience mobile dépasse celle sur PC. Les Progressive Web Apps (PWA) développées par Google sont une réponse à ce constat. Qu’est-ce qu’une Progressive Web App ? Sites mobile et Responsive, applications web, native et hybride : quelles différences ? Avant de définir ce qu’est une Progressive Web App, il faut bien faire la différence entre les différentes notions de sites et applications. On distingue les sites Web accessibles depuis un navigateur … … des applications disponibles depuis une plateforme de téléchargement (store) : L’application mobile native est un logiciel, une application mobile développée pour un système d’exploitation spécifique (iOs, Android, …). Conclusion