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
Cahier des charges site Internet (1) A l’heure où il est question pour certains acteurs d’un basculement complet des stratégies de promotion et d’information sur le Web (les purs joueurs du E-Tourisme), il m’a semblé intéressant de refaire un feuilleton « cahier des charges ». Voilà ce que je propose : en cinq ou six articles, je vais dérouler *un cadre de cahier des charges*. Ce cadre sera déposé au fur et à mesure sur Google Docs. C’est un outil inspiré par celui que j’ai mis au point dans le cadre du Programme Régional de Formation des Acteurs du Tourisme du Limousin en 2009. *Intro de la démarche* Il n’y a pas de modèle de cahier des charges pré-rempli. Notez que je n’aborderai pas les aspects contractuels et juridiques. *Chapitre 1 : Présentation du maître d’ouvrage* Ce point est souvent oublié, or ayez à l’esprit que les gens à qui vous envoyez votre cahier des charges, ne vous connaissent pas. *1.1 – Le nom exact de votre structure et son statut* *1.4 – Le nom de votre chef de projet* : ce point est crucial.
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
Un cahier des charges type à votre disposition sur l'aide utilisateurs - ApidaeApidae La rédaction d’un cahier des charges est une étape décisive dans la création d’un site internet. Elle détermine bien souvent le succès du site après sa mise en ligne. Imaginer les différentes fonctionnalités sans pour autant faire une usine à gaz, penser à l’ergonomie, aux nouvelles habitudes des internautes, à intégrer son SIT favori… c’est toute une réflexion qui doit se mettre en place pour s’adapter aux besoins des touristes et répondre aux objectifs définis par la stratégie numérique. Rédigé par Logitourisme, ce guide est accessible sur l’aide aux utilisateurs du réseau Sitra. Très complet, il aborde également, en complément du cahier, l’aspect juridique : seuils de procédure et seuils de publicité de marchés publics, appels d’offre ouverts, appels d’offre restreints… Il propose également, pour les non initiés, un petit lexique pour tout savoir sur les API ou encore l’Open Source. Car le web évolue tout le temps et très vite, nous souhaitons rendre ce guide collaboratif.
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 :