Lingo de concepteur Web : un guide pour vos clients

Chaque métier a son propre jargon. En tant que concepteur de sites Web, vous maîtrisez l'alphabet des termes de sites Web tels que UX, CSS et HTML. Mais vos clients ? Pour eux, cela pourrait tout aussi bien être grec.

Il y a d’énormes avantages à éduquer vos clients sur les termes de conception Web les plus courants avant même de vous lancer dans le processus de conception. Quel que soit leur niveau de connaissances, lorsque vous ignorez les bases, vous finissez par passer plus de temps à passer des appels téléphoniques à traduire la terminologie, au lieu de discuter de votre travail et de vos idées de conception.

Pour aider vos clients à être informés, nous avons compilé les termes de conception Web les plus courants et les avons traduits en un jargon convivial.

Voici 7 termes essentiels à la conception de sites Web :

• Image de héros
• UX
• Filaire
• Architecture de l'information
• Adapté aux mobiles
• HTML, CSS et JavaScript
• CMS

Image de héros

Lors de la conception d'un site Web, vous entendrez souvent le terme « image de héros » en référence à la page d'accueil du site Web. Bien que le terme puisse évoquer des images de Batman et de Superman, cela ne signifie pas que votre concepteur met une image de super-héros sur votre site Web.

L'image du héros est la grande image principale ou l'arrière-plan vidéo dans la section supérieure de la page d'accueil d'un site Web. Les gens ont commencé à considérer cette zone comme une image de héros parce qu'elle constitue une partie très importante du site. C'est la première chose que tout visiteur voit lorsqu'il arrive sur votre site Web et, par conséquent, le design doit être captivant et significatif.

Bien que le terme « image de héros » contienne le mot image, cette section du site Web ne doit pas nécessairement être une image statique. Aujourd’hui, les vidéos de héros sont très courantes, généralement diffusées en arrière-plan derrière du texte. En fonction des objectifs du site et du style de conception, vous pouvez même voir une animation utilisée dans cette zone du site.

UX ou Expérience Utilisateur

UX est un raccourci pour l'expérience utilisateur. Certains concepteurs de sites Web se spécialisent dans la conception UX, le processus consistant à améliorer l'expérience globale d'un visiteur sur votre site Web. La conception UX est considérée comme une spécialisation car le concepteur ne se contente pas de créer l'apparence du site, mais considère la façon dont un visiteur vit sa première (et les suivantes !) visites sur le site.

Une analogie simple avec l’expérience utilisateur consiste à la comparer à l’expérience que vous pourriez vivre dans un nouveau restaurant. La nourriture est peut-être excellente, mais si le restaurant met une éternité à vous asseoir et que les salles de bains sont dégoûtantes et que le stationnement est un cauchemar, alors vous n'y retournerez probablement pas. Il existe bien d’autres facteurs que la nourriture qui peuvent avoir un impact sur votre expérience au restaurant.

La même chose peut être dite à propos des sites Web, et c'est là l'essence même de l'expérience utilisateur. Engager et fidéliser un visiteur sur votre site Web ne consiste pas seulement à avoir un joli design. Un concepteur Web qui comprend la conception UX considère comment tout ce qui se trouve sur le site affecte l'expérience globale de l'utilisateur.

Filaire

Au cours de la plupart des projets de sites Web, votre équipe Web créera d’abord une structure filaire d’une page Web avant de créer une maquette de conception.

Un wireframe est essentiellement un plan et il montre où certains éléments et textes seront placés sur la page.

La création d'un site Web est similaire au processus de construction d'une maison. Vous commencez par un architecte et créez un plan avant de demander à l'architecte d'intérieur de commencer son travail, sinon vous risquez de vous retrouver avec une salle de bain dans la cuisine. Un wireframe est un outil extrêmement utile car il vous permet de collaborer avec le stratège ou le concepteur Web et de déplacer les éléments plus facilement qu'une maquette de conception.

Si vous avez déjà vu un exemple de wireframe, vous remarquerez qu'il présente des similitudes avec un plan de bâtiment ; le wireframe est généralement en noir et blanc avec des cases et des contours de base pour montrer où les éléments seront placés.

Architecture de l'information (IA)

En plus d'un wireframe, vous travaillerez généralement sur l'architecture de l'information de votre site Web dès le début du processus. L'architecture de l'information, souvent appelée IA, fait référence au processus d'organisation, de priorisation et d'étiquetage du contenu du site Web.

À ce stade, vous déciderez quelles pages du site Web seront incluses dans la navigation supérieure du site Web et comment le contenu sera structuré. La navigation supérieure est la série de liens en haut de la page. Cette navigation supérieure se trouve sur chaque page du site Web et permet de guider les visiteurs Web vers le contenu le plus important.

