Le vocabulaire PRO NUMERIQUE.
A
Accessibilité numérique
L’accessibilité numérique, c’est rendre les produits numériques accessibles en situation de handicap. UI / UX Design et ergonomie jouent un rôle clé. Ergonomes, designers et développeurs doivent intégrer l’objectif d’accessibilité des sites web et applications mobiles à la conception de l’interface-utilisateur. L’accessibilité est une obligation légale, un droit humain et un vecteur d’innovation.
Afordance
L’affordance est la capacité d’un objet ou d’un système à évoquer son utilisation, sa fonction.
Par définition, l’affordance provoque une interaction spontanée entre un environnement et son utilisateur. En ergonomie, elle permet de rendre l’utilisation d’un objet ou d’un service « intuitif ». Pour améliorer l’interface utilisateur (UI) et l’expérience utilisateur (UX), les affordances sont donc essentielles dans le design des interfaces et des services.
Algorithme
Le terme algorithme était réservé jusqu’au début des années 90 à quelques experts scientifiques issus de diverses spécialités. Depuis l’avènement d’internet et de son moteur de recherche Google, la notion d’algorithme est entrée dans le langage professionnel courant. Il s’agit d’un complexe calcul permettant notamment à Google de classer les sites web selon des critères très précis.
Ancre
Texte cliquable d’un lien hypertexte menant vers une zone définie.
API
Une API, ou interface de programmation d’application, est un ensemble de définitions et de protocoles qui facilite la création et l’intégration d’applications externes. Elle est offerte par une bibliothèque logicielle ou un service web, le plus souvent accompagnée d’une description qui spécifie comment des programmes consommateurs peuvent se servir des fonctionnalités du programme fournisseur.
Arborescence
L’arborescence, c’est le plan du site web, qui désigne l’organisation logique des pages. L’arborescence permet donc d’avoir une vision globale du site et des parcours de navigation. Organiser le contenu, hiérarchiser… une navigation bien pensée améliore les performances d’un site
Audience
L’audience internet désigne les individus ayant visualisé un format publicitaire digital ou les visiteurs d’un site internet. Plusieurs critères de mesure existent: le taux de couverture d’une campagne, le nombre de visites mensuelles ou quotidiennes, le nombre de visiteurs uniques mensuel ou quotidien.
B
Backend
Le backend, c’est toute la partie que l’utilisateur ne voit pas, mais qui lui permet de réaliser des actions sur un site ou une application.
Backlink
Quand un lien externe d’un site externe pointe vers votre site Web.
Balise HTML
Les balises HTML sont les éléments de base du codage HTML. Elles sont utilisées pour mettre en forme un texte, structurer et hiérarchiser le contenu d’une page. Les balises indiquent également au navigateur comment afficher la page en question. Pour l’internaute, elles sont invisibles sauf s’il affiche le code source.
Balise HEAD
La balise HEAD d’une page HTML contient différents paramètre et différentes informations. Elle accueille le titre, la description, l’auteur, les mots-clés, l’appel de feuilles de styles, les paramètres d’indexation, etc.
Balise BODY
Balise ALT
Lorsqu’une image est insérée dans une page et diffusée sur le web, elle possède un attribut HTML nommé balise Alt. Cet attribut décrit le visuel et permet ainsi d’afficher un texte lorsque l’image n’est pas téléchargée.
Balise Title
Chaque page d’un site web possède une balise Title. Il s’agit d’un codage HTML qui indique le titre de la page. Associée à la balise meta description, la balise title correspond au titre en bleu, que l’on retrouve sur la page de résultats de requêtes, soit SERP, sur les moteurs de recherche.
Base de données (BDD)
En informatique, une base de données (Abr. : « BD » ou « BDD ») est un lot d’informations (utilisateurs, emails, mots de passe, contenus de pages,…) stockées dans un dispositif informatique. Les technologies existantes permettent d’organiser et de structurer la base de données de manière à pouvoir facilement manipuler le contenu et stocker efficacement de très grandes quantités d’informations.
Baseline (slogan)
Il s’agit d’une phrase courte qui permet de préciser l’activité ou d’attirer la cible. Elle est souvent liée au logo (on parle alors de bloc marque) mais peut aussi vivre seule sur un support de communication, comme une phrase d’accroche.
Bon à tirer (BAT)
Formule d’acceptation signée par le client, prouvant que celui-ci a donné son accord pour une impression identique aux épreuves signées. Il s’agit d’une pièce juridique importante en cas de litige entre le client et l’imprimeur.
Benchmark
Le benchmark est essentiel avant toutes actions SEO. Il correspond à l’analyse des concurrents d’une entreprise. En référencement naturel, le benchmark consiste à étudier les mots-clés stratégiques utilisés par la concurrence, leurs positionnements sur les moteurs de recherche, ainsi que le trafic généré selon leurs mots-clés.
Billet
Il s’agit d’un article rédigé généralement sur une plateforme de type blog.
Brush
Il s’agit d’un pinceau dont les caractéristiques sont préalablement définies. Les brushs sont disponibles pour toutes sortes de formes et d’objets (arbres, animaux, formes géométriques,…).
Buzz
Il s’agit de l’arme redoutable (lorsqu’elle est bien maîtrisée) pour faire parler d’un produit ou d’une marque par le partage viral sur les réseaux sociaux. Une fois lancé, il est quasiment inarrêtable. Le talent du community manager est de maintenir le buzz sur une portée positive pour qu’il ne vire pas au bad buzz.
C
Cahier des charges (brief client)
Document détaillé qui définit le projet et dans quelles conditions il sera mené à bien. Il fournit des renseignements sur l’entreprise et les aspects techniques et commerciaux. Il fixe les objectifs et les contraintes, détaille les éléments à prendre en compte et permet d’éviter au prestataire de s’engager dans la mauvaise direction.
Calendrier éditorial
Dans le cadre d’une campagne marketing et de communication, le calendrier éditorial permet de programmer en avance les actions.
Posts, diffusion d’articles, newsletter,… Le calendrier éditorial se prépare généralement sur un trimestre, un semestre ou une année. Il coordonne ainsi la communication autour de contenus d’un site web et sur les réseaux sociaux. Il s’inscrit également dans une démarche à long terme pour coller à l’actualité en lien avec l’entreprise.
Call-to-action (CTA)
Le call to action est une formulation incitant les internautes à réaliser une action. A l’aide d’un bouton mis en avant visuellement avec un verbe d’action : cliquez ici, informez-vous… Les webdesigner engagent les internautes.
Calque
Un calque est un ensemble de couches empilées les unes sur les autres, dont chacune contient une partie des éléments constituant l’ensemble. Le résultat final s’obtient donc par la superposition de tous les calques.
Captcha
Le CAPTCHA est une famille de tests de Turing permettant de différencier de manière automatisée un utilisateur humain d’un ordinateur. Ce test de défi-réponse est utilisé en informatique pour vérifier que l’utilisateur n’est pas un robot.
Carrousel
Un carrousel est un type de module de site Web qui fait la rotation du contenu d’une manière similaire à celle d’un diaporama, soit par une commande de l’utilisateur ou par des transitions temporisées.
Charte graphique
Dossier qui présente tous les détails de l’identité visuelle et la manière de l’appliquer sur les supports de communication. Elle regroupe toutes les règles d’utilisation des éléments graphiques de l’identité visuelle. C’est un mode d’emploi pour toute personne amenée à s’exprimer ou à produire du contenu au nom de l’entreprise, afin que ce contenu reste cohérent avec l’identité visuelle établie.
CDN
Un réseau de diffusion de contenu ou en anglais content delivery network est constitué d’ordinateurs reliés en réseau à travers Internet et qui coopèrent afin de mettre à disposition du contenu ou des données à des utilisateurs.
Chunking
Le Chunking est un principe psychologique indiquant l’importance de toujours diviser, catégoriser et aérer l’information pour que l’utilisateur puisse la déchiffrer.
CMS
Un CMS (Content Management System en anglais), système de gestion de contenu en Français (ou SGC) est un programme permettant de créer un site internet, un blog ou encore un site de vente en ligne.
Community Manager
Animateur de communauté ou gestionnaire de communauté, aussi community manager (CM), est un métier — l’animation de communauté, gestion de communauté, ou community management — qui consiste à animer et à fédérer des communautés sur Internet pour le compte d’une société, d’une marque, d’une célébrité, d’une institution ou d’une collectivité territoriale.
Concepteur Designer UI
Le concepteur designer UI détermine comment un utilisateur interagit avec une interface homme-machine. Pour cela, il conçoit et réalise des outils de communication numériques adaptés à différents supports de publication et de communication, en tenant compte de l’utilisateur, des standards, de l’accessibilité, de l’ergonomie et de la bonne visibilité du produit.
Cookie
Un cookie est un petit fichier stocké par un serveur dans le terminal (ordinateur, téléphone, etc.) d’un utilisateur et associé à un domaine web (c’est-à-dire dans la majorité des cas à l’ensemble des pages d’un même site web). Ce fichier est automatiquement renvoyé lors de contacts ultérieurs avec le même domaine.
Crawler
En informatique, les crawlers sont des logiciels, autrement nommés robots, qui analysent les contenus présents sur le web. En SEO, le crawler, comme Googlebot, est un outil fondamental pour mesurer la pertinence et la qualité d’un site, ainsi que pour détecter de potentielles anomalies pouvant ralentir son référencement.
Cross Selling
Le Cross-selling, ou vente associée, est une technique de vente. Elle consiste à proposer des produits qui peuvent être perçus comme étant complémentaires par le consommateur au moment de l’achat de l’un d’entre eux.
Crowdsourcing
Le crowdsourcing est le fait d’avoir recours à la communauté pour la création de valeur. Le community manager va susciter l’implication des internautes via des blogs, des commentaires déposés sur les forums, témoignages… Le crowdsourcing est l’un des buts ultimes du community manager, ce principe étant signe de bon fonctionnement communautaire.
CSS
Les feuilles de style en cascade, généralement appelées CSS de l’anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium.
CTR
(Click through rate) – Le CTR ou taux de clics en français est un ratio entre le nombre de fois ou une page est affichée et le nombre de clics qui en résulte. Cette méthode permet de déterminer l’efficacité d’une campagne de publicité on-line. Google analytics par exemple se sert de ce CTR pour vous facturer vos campagnes publicitaires sur le net.
D
Design
Discipline visant à représenter concrètement une pensée, un concept ou une intention, en tenant compte des contraintes.
Design Patterns
Un modèle de conception Web, également appelé modèle de conception d’interface utilisateur, est un ensemble de directives pour la conception d’un aspect ou d’un composant de l’interface utilisateur. Les modèles de conception Web sont développés pour des défis d’expérience utilisateur spécifiques et peuvent être adoptés et mis en œuvre pour n’importe quel site Web.
DOM
Le DOM (Document Object Model) est une API qui représente et interagit avec tous types de documents HTML ou XML. Le DOM est un modèle de document chargé dans le navigateur. La représentation du document est un arbre nodal. Chaque nœud représente une partie du document (par exemple, un élément, une chaîne de caractères ou un commentaire).
E
E-commerce
Le commerce en ligne, commerce électronique ou e-commerce, est l’échange pécuniaire de biens, de services ou d’informations par l’intermédiaire des réseaux informatiques, notamment Internet.
Effets web design
Parallax
L’effet de parallaxe est une technique d’animation dans laquelle les éléments de premier plan se déplacent plus rapidement que les éléments d’arrière-plan, créant ainsi un sentiment de réalisme et de profondeur. C’est une esthétique de web design populaire depuis quelques années, mais ce sera particulièrement le cas en 2023, avec le défilement zoom parallaxe.
Scrapbooking
Ces pages web comprennent souvent des dessins griffonnés, de l’écriture manuscrite, des graphiques autocollants et des collages. Non seulement ces éléments faits à la main recréent l’expérience tactile du défilement d’un zine à l’ancienne, mais ils insufflent un sentiment d’intimité et d’imperfection au lieu de la précision automatisée. Mais si l’esthétique du fait main s’oppose au gadget des tendances hi-tech, elle ne nie pas pour autant notre réalité technologique. Ces créations embrassent simplement les deux côtés, le physique et le numérique coexistant comme un tout.
On Hover
L’effet de survol d’un élément est son changement d’apparence lorsque vous le survolez. L’animation Hover attire automatiquement l’attention des visiteurs sur le contenu et améliore l’engagement et l’interaction sur un site Web. Dans le panneau de propriétés, vous pouvez modifier le survol pour la couleur, la bordure, le rayon, l’ombre, etc., et définir la durée.
Particules
L’effet de particules (particles effect) consiste à mettre en scène des particules de différentes formes et couleurs en mouvement. Elles peuvent interagir avec le mouvement de la souris.
Sticky menu
L’effet de Sticky Menu consiste à attacher le menu de navigation tout en haut de la page du navigateur. Cette méthode permet ainsi à l’utilisateur de voir le menu tout au long de sa navigation sur un site internet.
Scrollytelling
Le scrollytelling désigne le storytelling visuel par le biais d’un défilement animé. Cela donne de la personnalité au site et un sentiment d’interactivité. Les contenus longs sont présentés de manière plus digeste. Les histoires sont construites de manière plus intéressante et communiquées de manière plus attrayante. Internet est de plus en plus utilisé comme média pour le storytelling interactif.
Blur
L’effet de Blur est idéal pour rendre le texte lisible sur les images. Cet effet de flou peut également être utilisé comme effet de survol.
Effet de position série
Les utilisateurs ont tendance à mieux se souvenir du premier et du dernier élément d’une série. Pour s’adapter à ce comportement psychologique, il faut favoriser les informations importantes au début et à la fin de votre page (ex : dates, tarifs, contact, call to action…), en laissant au milieu les informations moins essentielles pour l’internaute. À ce titre, vous devrez placer votre bouton d’action à ces deux endroits stratégiques (La répétition fixe la notion).
Effet Von Restorff
Lorsque plusieurs objets similaires sont présents, celui qui diffère des autres est le plus susceptible d’être retenu.
Pensez par exemple à distinguer visuellement les informations importantes et les appels à l’action (call to action).
Effet Zeigarnik
Les gens se souviennent mieux des tâches inachevées ou interrompues que des tâches terminées. L’astuce que l’on retrouve de plus en plus consiste à ajouter une barre de progression pour indiquer visuellement lorsqu’une action est incomplète.
Elementor
Elementor permet aux utilisateurs de WordPress de créer et de modifier des sites Web en utilisant la technique du glisser-déposer, avec un mode réactif intégré.
Engagement
Dans le domaine de la webanalyse et plus largement du digital, l’engagement est défini par le volume d’interactions qu’un utilisateur va avoir avec un produit ou service digital (clics, temps passé sur le site, nombre de pages vues, actions importantes réalisées…)
Epreuve
Feuille imprimée avant le tirage définitif. Elle sert à contrôler les couleurs, les emplacements des éléments sur la page, et derniers détails qui auraient pu passer inaperçus à l’écran. Des corrections peuvent y être apportées avant la signature du BAT.
Ergonomie
L’ergonomie d’un produit web représente l’ensemble des aspects de l’interface en question permettant une utilisation efficace, agréable, facile… L’objectif ultime de l’ergonomie web est finalement de faciliter l’interaction entre le site web et l’utilisateur.
Erreur 404
Ce code d’erreur indique que la page recherchée n’a pu être trouvée. Soit la page est momentanément indisponible en raison d’un lien cassé ou d’une maintenance, soit elle n’existe plus.
Lors d’une maintenance de site ou de l’écrasement définitif d’une page, il est préférable d’utiliser une redirection 302 pour indiquer un message plus pertinent que erreur 404 page non trouvée.
F
Favicon
Une favicon (icône de favori) est une petite icône incluse avec un site Web, qui s’affiche à des endroits tels que la barre d’adresse du navigateur, les onglets de page et le menu des signets.
Fond perdu
Marge (généralement 3 ou 5 mm) située à l’extérieur du format fini, dans laquelle on fait dépasser le contenu du document. Cela permet d’éviter d’avoir un liseré papier si jamais il y a un décalage au moment de la coupe.
Fiche produit
Comme son nom l’indique, une fiche va décrire un produit proposé sur le WEB.
Dans un site de vente en ligne il y aura une fiche par article proposé. Cette fiche présente les caractéristiques et les qualités du produit présenté. Elle contiendra aussi une photo de l’article.
Les fiches produit sont des éléments importants dans le référencement SEO.
Fil d'Ariane
(ou Breadcrumb trail) : Schéma de navigation secondaire sur un site ou une application web. Il indique la localisation de l’utilisateur et le chemin sur lequel il se trouve. C’est un élément recommandé pour le SEO. Il se présente souvent sur les sites web sous ce format :
Page d’accueil -> Page catégorie -> Page produit
Flat Design
Nous pourrions traduire par design à plat, il s’agit de conception minimaliste et conviviale qui ne s’appuie pas sur des textures, des effets de profondeur. Tout effet superflu est banni (inutile), l’espace y a deux dimensions, bref le style est épuré.
Footer
Le footer, c’est la partie située en bas d’une page web. Traditionnellement, tous les sites internet possèdent un pied de page.
Framework
Un framework est, comme son nom l’indique en anglais, un « cadre de travail« . L’objectif d’un framework est généralement de simplifier le travail des développeurs informatiques (les codeurs si vous préférez), en leur offrant une architecture « prête à l’emploi ». (ex: bootstrap)
Front-end
Partie d’un programme informatique responsable uniquement de l’interface utilisateur, permettant à l’utilisateur d’interagir avec un backend.
FTP
G
Graphisme
Discipline qui consiste à créer, choisir et utiliser des éléments graphiques pour élaborer un objet de communication et/ou de culture. En associant la typographie, l’illustration, la photographie et la mise en page on crée un support dont le but est de promouvoir, informer ou instruire.
Grille de mise en page
Pour exécuter la maquette d’un document, il est possible d’utiliser une grille servant de canevas pour l’élaboration de la page, grâce à laquelle on déterminera notamment la répartition du blanc tournant et de l’interlignage.
H
Header
Un header désigne le haut d’une page sur un site web. C’est ce qui va permettre de capter l’attention des visiteurs et leur donner envie de rester sur le site puis de visiter les autres pages de ce même site.
Hébergeur Web
Un hébergeur web est une entreprise qui fournit l’hébergement sur Internet de systèmes informatiques divers, tels que sites web, stockage d’information, messagerie électronique, etc. à des personnes, associations, projets ou autres entités qui ne désirent pas le faire par leurs propres moyens.
Hébergement dédié
Hébergement de sites Web qui ne sont pas partagés avec d’autres personnes. Vous avez un serveur dédié qui sert uniquement à votre site sans partager les ressources avec d’autres sites.
Hébergement mutualisé
L’hébergement mutualisé est un mode d’hébergement Internet destiné principalement aux sites web, dans un environnement technique dont la caractéristique principale est d’être partagé par plusieurs utilisateurs.
Hover
C’est le comportement d’un élément d’un site au survol de la souris.
HTML
Le HyperText Markup Language, généralement abrégé HTML ou, dans sa dernière version, HTML5, est le langage de balisage conçu pour représenter les pages web.
HTML sémantique
Le HTML sémantique consiste à utiliser un système de balises HTML qui donnent une indication sur le contenu. <header> pour l’en-tête, <main> pour le contenu, <footer> pour le pied de page, <p> pour un paragraphe, etc…
HTML non-sémantique
Le HTML non-sémantique consiste à utiliser un système de balises HTML qui ne donnent aucune information sur leurs contenus. Ce sont des balises structurantes contenant des information … <div>, <span>, …
I
IDE
Un environnement de développement intégré, ou IDE, est un logiciel de création d’applications, qui rassemble des outils de développement fréquemment utilisés dans une seule interface utilisateur graphique (GUI). Les IDE les plus connus sont NotePad++, Visual Code ou encore Sublime text.
Iframe
Le terme iframe est le diminutif de « inline frame ». Il désigne un élément HTML qui peut être intégré dans un cadre fixe sur un site web existant. C’est généralement le cas de bannières publicitaires ou d’autres contenus tels que des clips vidéo.
Image matricielle
Image composée de petits points que l’on ne voit pas à l’œil nu, les pixels. Lors de l’agrandissement elle devient floue car les pixels deviennent visibles. jpeg, png, gif, tiff,…
Image vectorielle
Image composée d’objets géométriques (segments de droite, arcs de cercle, courbes de Bézier, polygones, etc.), définis chacun par différents attributs (forme, position, couleur, remplissage, visibilité, etc.) et auxquels on peut appliquer différentes transformations sans en altérer la qualité. eps, svg, pdf,…
Inbound Marketing
L’inbound marketing est une méthodologie marketing visant à faire venir le client vers soi plutôt que d’aller le chercher avec les techniques de marketing traditionnelles en produisant du contenu de qualité sur son site pour qu’il soit fortement identifiable par les moteurs de recherche et partagé sur les réseaux sociaux.
Interface utilisateur
Une interface utilisateur, ou User Interface en anglais (UI), désigne l’ensemble des éléments graphiques et textuels qui permettent une interaction entre l’utilisateur et le site internet, l’application ou le logiciel.
Identité visuelle
L’ensemble des éléments graphiques qui permettent d’identifier une entreprise, une marque, une entité. Elle comprend les couleurs, les typos, le logo, le style (classique, retro, flat design, minimaliste, etc…), les formes et outils visuels utilisés pour communiquer. Son but est d’apporter une cohérence visuelle et véhiculer l’image qui te correspond pour être connu et reconnu de tous.
Indexation
l’indexation d’un site ou d’une page correspond à l’exploration puis au référencement de ce site ou cette page par les robots des moteurs de recherche. Une fois une page indexée, elle peut apparaître dans les résultats de recherche.
J
Javascript
JavaScript est un langage de programmation de scripts principalement employé dans les pages web interactives et à ce titre est une partie essentielle des applications web. Avec les langages HTML et CSS, JavaScript est au cœur des langages utilisés par les développeurs web.
K
KPI
Indicateurs de performance clés (KPI) . Ces indicateurs sont des mesures utilisées pour quantifier les résultats, pour mesurer la performance stratégique d’une organisation. Sur le Web, ce peut être des visiteurs uniques, un ratio pages vues par visiteur ou un taux de rebond par exemple.
L
Landing Page
Désigne la première page d’une visite sur un site, ce terme est souvent utilisé pour la page de destination des campagnes publicitaires.
Lead
Terme utilisé pour désigner un contact commercial auprès d’un prospect, d’un client potentiel. Il peut s’agir d’une demande de devis, de visites sur le site internet, de demandes d’information etc.
Lien externe
Au sein d’une page web, un lien vers une page d’un autre site peut être inséré. Il s’agit d’un lien externe pointant vers une url externe.
Lien interne
Le lien interne correspondant à l’insertion d’un lien hypertexte dans une page, qui pointe vers une autre page du même site web.
Ligne de flottaison
La limite sur un site à partir de laquelle le visiteur est obligé de scroller (descendre sur la page avec sa souris) pour voir le reste du contenu. La valeur du contenu de la page au-dessus de la ligne de flottaison doit donc être maximisée, sinon les internautes ne consultent que cette partie !
Logotype
Plus couramment appelé “logo”, il s’agit de la représentation graphique d’une marque, d’une entreprise, d’un événement, bref d’une entité, qui est utilisée pour communiquer en son nom, via tous les supports de communication. C’est l’élément central de l’identité visuelle. À ne pas confondre avec un pictogramme.
Loi du destin commun
Les éléments ont tendance à être perçus en groupes s’ils partagent une zone dont la frontière est clairement définie. Vous pouvez facilement délimiter un ensemble d’éléments en ajoutant un arrière-plan commun. Cela fonctionne aussi en appliquant une mise en forme identique à plusieurs contenus.
Loi de la familiarité
L’internaute distingue plus rapidement les éléments qui lui sont familiers. Pour illustrer ce principe, l’exemple le plus connu en UX Design est sans doute celui du menu Hamburger sur mobile. Aujourd’hui en voyant ce symbole, l’internaute sait déjà qu’il s’agit du bouton pour accéder au menu. On peut aussi noter le symbole de la loupe que l’on associe à la fonctionnalité de « recherche ». La loi de la familiarité explique qu’il faut reproduire certains éléments communs à de nombreux sites pour faciliter la navigation de vos nouveaux utilisateurs. Mais votre site ou application mobile peut développer en parallèle des éléments qui lui sont spécifiques.
Loi de fitts
Le temps nécessaire pour atteindre une cible dépend de la distance et de la taille de la cible. Pour améliorer l’expérience utilisateur sur mobile il faut privilégier un call to action suffisamment grand et le plus près du pouce.
Loi de hick
Plus un utilisateur à de choix à faire, plus ce sera long pour qu’il prenne une décision.
Loi de Tesler
Chaque système d’interaction a un certain niveau de complexité. Le design ne peut simplifier les interactions qu’à un certain point, au-delà de ce point, la difficulté ne peut qu’être déplacée).
M
Maillage externe
Au fil de ses pages, un site web possède plusieurs liens hypertextes. Certains pointent vers des pages ou urls d’autres sites web. Cet ensemble de liens correspond au maillage externe d’un site, qui identifie le nombre de liens dirigeant les utilisateurs vers d’autres sites, ou le nombre de liens externes pointant vers le site.
Maillage interne
L’ensemble des liens dont la page de destination est interne au site correspond au maillage interne. Ce type de liens favorise la circulation des utilisateurs entre les différentes pages qui composent le site.
Maquette
Le terme « maquette » définit l’ébauche d’un site web. En d’autres termes, la maquette d’un site web est une esquisse, ou encore un prototype du site web final. À noter : Le maquettage se trouve à mi-chemin entre le graphisme et le développement web.
Marketplace
Dans la vente en ligne, la marketplace se distingue par le regroupement de plusieurs e-commerçants sur une même plateforme. De manière autonome, les vendeurs peuvent vendre et faire connaître leurs produits, en bénéficiant de la notoriété d’une enseigne e-commerce. En contrepartie, ils reversent un pourcentage sur leurs ventes et paient un abonnement.
Masonry Grid
Masonry est une bibliothèque de mise en page de grille JavaScript. Il fonctionne en plaçant les éléments dans une position optimale en fonction de l’espace vertical disponible, un peu comme un maçon installant des pierres dans un mur.
Masque d’écrêtage
Un masque d’écrêtage est un groupe de calques auquel vous appliquez un masque. Le calque inférieur, ou calque de base, définit les limites visibles du groupe entier.
Média Queries
Le media queries désigne un module, une spécification CSS3, qui permet d’adapter le contenu d’une page Internet à des conditions particulières. La plupart du temps, il est mis à contribution pour modifier l’affichage d’une page Web, selon la hauteur et la largeur de l’écran utilisé pour la navigation (écran d’ordinateur, écran de smartphone, écran de tablette numérique, etc.).
Meta Description
En informatique, la meta description d’une page web est une balise meta qui sert à l’indexation de cette page par les moteurs de recherche et les annuaires. Elle doit contenir une description concise du contenu de la page en une ou deux phrases.
Mockup
Un Mockup, parfois écrit Mock up, ou Mock-Up, désigne d’abord une maquette utilisée à des fins d’études, de tests, ou de démonstration. Dans le domaine de la conception d’interfaces, le Mockup est une représentation du futur site ou de l’application mobile. Personne ne s’accorde unanimement sur une définition. Le Mockup est un modèle réaliste de ce à quoi ressemblera la future interface utilisateur. C’est une simulation statique, en moyenne ou haute-fidélité, de l’UI, avant le processus de développement.
Moodboard
Un moodboard, en français « planche d’inspiration », est un assemblage d’images, d’objets ou de mots qui est utilisé pour exprimer le style choisi dans le cadre du développement d’une idée créative.
Mot clés
Un terme important que vous souhaitez optimiser pour classer votre site dans les résultats des moteurs de recherche.
N
Netlinking
Incorporé dans la stratégie Off-page d’un site, le netlinking regroupe l’ensemble des liens hypertextes entrant et à destination des pages du site. Des liens urls de qualité déterminent la popularité d’un site et augmentent ainsi son référencement.
Newsletter
Une newsletter (ou lettre d’information) est un condensé d’informations émanant d’un site web et envoyé par email à un groupe d’individus y ayant volontairement souscrit. La newsletter peut concerner des activités commerciales, des actualités, des nouveautés, etc…
Nom de domaine
Une adresse internet ou nom de domaine est l’équivalent de votre adresse postale sur internet. C’est la manière dont vos contacts et clients vont trouver votre site internet sur le web. Un nom de domaine est donc indispensable lors de la création de votre site ou la personnalisation de votre adresse email.
No Follow
Nofollow est une fonctionnalité pour le référencement associé à une balise html.
Lorsque nofollow est associé à une balise meta robots (dans le header de votre page), vous indiquez à google de ne pas indexer l’ensemble des liens de cette page. Ainsi, l’algo de google ne suivra pas ces différents liens.
Lorsque nofollow est associé à un lien unique dans le body de la page, l’algo ne suivra pas ce lien en particulier.
Si le nofollow au niveau de la balise méta est de moins en moins utilisé au profit de l’index follow au niveau le la balise meta robots, il peut être intéressant de l’utiliser au niveau des liens internes pour éviter les SPAMs.
O
Open Graph
L’Open Graph est un dispositif propre au réseau social Facebook. Présenté sous la forme d’un API, l’Open Graph permet de relier des sites web au réseau social. Sa mise en place à révolutionné les comportements des membres de Facebook.
Options de fusion
Les options de fusion sont un ensemble d’effets non destructifs qu’on peut appliquer à un calque dans Photoshop. ex : produire une espèce de halo autour du calque. On peut produire une ombre portée, une lueur externe, un biseautage, une ombre interne…
Outil d'analyse d'audience
Les outils de web analyse permettent de mesurer l’impact quantitatif des parcours et des actions réalisées sur le site et remontent des informations pour alimenter leurs rapports.
P
Pagerank
Une mesure utilisée par Google qui détermine l’autorité d’un site ou d’une page Web par rapport aux backlinks entrants. Le PageRank varie de 0 (pour un jeune site) jusqu’à 10.
PAO
Mise en page de documents réalisée à l’aide de l’ordinateur et de logiciels spécialisés.
Parcours utilisateur
Un parcours utilisateur est une série d’étapes qui représentent un scénario dans lequel un utilisateur interagit avec une interface donnée.
Persona
Dans les champs de la conception centrée sur l’utilisateur ou du marketing, une persona est une personne fictive dotée d’attributs et de caractéristiques sociales et psychologiques et qui représente un groupe cible.
PHP
PHP: Hypertext Preprocessor, plus connu sous son sigle PHP, est un langage de programmation libre, principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n’importe quel langage interprété de façon locale. PHP est un langage impératif orienté objet.
Pictogramme
Illustration schématique très simplifiée et compréhensible par tous, pour représenter graphiquement un concept, un objet, une idée. le pictogramme est fortement utilisé en signalétique (panneaux de signalisation, chantiers…)
Plugin (Extension)
Le plugin, également appelé module d’extension, add-in ou add-on, est un programme additionnel pour une application internet ou un logiciel de bureau. Développé en cohérence avec un programme principal, il lui offre de nouvelles fonctionnalités sans modifier son code source.
PLV (publicité sur lieu de vente)
L’ensemble des moyens utilisés par les fabricants ou les distributeurs pour attirer l’attention du client vers un produit ou une offre, au sein du magasin. Elle peut prendre plusieurs formes : outils de signalisation (panneaux, roll-up, guirlandes, banderoles…), présentoirs en carton ou électroniques, mobilier, écrans tactiles et bornes interactives, ou encore vitrophanie.
Post
En informatique, un post est un message, un billet ou encore un article public, privé ou en accès contrôlé, que l’on publie sur un réseau informatique comme Internet.
Programmation
La programmation, appelée aussi codage dans le domaine informatique, désigne l’ensemble des activités qui permettent l’écriture des programmes informatiques (logiciels, site internet, application…).
Proof of Concept (POC)
C’est un prototype, réalisé très rapidement (de façon incomplète), qui permet de tester et vérifier des hypothèses avec des éléments concrets. On parle de preuve de concept.
Prototype web
Le prototype Web permet de représenter de manière simplifiée l’interface, la perception utilisateur et le fonctionnement de votre futur projet. Il permet ainsi de minimiser les erreurs de conception lors des prochaines étapes de la réalisation.
Q
Quadrichromie (CMJN)
Mode colorimétrique destiné à l’imprimerie. Il permet de reproduire une large palette de couleurs en mélangeant les 3 couleurs primaires : le Cyan, le Magenta et le Jaune. On ajoute le Noir à la fin du processus d’impression.
R
Ranking
Le positionnement se réfère au classement des pages d’un site dans l’ensemble des résultats sur les pages de recherche. Le ranking a évolué avec l’arrivée de la position 0, prélevant un résultat pour le mettre en avant au-dessus de la position 1.
Rédaction web
La rédaction web consiste à rédiger des contenus diffusés sur le web. Ils doivent être concis, attractifs et adaptés à une lecture digitale. Bien souvent la rédaction web intègre les techniques d’optimisation de contenu pour les moteurs de recherche, appelée rédaction SEO.
Réseau social
Site internet qui permet aux internautes de se créer une page personnelle afin de partager et d’échanger des informations, des photos ou des vidéos avec leur communauté d’amis et leur réseau de connaissances.
Résolution ou définition
Synonyme de netteté. Une image numérique est composée de pixels. La résolution détermine le nombre de pixels par pouce (1 pouce = 2,54 cm) exprimée en ppp (points par pouce en français) ou en dpi (dots per ink en anglais). Plus il y a de pixels (ou points) par pouce et plus il y aura d’information dans l’image, donc plus elle sera précise.
Responsive Design
Le Responsive Web design (adaptabilité selon l’appareil) est une partie d’un plus grand concept que l’on appelle Adaptive Design (Design Adaptatif ou Design Adaptatif). Le Design Adaptatif quant à lui va bien au-delà d’une simple fluidité dans la mise en page. En pratique, ce terme signifie la même chose que l’Amélioration Progressive : Essayer d’apporter la meilleure expérience utilisateur à la plus large audience possible (différents appareils, mais aussi différentes situations de navigation).
RGAA
Référentiel général d’amélioration de l’accessibilité : Le RGAA permet de contrôler l’accessibilité d’un site et de ses contenus suivant les normes internationales de l’accessibilité numérique connues sous l’appellation de WCAG. En France, le taux d’accessibilité d’un site est calculé en l’auditant au regard des critères du RGAA.
RGPD
Le règlement général sur la protection des données (RGPD, ou encore GDPR, de l’anglais « General Data Protection Regulation »), officiellement appelé règlement UE 2016/679 du Parlement européen et du Conseil du 27 avril 2016 relatif à la protection des personnes physiques à l’égard du traitement des données à caractère personnel et à la libre circulation de ces données, et abrogeant la directive 95/46/CE, est un règlement de l’Union européenne qui constitue le texte de référence en matière de protection des données à caractère personnel. Il renforce et unifie la protection des données pour les individus au sein de l’Union européenne.
Robot.txt
Le Robot Exclusion Standard est un fichier texte placé à la racine d’un site Web qui contient des instructions pour les Crawlers ou spiders parcourants votre site.
RVB
Mode colorimétrique informatique utilisé par défaut sur les écrans d’ordinateur. Ce système permet de représenter chaque couleur sous la forme d’une composante de Rouge, Vert et Bleu. En faisant varier ces valeurs, on peut créer de nombreuses teintes qui reconstituent une couleur, par synthèse additive. L’affichage des couleurs dépend de la configuration de chaque écran : sur deux écrans différents, les couleurs affichées peuvent avoir un rendu différent même si les nuances sont respectées. De même, les couleurs affichées sur l’écran n’auront pas le même rendu sur papier une fois imprimées.
S
Saturation
C’est la pureté d’une couleur. Dans le cas de la synthèse soustractive (peinture, imprimerie), on désature une couleur en ajoutant du blanc, du noir, du gris, ou encore sa couleur complémentaire. Une couleur totalement désaturée est en niveaux de gris.
Search Console Google
Mis en place gratuitement par Google, la Search Console offre la possibilité aux éditeurs de site web de suivre l’indexation de leurs pages web et d’optimiser leurs référencements sur les moteurs de recherche.
Serveur
Un serveur informatique est un dispositif informatique qui offre des services à un ou plusieurs clients. Les services les plus courants sont : l’accès aux informations du World Wide Web, le courrier électronique, le partage de périphériques, le commerce électronique, le stockage en base de données…
SEM
Le SEM (Search Engine Marketing) regroupe tous les moyens et techniques visant à promouvoir la visibilité d’un site Internet sur un moteur de recherche. Le SEM regroupe le référencement payant (SEA) et le référencement naturel (SEO).
SEO
L’optimisation pour les moteurs de recherche, aussi connue sous le sigle SEO, inclut l’ensemble des techniques gratuites qui visent à améliorer le positionnement d’une page, d’un site ou d’une application web dans la page de résultats d’un moteur de recherche.
SEA
Le référencement payant, en anglais search engine advertising, est une discipline proche de l’optimisation pour les moteurs de recherche et du marketing des moteurs de recherche, qui lui sont généralement associées.
Sitemap
Une liste des pages dans un format XML standard que vous voulez que les moteurs de recherche trouvent.
Signalétique
Ensemble des éléments d’une signalisation permettant de se repérer dans l’espace. Elle est fondée sur une sémantique utilisant des signes (chiffres, pictogrammes, logos, couleurs symboliques…) et/ou des mots.
Skeuomorphisme
Le skeuomorphisme (en anglais skeuomorphism) ou skeuomorphe est un terme formé à partir du grec skeuos (l’équipement militaire, mais aussi le costume, l’ornement, la décoration) et définissant un élément de design dont la forme n’est pas directement liée à la fonction, mais qui reproduit de manière ornementale un élément qui était nécessaire dans l’objet d’origine. Plus précisément, il peut être défini comme « un élément de design ou une structure qui ne sert aucun but dans l’objet formé à partir du nouveau matériau, mais qui était essentiel dans l’objet fait à partir du matériau original ».
Steve Jobs était un fanatique du skeuomorphisme, une technique qui consiste à s’inspirer du monde réel pour concevoir les interfaces des logiciels, dans le but de simplifier l’interaction avec l’utilisateur final.
Slider
On appelle couramment « slider » le module technique qui permet de faire défiler des « slides » dans un site web. Par slide, on entend généralement des bannières qui peuvent contenir des images, du texte, des liens, des animations ou des vidéos.
Source de traffic
Les sources de trafic représentent tous les modes d’accès possibles à un site web.
Splashscreen
C’est un écran qui s’affiche à l’ouverture d’une application ou bien lors du chargement des données à l’écran.
SSL
Le protocole SSL signifie Secure Sockets Layer. En bref, il s’agit d’une technologie standard destinée à la sécurité de la connexion Internet et à la protection des données sensibles qui sont transmises entre deux systèmes, empêchant les criminels de lire et de modifier les informations transférées, y compris d’éventuelles informations personnelles. Les deux systèmes peuvent être un serveur et un client (par exemple, un site d’achat et un navigateur) ou un serveur et un autre serveur (par exemple, une application avec des informations personnelles identifiables ou des informations de paie).
Storytelling
En rédaction, le storytelling définit un mode d’écriture narrative. Sous forme de portraits ou de témoignages, le storytelling permet de raconter un parcours de vie, une histoire ou une expérience, sous une forme de récit personnifié. L’objectif étant de générer de l’émotion et une forme d’identification auprès des lecteurs.
T
Taux de conversion
Le taux de conversion est le pourcentage de visiteurs qui complètent une action précise telle que acheter un produit, remplir un formulaire ou télécharger un fichier. Cet indicateur de performance nous permet de savoir à quel degré notre stratégie atteint ses objectifs.
Taux de rebond
Le pourcentage des visites où le visiteur entre et quitte la même page sans avoir visité aucune autre page du site. Cet indicateur est particulièrement intéressant pour nous permettre d’évaluer la performance d’une page d’accueil ou d’arrivée (landing page).
Teinte
Il s’agit de la couleur en elle-même (rouge, vert, jaune, bleu, orange, etc…), définie par le pigment utilisé ou par le mélange et la proportion de plusieurs couleurs de base.
Template
Le template c’est l’architecture du design d’un site qui définit l’habillage et la position des éléments. C’est donc le modèle graphique permettant de construire la forme visuelle des pages. Ainsi les webdesigners assurent une cohérence entre les différentes pages du site.
Trais de coupe
Placés à l’extérieur du fond perdu, ils servent de repères à l’imprimeur pour couper le document au bon format.
Trafic organique
On parle de trafic organique dans le cas du référencement naturel. C’est-à-dire que l’internaute arrive sur votre site depuis une requête faite sur un moteur de recherche gratuit.
Il n’est pas passé par une annonce que vous avez payée pour la faire remonter en référencement.
Tunnel de conversion
Désigne l’ensemble des étapes-clés qui conduisent à convertir un internaute à votre objectif, lors d’une visite sur un site Internet.
U
UI
L’UI design est intégré dans les rouages de l’UX design. On situe l’UI design dans la phase de mise en place (simplement) : c’est l’étape où les idées et prototypes des UX designers prennent vie.
Lorsque l’on parle d’UI design (user interface design), on fait référence au design de l’interface utilisateur – et donc à l’expérience esthétique qui en découle.
Le rôle de l’UI designer va être de se pencher plutôt sur les aspects graphiques et visuels de l’interface, donc les éléments perceptibles par l’utilisateur. Par exemple, la couleur et la taille d’un bouton pour qu’il soit visible, qu’il attire l’œil et qu’on ait envie d’appuyer dessus ; ou encore la typographie des textes qui s’affichent à notre écran.
URL
Une URL absolue est une adresse dite « complète », comportant le nom de domaine et les composantes du fil d’Ariane d’un site (exemple : « https://www.siteexemple.fr/blog/articles »). Une URL relative ne correspond qu’au chemin permettant d’accéder à la page (exemple : « /blog/articles »).
User Flow
Le User Flow est une représentation graphique, écrite ou numérique, des chemins qu’il est possible d’emprunter lorsque un utilisateur navigue sur un site Internet ou une application.
UX
L’expérience utilisateur est l’expérience que l’on vit lorsque l’on surfe sur une interface numérique. Lorsque nous expérimentons quelque chose, il y a plusieurs “critères” à prendre en compte :
Notre ressenti : Comment est-ce que je me sens en surfant sur cette interface ? Est-ce que j’aime la façon dont les choses sont présentées ?
Notre environnement : Est-ce que l’environnement qui m’entoure est propice à une expérience utilisateur réussie ?
Notre besoin et nos motivations : De quoi ai-je besoin ? Quelle est l’information que je recherche ?
Les interactions offertes par le site internet ou l’application mobile : Quand j’appuie ici, qu’est-ce que ça donne ? Quelle action sera engendrée ?
On parle d’UX design (user experience design) pour définir le design de l’expérience utilisateur. Par “design”, on entend surtout la “conception” de l’expérience utilisateur plutôt que la création visuelle.
UX Writing
C’est la discipline qui utilise les méthodes de la conception centrée utilisateur (UX) afin de rédiger les contenus pour un produit digital, ou une marque. Ses outils les plus connus sont le Tone of voice ou encore les personas.
V
Variable
Une variable est un emplacement nommé pour stocker une valeur. Ainsi, il est possible d’accéder à une valeur quelconque par l’intermédiaire d’un nom prédéterminé. (ex: $toto = 150)
W
W3C
Le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de standardisation à but non lucratif, fondé en octobre 1994 chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML5, HTML, XHTML, XML, RDF, SPARQL, CSS, XSL, PNG, SVG, MathML et SOAP.
WCAG
Les Web Content Accessibility Guidelines font partie d’une série de directives sur l’accessibilité Web publiées par la Web Accessibility Initiative du World Wide Web Consortium, la principale organisation internationale de normalisation pour Internet.
Web Design
Lors de la création d’un site, le webdesign c’est l’étape de la conception visuelle. Elle consiste à structurer les éléments graphiques du site : arborescence, la charte graphique, les contenus, la navigation… L’objectif est de traduire l’identité visuelle de la marque, tout la navigation des internautes.
Web Marketing
Le webmarketing ou netmarketing ou cybermarketing consiste à améliorer la visibilité et le trafic d’un site Web en utilisant internet comme canal de prospection et à développer une relation durable
Wireframe
La maquette fonctionnelle est un schéma qui montre l’agencement des parties composant une page web. Elle permet donc la visualisation des zones de texte, l’emplacement des images, des vidéos, des liens, ainsi que des différents éléments graphiques.
WordPress
WordPress est un système de gestion de contenu (CMS) gratuit, libre et open-source. Ce logiciel écrit en PHP repose sur une base de données MySQL et est distribué par la fondation WordPress.org.
Woocommerce
WooCommerce est une extension open source pour WordPress permettant de créer une boutique en ligne. Il est conçu pour les petites et grandes entreprises en ligne utilisant WordPress. Lancé le 27 septembre 2011, le plugin est rapidement devenu célèbre pour sa simplicité d’installation et de personnalisation.
Z
Zone de chalandise
La zone de chalandise est un terme utilisé dans le commerce qui désigne la zone géographique d’où viennent vos clients potentiels Sur internet, celle-ci est virtuelle, et à priori elle est mondiale.
Zoning
Le zoning détermine la structure des pages clés du futur site web. Sous forme de schémas très simples, il indique l’emplacement des principaux éléments du gabarit (le modèle type d’une page web) tels que menu, logo, visuels, sidebar, footer…