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éer la maquette de son site web pro : les bons outils Une fois réalisés le cahier des charges et l'arborescence de son site web, commence la phase de maquettage, aussi appelée « wireframing ». Une étape indispensable pour se faire une idée plus précise de l'ergonomie du site. De nombreux outils de wireframing gratuits ou payants sont aujourd'hui disponibles pour réaliser cette tâche. Simples d'utilisation, ils sont particulièrement utiles aux professionnels encadrant la réalisation d'un projet web. Notre vidéo Le wireframing ou maquettage de sites web : qu'est-ce que c'est ? Le « wireframing » (maquettage) est l'étape consistant à représenter schématiquement l'organisation d'un site web (ex : arborescence), ainsi que son interface graphique (interactivité et ergonomie). Outils et logiciels de maquettage ou de wireframing Les outils de maquettage se destinent à l'ensemble des professionnels réunis autour d'un projet de conception web, qu'ils soient ou non techniciens. Pour quels professionnels ? Pencil Project Lumzy MockFlow Cacoo Balsamiq iPlotz
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 faire un site one page et responsive : première partie | Patrick Roux PatrickOn 27 décembre Je me suis dernièrement « amusé » à réaliser un site corporate en one page et responsive design, afin de consolider une prise d’expérience sur le sujet. J’ai donc décidé de partager les étapes de ce travail en deux parties : la première détaille la navigation et la mobilité, la seconde partie parlera des fonctionnalités du site one page. Voici la première partie ! Voir le site de démonstration Fork on GitHub > Partie 1 : Navigation et responsive design Partie 2 : L'ambiance par sectionPartie 3 : Le portfolio et tri dynamiquePartie 4 : Membres de l'équipe en CSS3 La réalisation de ce site n’est pas si complexe que cela, il faut juste essayer de se construire un fil conducteur. Pourquoi one page ? Les réponses à ces questions ne sont pas universelles, chaque cas étant particulier. Tout l’intérêt du one page est de pouvoir présenter une information compartimentée. Peu de contenus. Point de vocabulaire Menu et scrolling Le menu sticky Navigation
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.
Comment réaliser le plan de votre site web ? Réaliser le plan de votre site web, c’est d’abord organiser les rubriques et pages de votre site, afin de faciliter la navigation aux internautes. Réaliser une arborescence et structurer toutes les informations sur votre site web pour présenter votre entreprise et valoriser votre activité sur le Net… Lire la suite pour pour connaître les étapes de la réalisation d’un plan de site web : Lister tous les contenus de votre site : Avant de réaliser votre site web, il est primordial de mettre en évidence l’ensemble des contenus qui pourraient renseigner et intéresser les internautes. Organiser les contenus par catégories : La meilleure organisation consiste à regrouper les informations afin de faciliter l’accessibilité et de simplifier la lecture. Une méthode intéressante pour Regrouper les informations en fonction des critères choisis : Réaliser le plan du site : Il existe différents thèmes de sites structurels : Deux structures essentielles peuvent être utilisées : Les structures Séquentielles :
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