Le processus de conception du site Web comprend six phases logiques. Au lieu de se lancer directement dans la conception du site lui-même, il est important de commencer par les principes fondamentaux de la découverte, du contenu et du référencement afin de réduire le nombre de problèmes pouvant survenir après le lancement du site Web. Ces étapes peuvent ensuite guider votre processus décisionnel pour la conception et la mise en œuvre du site.
Table des matières
La phase de découverte
La toute première étape du processus de conception Web consiste à déterminer quel est l’objectif de votre site Web. Que vous créiez le site pour vous-même ou pour quelqu’un d’autre, il est important d’examiner son «utilisation finale». Cela peut déterminer de nombreux facteurs tels que la plate-forme et les éléments de conception que vous utilisez.
Profils des clients et objectifs mesurables
Un moyen utile d’effectuer le processus de découverte consiste à créer des «profils client». Vous imaginez à quoi ressemblent vos utilisateurs finaux potentiels, quels sont leurs besoins et comment votre site les satisfera. Par exemple, si vous avez l’intention de créer un site pour une entreprise, vous souhaitez vous représenter leur client type. Que voudraient-ils retirer du site? Les informations éventuellement souhaitées peuvent inclure les heures d’ouverture, les prix, les spécifications du produit, les garanties ou même le commerce électronique pour acheter les produits et services en ligne.
Les données démographiques de l’utilisateur final sont également essentielles. Si le site est visité par un nombre important de personnes âgées, vous voudrez créer un design facile à utiliser pour les moins enclins techniquement. De même, un site de cabinet médical aurait besoin d’un look qui transmette un sentiment d’expertise aux clients potentiels avec des fonctionnalités telles que la possibilité de planifier des rendez-vous, de télécharger des formulaires pour les patients et de consulter les antécédents des médecins. S’il existe un niveau de fonctionnalité sur le site qui nécessite une expertise en codage avancée qui dépasse votre niveau de compétence, vous pouvez décider de supprimer certaines de ces fonctionnalités ou d’envisager de faire appel à un développeur pour travailler avec vous.
Enfin, comment allez-vous mesurer le succès de votre site? Ayez des objectifs SMART mesurables et spécifiques sur lesquels baser votre conception. Par exemple, un site pour une organisation à but non lucratif pourrait mesurer le succès du site à partir du nombre de dons en ligne qu’ils reçoivent. Un site pour un musicien pourrait mesurer le succès par le nombre de téléchargements de fichiers musicaux. Un site de commerce électronique pourrait utiliser les chiffres de vente et le trafic des visiteurs comme une mesure de la valeur du site.
La phase de contenu
La deuxième phase du processus consiste à décider du type de contenu de votre site, puis à créer ce contenu avant de commencer votre conception. Il peut sembler contre-intuitif d’écrire du contenu de page ou des blogs avant de créer un site, mais ce que sera votre contenu est une considération sérieuse pour la façon dont vous développez votre conception. Avoir votre contenu prêt facilite également le processus de création réel lorsque vous avez du contenu à ajouter à une page plutôt que d’utiliser du texte factice lorem ipsum et des photos temporaires ou des espaces réservés.
Si vous avez l’intention d’utiliser des blogs sur votre site, vous devez élaborer un calendrier à l’avance pour la publication du nouveau contenu. Les blogs qui ne sont pas mis à jour régulièrement peuvent perdre du trafic et peuvent également donner l’impression d’un site Web «abandonné» si les utilisateurs voient une rafale de blogs écrits dans un court laps de temps, puis rien pendant des semaines ou des mois.
L’écriture pour un site Web est quelque peu différente des autres types d’écriture et vous devez suivre des directives générales pour créer une copie efficace. Si vous ne vous sentez pas à l’aise avec l’écriture, vous pouvez demander les services d’un rédacteur de site Web professionnel. En plus de l’écriture, il existe d’autres types de contenu que vous souhaiterez peut-être inclure sur votre site. Ceux-ci incluent des images, des vidéos, des formulaires et des animations. Ces éléments peuvent vous aider à réfléchir à la manière de créer votre design et il est plus facile de travailler avec ce que vous avez plutôt que de créer un design et d’ajouter du contenu plus tard qui ne correspond pas tout à fait à votre concept. Vous devrez peut-être acheter une partie de ce contenu, le créer vous-même ou engager un expert pour le créer pour vous.
La phase de référencement
L’optimisation des moteurs de recherche (SEO) est souvent développée sur un site après sa création, ce qui est une erreur définitive. Tout comme pour le contenu, il est beaucoup plus efficace de créer votre design en pensant d’abord au référencement que de devoir faire des ajustements plus tard. Les considérations cruciales en matière de référencement comprennent la conception réactive et mobile, l’architecture de l’information, la recherche et l’utilisation de mots clés, le codage et plus encore. Si vous ne connaissez pas grand-chose au SEO, il existe des consultants que vous pouvez engager pour vous aider. Il existe également de bons tutoriels et articles en ligne si vous souhaitez le faire vous-même. Des ressources gratuites peuvent être trouvées sur Yoast, Moz et Search Engine Land, entre autres.
La phase de conception
Vous êtes maintenant prêt à planifier l’apparence de votre site. Au cours de cette phase, vous devez prendre plusieurs décisions.
Plateforme Web
Quelle plateforme utiliserez-vous pour créer votre site?
Vous pouvez utiliser des constructeurs Web par glisser-déposer tels que Wix, Weebly et Squarespace. Les systèmes de gestion de contenu comme WordPress sont également très populaires. En fonction de vos besoins, vous pouvez créer un site WordPress simple avec des compétences de codage minimales ou vous pouvez concevoir un site plus avancé nécessitant des connaissances plus avancées en HTML, CSS et PHP. À l’extrémité la plus personnalisée et la plus avancée du spectre, vous pouvez créer un site basé sur l’utilisation d’un certain nombre de langages de codage possibles tels que Javascript, PHP, Ruby, Python, Java et C #.
Processus créatif
Comment préférez-vous créer votre design?
Certains concepteurs choisissent d’utiliser des wireframes pour développer leur plan de site. Un wireframe est essentiellement un «plan» pour votre site Web et vous pouvez soit utiliser un outil en ligne pour cela, soit dessiner votre conception sur un morceau de papier. Si vous avez des compétences Adobe Photoshop, une autre option consiste à créer des maquettes de votre site sous forme de fichiers PSD, ce qui vous donne une meilleure idée de l’aspect visuel du site par rapport à un wireframe. Une autre façon de créer votre design est de vous mettre en ligne et de commencer avec votre site Web vierge en tant que canevas et de travailler «en direct» pour créer votre site.
Compétences en conception
Il est important de noter que vous n’avez pas besoin d’être un concepteur professionnel pour créer un site Web de qualité. Si vous ne vous sentez pas compétent avec vos compétences en conception visuelle, il existe de nombreuses ressources que vous pouvez utiliser pour apprendre les principes de base du design. Un livre hautement recommandé est The Non-Designer Design Book de Robin Williams, qui reçoit constamment des remarques élevées sur Amazon.
Le choix d’une palette de couleurs peut également être difficile. Il existe des outils gratuits en ligne pour vous aider à choisir des couleurs telles que Coolors, Colormind et le générateur de couleurs d’Adobe. Si vous ne vous sentez vraiment pas à l’aise pour créer un design ou si vous préférez vous concentrer sur le code, il n’est pas rare de travailler avec un concepteur Web qui peut créer un fichier PSD pour vous servir de base à votre conception.
N’oubliez pas de consulter les tendances de conception pour des idées et assurez-vous que votre site a un look moderne. Il existe plusieurs sites Web qui organisent les meilleures conceptions Web, notamment Behance, Awwwards et Best Website Gallery (BWG).
La phase de construction et d’essai
Pendant cette phase, vous retroussez vos manches et créez votre site web! Si vous avez besoin d’aide pendant le processus, n’hésitez pas à contacter les forums d’assistance pour la plate-forme de votre choix et les groupes de concepteurs de sites Web. Il existe également de nombreux groupes axés sur les concepteurs de sites Web sur Facebook. La plupart des collègues concepteurs et développeurs sont heureux d’aider les débutants avec leurs questions et d’offrir des mots d’encouragement. De nombreux groupes et forums vous permettront de publier votre travail en cours pour obtenir des commentaires et des suggestions.
Il existe également de nombreux tutoriels en ligne si vous êtes bloqué. YouTube est une excellente source gratuite de didacticiels sur à peu près n’importe quelle plate-forme, plugin ou langage de codage que vous pouvez nommer. LinkedIn Learning, anciennement Lynda.com, dispose également d’une incroyable bibliothèque de didacticiels vidéo et d’exercices téléchargeables, bien qu’elle nécessite un abonnement mensuel ou annuel.
Une partie extrêmement importante de la construction consiste à tester votre site Web pour vous assurer qu’il fonctionne correctement sur une gamme d’appareils, de systèmes d’exploitation et de navigateurs Web. Cela signifie utiliser toutes les fonctionnalités de toutes les manières que vous pouvez imaginer en vous assurant qu’elles fonctionnent. Enrôler d’autres personnes qui ne connaissent pas votre site, ainsi que d’autres professionnels du Web, pour tester le site peut également fournir une contribution précieuse.
Liste de contrôle des tests sur site
Créez une liste de contrôle des éléments à parcourir avant de publier votre site. La liste devrait inclure, à tout le moins:
- Testez toutes les fonctions, plusieurs fois et avec différents utilisateurs.
- Testez votre site sur plusieurs appareils mobiles (par exemple, iPhone et Android). Vous pouvez également tester l’apparence de votre site à l’aide de l’outil Inspect Editor, qui vous permet de modifier la taille de votre écran sur votre ordinateur de bureau ou portable.
- Différents navigateurs peuvent afficher votre site différemment et peuvent avoir des bogues dont vous n’êtes pas au courant. Vous pouvez utiliser différents navigateurs sur votre ordinateur pour afficher le site, ou vous pouvez utiliser un outil multi-navigateurs pour accélérer le processus.
- Assurez-vous que toutes vos images sont correctement dimensionnées et si vous utilisez des photos d’archives, elles sont payées et vos licences sont valides. Si vous utilisez des images d’un photographe ou d’un artiste professionnel, assurez-vous qu’elles sont créditées sur votre site.
- Votre site doit être accessible aux personnes handicapées afin que tout le monde puisse profiter également de votre travail.
- La vitesse du site est un facteur important dans votre référencement. Il existe de nombreux outils gratuits que vous pouvez utiliser pour vérifier la vitesse de chargement de votre page, notamment Pingdom et GTMetrix.
Après le test, vous constaterez peut-être que vous devez revenir en arrière et apporter des modifications à votre site. Prenez votre temps pour vous assurer que tout est correct à 100%. Les premières impressions de votre site sont importantes et déterminent si les gens reviendront. Un site qui ne fonctionne pas correctement, qui présente des défauts de conception ou qui ne fonctionne pas bien sur les navigateurs mobiles ou autres est un problème pour les utilisateurs.
La phase de lancement et au-delà
Une fois que vous avez lancé votre site à la vue de tous, cela ne signifie pas que vous avez terminé! Il est important de continuer à maintenir votre site. Cela inclut la mise à jour des plugins, des thèmes, du code et du contenu. Vous devez également consulter régulièrement Google Analytics de votre site pour voir comment il fonctionne pour apporter des modifications au fil du temps afin d’améliorer le site.
Le lancement de votre site est également un moment de promotion. Cela peut inclure l’utilisation des médias sociaux, la transmission des liens à des amis, à la famille, aux donateurs, aux associés en affaires et à toute autre personne susceptible d’avoir un intérêt. Vous devez également ajouter le site à la Google Search Console pour améliorer sa visibilité dans les recherches.
La conception Web est un processus
Bien qu’il y ait un élément artistique clair dans la création d’un site Web, vous trouverez le plus de succès en suivant les étapes fondamentales depuis le début. L’utilisation de ces phases comme guide fera de votre conception Web une expérience transparente avec un résultat dont vous serez fier.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