Semblable au wireframe, l’architecture de l’information finale est une représentation organisationnelle de votre site Web. Il ressemble souvent à un diagramme et constitue un outil essentiel pour guider l’équipe Web afin de s’assurer que la navigation sur le site Web final est logique et intuitive.

Adapté aux mobiles

Aujourd’hui, chaque site Web doit fonctionner sur une variété d’appareils, tels que les téléphones, les tablettes et les ordinateurs de bureau. C'est dans ce contexte que vous entendrez souvent un concepteur de sites Web utiliser le terme « adapté aux mobiles ».

La majorité des plateformes de sites Web comme WordPress sont adaptées aux mobiles, ce qui signifie qu'une technologie est déjà intégrée à la plateforme elle-même afin que le contenu s'adapte automatiquement à la taille de l'appareil de l'utilisateur.

Pensez au fonctionnement de votre téléphone mobile. Si vous tournez votre téléphone horizontalement, le contenu du téléphone s'ajuste automatiquement.

Ceci est très similaire à ce qui se passe sur le site Web. Grâce à la technologie adaptée aux mobiles, les concepteurs et développeurs Web n'ont plus besoin de créer une deuxième version de votre site Web pour les appareils plus petits. Le même contenu et le même design s'afficheront de manière appropriée sur différentes tailles d'appareils.

Un concepteur Web qualifié en tient compte lors de la conception du site et peut vous guider dans la rédaction d'un contenu qui fonctionne à la fois sur les appareils mobiles et sur les écrans plus grands.

HTML, CSS et JavaScript

Ne vous laissez pas intimider par ces termes techniques. Chacun d’eux concerne la façon dont votre conception passe d’une image statique à une page Web interactive et en direct. En règle générale, vous commencerez à créer votre site Web avec un concepteur Web spécialisé dans l'apparence et l'organisation du site. Ensuite, vous travaillerez avec un développeur Web ou une équipe de développement qui codera le site.

Vous êtes plus susceptible d'entendre ces termes pendant la phase de développement de la création de votre site, mais ils peuvent également apparaître lors des discussions sur la conception.

HTML signifie HyperText Markup Language et permet à une équipe Web d'indiquer à un navigateur Web comment afficher un morceau de texte. HTML utilise différentes balises pour indiquer si le texte est un titre, un sous-titre ou un paragraphe. Vous pouvez voir un concepteur étiqueter un en-tête de votre conception comme H1. Il s'agit de la balise HTML qui sera utilisée pour indiquer au navigateur que tout le texte portant cette étiquette doit être dans la même taille de police.

Les feuilles de style en cascade (CSS) aident un concepteur et développeur Web à définir l'apparence du site Web. Le HTML en lui-même n’est ni attrayant ni séduisant. CSS fait toute la différence dans la création d’une belle conception de page Web.

JavaScript est un langage de script que les développeurs utilisent pour créer les interactions sur le site Web. Avec seulement HTML et CSS, vous avez une belle page Web, mais rien ne peut arriver avec ces deux-là. Lorsque vous recherchez un développeur Web ou une équipe de développement, recherchez quelqu'un qui connaît bien plus que JavaScript et assurez-vous que votre équipe est expérimentée dans la plate-forme sur laquelle vous créez le site.

CMS

Nous terminerons par un terme assez simple : système de gestion de contenu, autrement appelé CMS. Vous entendrez souvent ce terme en relation avec WordPress (un autre système de gestion de contenu).

En fait, WordPress est le système de gestion de contenu le plus populaire au monde. Un CMS est un outil back-end sur le site Web et il vous permet de modifier ou d'ajouter facilement du contenu au site.

L'énorme avantage de créer votre site sur un CMS comme WordPress est que vous n'avez pas besoin d'être un concepteur ou un développeur Web pour modifier le texte, ajouter des images ou ajouter des pages après le lancement du site Web. Vous n'aurez pas besoin d'appeler votre développeur Web à chaque fois que vous devrez ajouter une virgule à une page.

Parce que WordPress est extrêmement flexible et personnalisable, vous obtenez le meilleur des deux mondes avec un beau site Web qui reste facile à gérer pour votre entreprise.

Découvrez plus de contenu WordPress !

WordPress est le système de gestion de contenu le plus populaire au monde et est utilisé chaque jour par de plus en plus de créatifs.

Apprenez-en davantage sur WordPress ici. Peu importe que vous soyez débutant ou que vous connaissiez WordPress comme votre poche, nous avons des ressources et des articles pour tout le monde !

Continuez à lire ici.