Le lexique du web designer

Voici une documentation sémantique sur le champ lexical inhérent à la thématique du web design.

Voici 270 notions pour vous aider à mieux comprendre les termes et mots clé techniques employés dans le jargon du web design, en conception web, en marketing digital et dans la thématique de l’impression.

illustration d'une documentation avec un titre intitulé "Définitions".
Définitions et champ lexical

Voici le guide du web designer pour vous présenter diverses définitions afin de vous aider à mieux comprendre certains termes employés dans le vaste domaine du web design, de la communication et du marketing digital.

270 Notions

Web Design

Web design

La conception de site web ou web design consiste en la conception et le développement d’interface(s) web. Cela permet de mettre en forme et valoriser l’information ainsi que les différents contenus exposés tout en optimisant la navigation et en favorisant l’interaction.

Maquettage WEB

Le maquettage web est un processus de conception d’une interface qui permet de proposer des interfaces conformes aux attentes et besoins d’un utilisateur. Cette méthode de conception permet une co-création fluide, progressive et avisée avec le commanditaire d’un projet web.

Gabarit / Template

Un gabarit est un patron de conception web et/ou de mise en page qui permet de suivre un modèle clair et précis lors de l’établissement d’un document web ou papier.

Interface

Une interface constitue un moyen de communication et d’interaction entre un utilisateur humain (usager) et un produit informatique au travers d’une page web, d’un logiciel ou d’une application. Elle peut-être conçue avec différentes formes et dispositions de blocs de contenu ainsi que divers composants.

User Interface - UI

L’UI désigne User Interface en anglais. L’UI design évoque l’environnement visuel et graphique dans lequel évolue un utilisateur d’un logiciel, d’un site web ou d’une application. La mission de l’UI designer consiste à créer une interface agréable et pratique, facile à prendre en main. 

User eXperience - UX

Le terme UX désigne User eXperience en anglais ou expérience utilisateur en français. L’UX désigne la qualité de l’expérience vécue par l’utilisateur sur un outil digital ou un produit numérique. L’UX consiste à comprendre et anticiper les besoins des utilisateurs en implémentant des solutions qui favorisent la praticité, l’accessibilité, la lisibilité et le caractère intuitif d’un interface. En somme, l’expérience digitale globale ressentie.

Design Pattern

Un design pattern ou modèle de conception est une solution éprouvée pour répondre à une problématique récurrente de la programmation informatique. Il peut également évoquer certains composants utilisés dans le développement de solutions web, applications et logiciels.

Mobile First

Le mobile first permet de développer un site internet ou une application web avec une approche qui consiste à concevoir d’abord une interface pour le mobile avant de l’adapter pour des écrans plus larges(tablettes, laptops, desktop, grand écrans).

Responsive Web Design

Un site internet responsive est composé d’interfaces conçues et développées de façon à pouvoir s’adapter et réagir à toutes les résolutions d’écran. Il s’agit d’un site web dont l’interface de chaque page est optimisée pour les différents supports numériques selon différentes dimensions. Ce dernier peut donc être consultée sur ordinateur, sur smartphone ou sur tablette par exemple.

Site Editorial / Site de Presse

Il s’agit d’un site internet possédant une ligne éditoriale grâce à laquelle une entité communique auprès de son audience au travers d’un blog d’actualité ou d’un forum.

Site Vitrine

Un site vitrine est un site Web qui présente en ligne de l’information, des projets réalisés, des produits ou des services d’une organisation. Celui-ci permet à un internaute de contacter cette entreprise afin de la contacter pour acheter ses produits ou services.

Site E-commerce

Un site internet e-commerce ou une boutique e-commerce est un site web qui permet à une organisation de proposer des produits et services tangibles ou intangibles. Il s’agit d’un site internet depuis lequel un internaute (client) peut effectuer une transaction d’achat en contrepartie d’un produit ou d’un service délivré.

Market Place - Place de marché

Une « Market place » ou place de marché en français est une plate forme web commerciale qui permet l’intermédiation entre des offreurs(annonceurs) de produits et services avec des demandeurs(clients).

Application WEB

Une application Web est un logiciel qui s’exécute au sein de votre navigateur Web. Les entreprises peuvent échanger des informations et fournir des services à distance auprès de leurs utilisateurs. Les entreprises utilisent des applications Web pour se connecter aux clients de manière pratique et sécurisée.

Application Mobile

Une application mobile ou appli est un logiciel applicatif conçu pour un appareil mobile ou tablette. Les applications sont disponibles et téléchargeables par un utilisateur depuis une place de marché pour applications(App-stores) telles que Apple Store, Play Store etc …

Progressive Web App - (PWA)

Une Progressive Web App (PWA) ou application web progressive est un site web ou application web proposée dans un format sécurisé qui permet de fournir aux utilisateurs une expérience équivalente à celle d’applications mobiles ou natives sans contraintes telles que l’installation depuis un App-store et indépendamment de l’état du réseau.

Software as a Service - (SaaS)

Le SaaS « Software-as-a-Service » ou logiciel en tant que service en français est un modèle de gestion des licences et de distribution de logiciels via Internet. Les applications  SaaS (logiciel en tant que service) sont liées par un fournisseur de niveaux et d’accès souvent avec un business modèle fonctionnant par abonnement.

Plateform as a Service - (PaaS)

Platform as a service (PaaS) ou plateforme en tant que service en français est un environnement de développement et de déploiement complet dans le cloud, avec les ressources nécessaires pour permettre à une entité de fournir n’importe quel service, de la simple application aux applications d’entreprise sophistiquées.

Appel à l'action / Call To Action - (CTA)

On appelle un CTA (Call To Action) ou « Appel à l’action » en français un élément comme un bouton par exemple qui vise à inciter un lecteur à effectuer une action précise comme : s’abonner, télécharger, s’inscrire, souscrire, demander un devis, contacter etc …

Ergonomie

Concernant le web, l’ergonomie représente l’ensemble des aspects d’une interface qui favorisent une utilisation efficace, agréable et simple. L’ergonomie permet de faciliter la lecture et l’interaction entre le site web et l’utilisateur. C’est la mission de l’ergonome.

Grille(s) d'ergonomie

Une grille ergonomique est composé d’un ensemble de repères horizontaux et verticaux servant à organiser les éléments d’une page. Elle permet de soutenir le webdesigner dans son travail de composition. Structurant la page et permettant la hiérarchisation des informations, la grille ergonomique contribue au confort de lecture et d’interaction.

Tuile(s) d'ergonomie

Les tuiles d’ergonomie sont des inter-colonnes à l’image d’interstices situées entre chaque colonne d’une grille ergonomique. Le nombre de tuiles d’ergonomie est proportionné au nombre de colonne présentes sur l’ensemble d’une grille d’ergonomie.

Sketch

Un sketch représente un croquis, une esquisse d’une maquette d’un site internet ou d’une application en cours de conception. Ce sketch permet au web designer d’apposer ses différentes idées sur un support papier ou digital. 

Zoning

Le zoning permet de présenter une première approche d’une page web afin d’en valider les grands axes (zones de contenu, fonctionnalités, hiérarchie, …).

Wireframe

Le wireframe ou maquette fonctionnelle est une représentation en 2 dimensions utilisée lors de la conception d’une interface utilisateur. Cela permet de définir les diverses zones et composants qu’une interface. Le wireframe permet un développement plus fluide et efficient pour le développeur web.

Prototype

Le prototype permet d’améliorer à la fois l’expérience de l’utilisateur ainsi que celle du lecteur afin de visualiser clairement les éléments interactifs mis en évidence d’une page web du site internet.

Mood Board

Le moodboard ou planche de tendance(s) ou planche d’ambiance est une phase de maquettage de design qui permet au web designer de s’inspirer et de centraliser des idées et concepts tendancieux. Cela permet au web designer de cerner l’univers graphique souhaitée au regard de l’identité visuelle concernée lors de la conception d’un site internet, d’une application.

Style Tiles

Le « Style Tiles » ou les tuiles de style en français. Le Style Tiles est une étape de maquettage de design composé de typographies, de couleurs et d’éléments d’interface qui communiquent l’identité visuelle d’une marque pour le web. Cette maquette web révèle le futur style et l’apparence qui sera appliqué au site internet.

Mock Up

Le « Mock Up » ou maquette en français est la maquette visuelle ultime d’un produit digital, d’un site internet ou d’une application. Cette maquette permet au commanditaire d’un projet de se projetter en  visualisant et en appréciant l’aspect, le style et l’esthétisme exacte du produit digital abouti restant à développer puis à délivrer.

Flat Design

Le flat design ou design plat en français, il s’agit d’un design plutôt minimaliste. Le flat design n’inclut aucun élément futile ou superflus (détails, ombres, effet 3D etc. …).

Design System

Un design system ou système de conception en français est un processus de conception qui permet d’accroître la productivité et la fluidité d’un produit digital ou d’un document. Il favorise la réutilisation de composants ou de styles à appliquer plus facilement. Lors d’un changement de style à réaliser sur tous les « titres de niveau 1 » d’un document, cela permet d’éviter d’intervenir sur chaque titre individuellement de manière fastidieuse. L’idée consiste à pouvoir réaliser cette modification une seule fois.

Affordance

L’affordance désigne la capacité d’un objet ou d’une caractéristique à indiquer intuitivement comment il doit être utilisé. Cela concerne particulièrement les éléments tels que les boutons, les onglets, les liens, les icônes et les champs de formulaires par exemple. Le terme « Affordance » est un néologisme proposé par le psychologue américain James Jerome Gibson.

Encart

Il peut s’agir d’un emplacement, d’une rubrique ou d’un espace dédié à un sujet.

Marketing digital

SEO - (Search Engine Optimization)

Le SEO (Search Engine Optimization) ou optimisation pour les moteurs de recherche concerne un ensemble de méthodes qui visent à améliorer le positionnement d’une page, d’un site internet ou d’une application au sein des résultats d’un moteur de recherche ou d’un moteur de réponse.

Lien Structurel

Il s’agit d’un lien hypertexte positionnée souvent au sein d’un menu de navigation ou d’un pied de page.

Lien Contextuel

Il s’agit d’un lien placé au sein d’un contenu textuel. Un lien contextuel situé au coeur d’un texte est plus important qu’un lien structurel aux yeux des moteurs de recherche.

Maillage Interne

Optimisation quantitative et qualitative des liens entre les différentes pages qui composent un site internet. Plus le nombre de liens internes pointent vers une page, plus cette page est considérée comme importante. La correspondance entre l’ancre d’un lien avec les mots clés pour lesquels une page tente de se positionner.

Netlinking - (Link Building)

Le principe du Netlinking consiste à mesurer la popularité d’un site web qui est basée sur le nombre et la qualité des liens externes pointant vers ce site internet(blogs, forums, annuaires, relation presse). Si le lien provient d’une page bien notée par Google (Page Rank / Trust-rank). Celui-ci est considéré comme un lien de qualité.

Backlink

Un backlink est un lien qui pointe vers votre site internet.

Rich Snippet - Extrait Enrichi

Les rich snippets ou « résultats enrichis » en français sont des informations enrichissantes qui peuvent apparaître sous le titre ou la description d’une page au sein d’une page de résultat d’un moteur de recherche. Par exemple, Google utilise les rich snippets pour améliorer la présentation des résultats et fournir des informations clés directement depuis les SERP. Les résultats enrichis obtiennent un bien meilleur taux de clique comparé à un résultat classique non optimisé.

Organique

Une stratégie marketing organique ou naturelle vise à attirer du trafic, de la visibilité ou des clients vers vos plateformes numériques sans utiliser de publicité payante.

Sitemap

Un sitemap est un fichier présent sur les sites internet qui représente le plan du site internet optimisé et présenté pour les moteurs de recherche. Cela permet d’expliquer aux moteurs de recherche les différentes relations entre chaque page d’un site internet.

Robots TXT

Un fichier robots.txt permet d’indiquer aux robots d’exploration d’un moteur de recherche les URL auxquelles il peut accéder et/ou ne pas accéder sur votre site internet.

Expertise Authority Trust - (E.A.T)

L’acronyme EAT pour Expertise, Authoritativeness et Trustworthiness (ou expertise, autorité et fiabilité en français) désigne trois critères pris en compte par le moteur de recherche visant à déterminer la pertinence des contenus d’un site vis-à-vis d’une thématique afin de le classer dans les pages de résultats.

SXO - (Search eXperience Optimization)

Cet acronyme est née de l’association du SEO(optimisation pour les moteurs de recherche) et de l’UX(expérience utilisateur). En effet, le SXO consiste à améliorer l’expérience de recherche d’un internaute.

SEA - (Search Engine Advertising)

Le SEA ou Search Engine Advertising relève de la publicité payante ou du référencement payant. Cela permet à un annonceur de se mettre en avant et de se positionner rapidement avec une grande visibilité au sein des premiers résultats des pages de résultat des moteurs de recherche ainsi que selon différents formats sur les réseaux sociaux. Un résultat ou une publication annoncé en SEA est souvent accompagnée de la mention « publicité » et/ou « sponsorisée ».

Bannière

C’est un format publicitaire digital ou imprimé souvent rectangulaire qui est présent au sein d’une page de contenu d’un éditeur. Cela s’effectue par le biais d’une régie publicitaire. Le but de ce format est d’attirer du trafic ou de promouvoir une entreprise, un produit ou un service au travers d’un contenu graphique commercial promotionnel.

Leader Board

Il s’agit d’un format publicitaire, qui prend la forme d’un long rectangle horizontal souvent positionné en haut d’une page web. (730px / 90px)

Skyscraper

C’est un format publicitaire qui prend la forme d’un long rectangle vertical généralement placé de manière latérale d’une zone de contenu textuel. (120px / 600px)

Grande Bannière Mobile

C’est un format publicitaire rectangulaire horizontal et long (320px / 100px).

Grand Rectangle - Pavé

Il s’agit d’un format publicitaire rectangulaire proche du format carré (340px/280px).

Campagne publicitaire

Une campagne publicitaire est une action de marketing ou de publicité qui consiste à faire la promotion d’une marque, d’un produit ou d’un service, au travers d’un message, d’une accroche ou d’un slogan et ce par l’intermédiaire de supports de communication divers et variés. Cette campagne promotionnelle peut s’effectuer au travers de moyens de communication médias et hors-média.

Format d'Annonce Publicitaire

Le format publicitaire se réfère à l’esthétique et à l’emplacement spécifiques des annonces au sein d’un site internet, un moteur de recherche, les réseaux sociaux ou une application, tandis que le type d’annonce fait référence à la catégorie ou au style d’annonce diffusé à l’intention des utilisateurs par un groupe de publicités.

Sponsorisé

Il s’agit d’une mention à connotation publicitaire employée lors de la publication d’annonces publicitaires à la fois sur les moteurs de recherche et les réseaux sociaux.

Taux de clique - (CTR)

Le taux de clique constitue un rapport entre le nombre de clique(s) et le nombre d’impression(s) (affichage). Celui-ci s’exprime en pourcentage. Par exemple, si une annonce publicitaire est affichée 100 fois et reçoit 1 clic, le taux de clics sera de 1 %.

Impression - (Affichage)

Dans la thématique du marketing digital, une impression correspond à l’affichage d’une publicité sur l’écran d’un internaute.

Taux d'Impression

Le taux impression vous offre la possibilité d’évaluer l’efficacité de vos annonces par rapport à celles de concurrents. Cette mesure est obtenue en divisant le nombre d’impressions réellement générées par votre annonce par le nombre total d’impressions potentielles que votre annonce aurait pu obtenir.

Coût Par Clic - (CPC)

Il s’agit du montant qui vous est facturé pour un clic sur une annonce.

Coût Par Clic Moyen - (CPCM)

Il s’agit du montant moyen qui vous a été facturé pour un clic sur une annonce.

Interaction

Une interaction est une mesure d’interaction. Celle-ci peut prendre diverses formes et nomenclatures. En effet, celle-ci permet de comptabiliser le nombre d’actions effectuées entre un contenu ou une annonce et une audience. Une interaction peut se matérialiser au travers d’un clic, un survol de souris, un j’aime, un partage de contenu, un commentaire, un défilement de page etc… On parle de macro/micro-interaction.

Conversion

Une conversion représente une action attendue par un éditeur lorsqu’un visiteur accomplit sur un site web ou un réseau social. Les conversions servent à mesurer la quantité des actions et interactions soumises auprès d’un visiteur. Une conversion peut prendre différentes formes, en effet, il peut s’agir de :

  • Acheter un produit
  • Télécharger un livre blanc
  • Visionner une vidéo
  • Créer un compte
  • S’inscrire à une newsletter
  • Envoyer un formulaire de contact
  • Souscrire à un abonnement
  • Partager sur les médias sociaux
  • Télécharger une application
  • etc…

On distingue alors deux types de conversion:

  • Les macros conversions. 
  • Les micros conversions

Taux de Conversion - (Conversion Rate)

Le taux de conversion (conversion rate en anglais) est le rapport entre le nombre de visiteurs ayant réalisé une “conversion” sur un site web (achat, souscription, téléchargement…) et le nombre de visiteurs total du site. En publicité, on emploie aussi le terme de « Taux de conversion » afin de mesurer le nombre de conversions réalisées par rapport au nombre total de clics sur une annonce par exemple. On peut également évoquer le terme de “taux de transformation”.

SMO - (Social Media Optimization)

Le SMO, abréviation de Social Media Optimization, concerne toutes les méthodes utilisées visant à renforcer la présence, la visibilité, la notoriété, la reconnaissance et la réputation d’une marque ou d’un site web sur les plateformes de médias sociaux/réseaux sociaux.

SEM - (Search Engine Marketing)

Le Search Engine Marketing, connu sous l’acronyme SEM, représente une stratégie de marketing en ligne qui a pour but d’accroître la visibilité et le trafic de visiteurs d’un site web grâce à l’utilisation des moteurs de recherche. Cette approche englobe diverses stratégies telles que le SEO, le SEA et le SMO, toutes destinées à atteindre ces objectifs.

Acquisition

L’acquisition marketing, aussi appelée acquisition de clients et/ou de prospects, a pour objectif d’attirer de nouveaux visiteurs vers son écosystème digital, qu’il s’agisse d’un site web, de pages de destination ou des réseaux sociaux.

Fidélisation

La fidélisation en marketing digital consiste à la mise en œuvre d’action(s) marketing telles que :

  • E-mailing
  • Souscription à une newsletter
  • Proposition d’un contenu attrayant et hautement qualitatif
  • Carte cadeaux
  • Remises commerciales
  • Coupons de réductions
  • Code promo
  • Livre blanc / E-book
  • Offres marketing saisonnières
  • Récompenses personnalisées
  • Etc …

 

L’ensemble de ces actions marketing citées précédemment visent à favoriser la rétention et la fidélisation des lecteurs, visiteurs et clients.

Affiliation

L’affiliation sur internet est une stratégie de marketing en ligne où un éditeur ou un annonceur s’associe à des partenaires pour la promotion de ses produits ou services. En contrepartie, ces partenaires rétribuent des commissions basées sur les ventes générées. Ce modèle peut être comparé au rôle d’un apporteur d’affaires dans le monde physique, mais il se distingue par son adaptation au contexte numérique.

Marketing Automation

Le marketing automation, également désigné comme le marketing automatisé en français, représente l’ensemble des méthodes et des outils destinés à automatiser les tâches récurrentes et de faible valeur dans le domaine du marketing, tout en offrant des capacités d’analyse aux équipes marketing.

E-mailing

L’emailing représente une approche de marketing direct consistant à adresser des messages électroniques à une pluralité de destinataires figurant dans une base de données. Cette diffusion est regroupée, effectuée simultanément, et axée sur des cibles spécifiques.

Retargeting - Reciblage publicitaire

Le retargeting ou reciblage publicitaire en français , s’opère en affichant des annonces publicitaires sous forme de bannières sur des sites web une fois qu’un internaute a manifesté un intérêt spécifique pour un produit ou un services sur un autre site. Il s’agit d’une technique de publicité ciblée dans laquelle les informations collectées sur l’utilisateur servent à identifier un produit ou service pour lequel il a exprimé un intérêt

Remarketing

Le remarketing, avec une approche plus directe et tout aussi ciblée, s’adresse spécifiquement à vos clients potentiels de qualité et à vos clients existants, dans le but de les inciter à effectuer de nouveaux achats ou de réduire les cas d’abandon de panier avec une relance par e-mail en proposant une réduction par exemple.

Indicateur(s) Clé de Performance - (ICP/KPI)

Les Indicateurs Clés de Performance (ICP) ou Key Performance Indicator (KPI) en anglais sont des mesures quantitatives essentielles qui servent à concentrer l’attention sur les données les plus cruciales pour atteindre les objectifs commerciaux. Les KPI sont également des outils précieux pour guider une équipe dans la compréhension de la manière dont les progrès seront surveillés et évalués ainsi que dans la prise de décisions. Ces indicateurs  clés de performance doivent toujours être mesurables, pratiques, réalisables, et donner une orientation claire. Par exemple, si l’objectif est d’accroître les ventes, le KPI peut être le nombre de ventes quotidiennes. Si l’objectif est d’améliorer la visibilité d’un site web, le KPI peut-être le suivi du trafic quotidien.

Return On Investment - (ROI)

le ROI ou Return On Investment en anglais, il s’agit de l’argent gagné par rapport à l’argent investi lors d’une opération. Le retour sur investissement en français est utile pour savoir quelle attitude adopter face à un investissement donné. En effet, le ROI est un indicateur précieux pour évaluer la pertinence d’un investissement spécifique, car il permet de quantifier le potentiel de rendement de cet investissement.

Return On Ads Spent - (ROAS)

Le ROAS ou Return On Ad Spend, ou Retour sur les Dépenses Publicitaires en français, permet de mesurer et d’évaluer le chiffre d’affaires obtenu pour chaque euro investi dans la publicité, offrant ainsi une mesure précise du rendement de l’investissement publicitaire. Il quantifie le retour sur investissement publicitaire.

Conversion Rate Optimization - (CRO)

Le CRO, acronyme pour l’Optimisation du Taux de Conversion (Conversion Rate Optimization en anglais), représente le processus visant à accroître la proportion d’utilisateurs ou de visiteurs d’un site WEB à accomplir une action spécifique souhaitée par une entreprise.

Quality Score

Le Quality Score ou Score Qualité en français, est une unité de mesure qui opermet d’évaluer le niveau de qualité et de pertinence d’une annonce publiée par certaines régies publicitaires de telles que Google, Bing, Yahoo, Facebook … Le Quality Score a une influence sur le classement d’une annonce lors de la mise aux enchères ainsi que sur les coûts inhérente à celle-ci. Les trois composantes du Quality Score sont les suivantes :

  • Taux de clique attendu – (CTR)
  • La pertinence de l’annnonce
  • L’expérience de la page de destination

 

Accroche

Un ‘accroche’ est un mot ou une phrase conçue pour captiver l’attention du public ciblé dans une communication publicitaire. Sous forme de phrase, elle est habituellement concise et mise en valeur par une typographie et une taille de caractère qui attirent l’attention du public visé. Elle emprunte généralement un ton incitatif afin de motiver le lecteur, internaute ou prospect à effectuer une action voulu par un annonceur.

Incitation

L’incitation représente le processus de stimulation ou d’encouragement visant à motiver quelqu’un à accomplir une action particulière.

Extension(s) d'Annonce(s)

Les extensions d’annonces sont des informations complémentaires que vous pouvez intégrer à vos annonces via une régie publicitaire comme Google Ads. Celles-ci jouent un rôle essentiel dans l’amélioration des performances de vos campagnes lorsqu’elles sont utilisées de manière stratégique et en cohérence avec vos objectifs marketing.

Elles permettent d’obtenir un bien meilleur taux de clique (CTR) sur les annonces diffusées.

Inbound Marketing

L’inbound marketing est une approche méthodologique conçue pour créer et fidéliser des clients. En pratique, cette stratégie, qualifiée de ‘marketing entrant’, a pour but d’attirer naturellement des prospects, plutôt que de les solliciter par le biais de publicités ou de démarchage direct.

Outbound Marketing

L’outbound marketing, également appelé marketing sortant, a pour but d’initier le contact avec le client. En d’autres termes, cette stratégie se concentre sur la diffusion de messages destinés aux consommateurs. À travers des actions de communication ciblées, l’objectif est d’atteindre directement le futur client, où qu’il se trouve.

WEB Analytique

Les outils de WEB analytics permettent de mesurer les données sociodémographiques et propres à chaque utilisateur d’un site internet. L’analyse de ses données anonymisées permettent de mieux comprendre le comportement de vos utilisateurs, identifier les différents profils de votre audience, mesurer l’acquisition de trafic(visiteurs et nouveaux visiteurs) ainsi que les conversions réalisées (achat, formulaire de contact envoyé etc …).

Dimension

Il s’agit de données alphabétiques. Les dimensions correspondent aux attributs de vos données. Par exemple, la dimension « Ville » indique la ville, avec comme valeur d’exemple « Bordeaux » ou « Paris », d’où provient une session. La dimension « Page » indique l’URL d’une page consultée.

Statistiques

Il s’agit de données numériques avec des chiffres. Les nombres d’un ensemble de données, souvent liés à des dimensions. La statistique « Sessions » correspond au nombre total de sessions.

Métrique(s)

Une métrique constitue une mesure quantitative, sous forme de nombre, telle qu’une moyenne, un ratio, un pourcentage, etc. Les métriques sont des données numériques permettant d’effectuer des opérations mathématiques, telles que le calcul. Par exemple, le nombre d’événements représente une métrique qui indique combien de fois un événement a été déclenché en tout. Un autre exemple, le nombre total de page(s) vue(s) par rapport au nombre total des sessions enregistrées.

Mouse Tracking

Le « Mouse Tracking » ou « Suivi de la souris » est une solution intégrée à votre site web qui vous offre des données approfondies sur le comportement de vos visiteurs en ligne. Pour chaque page, cette étude permet d’enregistrer les endroits où les utilisateurs cliquent, le pourcentage de personnes qui scrollent et d’analyser les mouvements du pointeur de la souris. Le but étant de mieux comprendre leur expérience de navigation.

Cycle De Vie Client

Le cycle de vie client fait référence à l’évolution temporelle de l’interaction commerciale entre une entreprise et un individu. Il englobe ainsi la période s’étendant du tout premier au dernier échange.

Ainsi, on peut distinguer différentes étapes dans le cycle de vie classique d’un client:

  • Suspect
  • Visiteur
  • Prospect
  • Lead
  • Client
  • Ambassadeur

A/B Testing

L’A/B testing, également connu sous le nom de test A/B, implique la comparaison de deux itérations différentes d’une page web ou d’une application pour déterminer laquelle obtient de meilleurs résultats. Les versions A et B, qui représentent ces variations, sont présentées de manière aléatoire aux utilisateurs dans le but d’analyser leurs performances respectives.

Machine Learning

Le « Machine Learning, » également connu sous le nom d’apprentissage automatique, d’apprentissage artificiel ou d’apprentissage statistique, représente une branche de l’intelligence artificielle. Elle repose sur des méthodes mathématiques et statistiques qui permettent aux ordinateurs d’acquérir la capacité d’apprendre à partir de données, les autorisant ainsi à améliorer leurs performances dans la résolution de tâches, sans nécessiter une programmation explicite pour chaque cas.

Développement WEB

Webographie

La webographie, également appelée sitographie, consiste en un répertoire de contenus, de pages, d’outils ou de ressources en ligne qui sont liés à un sujet spécifique. Bien que relativement récent, ce terme est de plus en plus adopté et employé.

Content Management Systeme - (CMS)

Un « Content Management Systeme – (CSM) » ou Système de gestion de contenu – (SGC) en français est un programme informatique permettant de créer un site internet, un blogue, un forum de discussion ou encore un site de vente en ligne. Le système de gestion de contenu leader est WordPress avec entre 35% et 40% de part de marché sur le marché des systemes de gestion de contenu.

Thème - (WordPress)

Un thème (WordPress) représente un ensemble de fichiers qui déterminent l’apparence et le comportement de votre site web en supervisant sa structure, son agencement et son design. Celui-ci peut-être doté ou non de certaines fonctionnalités spécifiques.

Plugin

Un plug-in, un add-on ou une extension est un composant logiciel qui permet d’apporter une ou plusieurs fonctionnalités à un programme existant. Il existe des extensions gratuites, payantes et/ou freemium.

HyperText Markup Language - (HTML)

HTML, abréviation de Hypertext Markup Language, est un langage de balisage qui sert à définir la structure du contenu d’une page web. Un document HTML se compose d’une séquence d’éléments qui sont employés pour encadrer et organiser les divers éléments du contenu, leur attribuant ainsi un aspect visuel spécifique et un comportement particulier.

Cascading Style Sheets - (CSS)

CSS, qui signifie Cascading Style Sheets en anglais, est un langage structuré autour de règles. Il permet de spécifier des règles de style pour des éléments individuels ou des ensembles d’éléments spécifiques sur une page web. Ces règles définissent l’apparence, la mise en forme et le design visuel des éléments correspondants.

Propriétés - (Properties)

En CSS, on peut attribuer des propriétés de style à un ou plusieurs éléments, exemple :

				
					h2 {
    color: red;
}
				
			

Marge Interne - Rembourrage (Padding)

Le remplissage, également désigné sous le terme « padding », correspond à la marge d’espace située entre le contenu interne d’un élément et sa bordure extérieure. Cette technique de remplissage est précieuse pour générer un espace additionnel à l’intérieur d’un élément.

Marge Externe - (Margin)

La marge (margin) a pour fonction de générer un espace additionnel en dehors de l’élément, contribuant ainsi à définir l’espace vide autour de cet élément.

Javascript - (JS)

JavaScript est un langage de programmation employé par les développeurs afin de créer des sites web interactifs. Les fonctionnalités de JavaScript sont essentielles pour améliorer l’expérience des utilisateurs sur un site, que ce soit en mettant à jour les flux de médias sociaux ou en affichant des animations et des cartes interactives, parmi de nombreuses autres possibilités.

Objet

En informatique, un objet est une entité symbolique autonome qui renferme à la fois des données et des fonctionnalités relatives à un concept spécifique, et qui peut être manipulée au sein d’un programme.

Tableau

Il sert à afficher des données sous la forme d’un tableau composé de rangées et de colonnes. Les tableaux sont couramment utilisés pour structurer et présenter des informations de manière organisée, offrant ainsi une visualisation claire et compréhensible aux utilisateurs.

PHP Hypertext Preprocessor - (PHP)

PHP, dont l’acronyme signifie « PHP Hypertext Preprocessor, » est un langage de script polyvalent et en open source, spécialement élaboré pour la création d’applications web. Il s’intègre aisément dans le HTML, facilitant ainsi le développement de sites web interactifs et dynamiques.

My Structured Query Language - (MYSQL)

MySQL représente un système de gestion de base de données (SGBD) compatible avec les serveurs web les plus couramment employés. En tant que projet open-source, il est accessible gratuitement, ce qui implique qu’il peut être utilisé et personnalisé selon vos besoins.

Create Read Update Delete - (CRUD)

CRUD est un acronyme anglophone qui se traduit en français par Créer, Lire, Mettre à jour et Supprimer. Il représente un concept fondamental en développement informatique, décrivant les opérations essentielles que l’on peut effectuer sur des données au sein d’un systeme de gestion ou d’un programme informatique.

Librairie - Bibliothèque logicielle

Une bibliothèque informatique consiste en une collection de codes et de fonctionnalités logicielles réutilisables, offrant la possibilité d’éviter la duplication du code source, tout en assurant une haute qualité du code. De plus, ces bibliothèques peuvent être partagées sur des plateformes open source telles que GitHub.

Fonctionnalité - Features

En développement web, le terme « fonctionnalité » (ou « feature » en anglais) englobe un groupe d’actions ou de capacités spécifiques qui sont intégrées dans une application, un site web ou un logiciel dans le but de faciliter l’exécution de tâches particulières. Ces fonctionnalités sont délibérément conçues pour satisfaire des besoins ou des objectifs précis, avec pour finalité d’améliorer l’expérience de l’utilisateur ou d’automatiser des processus

Container - Conteneur

En développement web, un « conteneur » fait référence à un élément ou une structure qui enveloppe et organise le contenu à l’intérieur d’une page web. Les conteneurs sont souvent utilisés pour mettre en forme et structurer le design d’une page, et ils jouent un rôle essentiel dans la gestion de la mise en page et de la présentation visuelle.

Head - (Entête non visible d'une page)

En HTML, la balise <head> fait partie de l’en-tête de votre document HTML. Contrairement à la balise <body>, la balise <head> ne contient pas le contenu visible de votre page, mais plutôt des informations et des métadonnées qui concernent la page elle-même, son titre, ses liens vers des ressources externes, et d’autres détails importants pour le navigateur et les moteurs de recherche.

Body - (Corps visible d'une page)

En HTML, le <body> est l’élément qui englobe tout le contenu d’une page web. C’est à l’intérieur de la balise <body> que vous placez généralement le texte, les images, les liens, les vidéos et d’autres éléments qui constituent le contenu visible de votre page.

Header - Entête

La balise <header> est typiquement employée pour délimiter la section d’introduction d’une page web ou d’une portion spécifique du contenu. Le <header> revêt une importance cruciale au sein de la structure de la page et offre un emplacement propice à l’inclusion d’éléments tels que le logo du site, le titre de la page, des hyperliens menant vers les pages principales, des données relatives à l’auteur.

Navigation

La navigation en développement web englobe l’ensemble des outils et des éléments utilisés pour faciliter l’exploration d’un site web ou d’une application par les visiteurs. Son objectif principal est de créer une expérience utilisateur fluide, conviviale et intuitive, leur permettant de naviguer aisément à travers les différentes sections et pages du site. En HTML5, la balise sémantique <nav> permet d’intégrer une navigation dans votre document.

Les éléments de navigation couramment utilisés incluent :

  • Menu de navigation
  • Barre de recherche
  • Liens contextuels
  • Liens en pied de page
  • Pagination
  • Bouton de retour en haut de page
  • Fil d’Ariane

Main

La balise <main> en HTML sert à délimiter la portion centrale et essentielle d’une page web. Elle est généralement dédiée au contenu principal du document, incluant des articles, des informations cruciales, ou toute autre partie centrale du contenu.

L’usage de la balise <main> revêt une importance particulière en termes d’accessibilité et de structuration sémantique de la page. Elle facilite la compréhension de la structure du contenu par les lecteurs d’écran (utilisés par les personnes malvoyantes) et les moteurs de recherche. Cette balise permet ainsi d’améliorer l’expérience de navigation et l’indexation du contenu.

Section

La balise <section> est un élément utilisé pour structurer le contenu d’une page web en délimitant des sections distinctes et significatives. Chaque balise <section> regroupe un ensemble de contenu lié ayant une signification intrinsèque, contribuant ainsi à une organisation logique de la page pour améliorer la compréhension par les navigateurs, les moteurs de recherche et les outils d’accessibilité.

Aside - Barre Latérale

La balise <aside> permet de séparer visuellement le contenu secondaire du contenu principal, tout en indiquant au navigateur et aux moteurs de recherche que ces éléments sont liés, mais moins importants que le contenu principal. Elle est souvent utilisée dans les mises en page pour améliorer la structure sémantique de la page et pour rendre le contenu plus compréhensible. Elle est souvent employée pour intégrer une barre latérale pouvant inclure des liens de navigation, des informations supplémentaires, des encarts publicitaires etc …

Footer - Pied De Page

La balise <footer> est utilisée pour représenter la section finale ou le pied de page d’une page web. Elle contient généralement des informations de fin, telles que les coordonnées de contact, des liens vers des pages importantes, des droits d’auteur, et d’autres éléments similaires. Le <footer> est un composant essentiel pour la structuration et la conception de pages web, offrant aux utilisateurs un accès facile aux informations clés et contribuant à l’accessibilité et à l’organisation sémantique de la page.

Formulaire

Un formulaire <form> est un élément interactif qui permet aux utilisateurs de saisir et de soumettre des données vers un serveur web. Les formulaires sont couramment utilisés pour recueillir des informations, recevoir des commentaires des utilisateurs, effectuer des recherches, envoyer des messages, et bien d’autres actions interactives.

POP-UP - Fenêtre Surgissante

une « popup » est un élément interactif qui s’affiche temporairement au-dessus du contenu principal d’un site web ou d’une page web pour attirer l’attention des visiteurs et les encourager à effectuer une action spécifique. Les popups sont généralement utilisées pour collecter des informations telles que des adresses e-mail, afficher des offres promotionnelles, demander des commentaires ou des avis, ou fournir des informations importantes.

Les popups peuvent prendre différentes formes :

  • Fenêtres modales
  • Bannières contextuelles
  • Formulaires d’inscription
  • Messages de confirmation
  • Etc …

Rollover

En développement web, un « rollover », « hover » (ou « effet de survol » en français) désigne une interaction dynamique qui se produit lorsque l’utilisateur déplace son curseur de souris sur un élément interactif, généralement un lien hypertexte ou un bouton. Lorsque l’utilisateur survole cet élément avec la souris, il peut déclencher un changement visuel ou une réponse interactive.

EM

En développement web, l’unité « em » est une unité de mesure relative utilisée pour définir la taille de la police, les marges, les espacements et d’autres propriétés de mise en page. L’unité « em » est relative à la taille de la police de l’élément parent. Ainsi, un « em » équivaut à la taille de police actuelle de l’élément parent.

REM

L’unité « rem » (qui signifie « root em ») est une unité de mesure relative similaire à l’unité « em ». Cependant, la différence clé entre les deux est que « rem » est basé sur la taille de police de l’élément racine (généralement la balise <html>), tandis que « em » est basé sur la taille de police de l’élément parent immédiat.

Viewport Height - (VH)

L’unité de mesure « vh » signifie « viewport height » (hauteur de la fenêtre d’affichage). Cette unité de mesure est utilisée pour dimensionner des éléments en fonction de la hauteur de la fenêtre du navigateur. Un « vh » équivaut à 1% de la hauteur totale de la fenêtre d’affichage du navigateur.

Viewport Width - (VW)

L’unité de mesure « vw » signifie « viewport width » (largeur de la fenêtre d’affichage). Cette unité de mesure est utilisée pour dimensionner des éléments en fonction de la largeur de la fenêtre du navigateur. Un « vw » équivaut à 1% de la largeur totale de la fenêtre d’affichage du navigateur.

Favicon

Un favicon est une petite icône ou image qui s’affiche généralement dans l’onglet du navigateur web, à côté du titre de la page ou du site web. Le terme « favicon » est une contraction de « favorite icon, » car il était initialement conçu pour permettre aux utilisateurs de marquer des sites web comme favoris dans leurs navigateurs. Le favicon permet une identification rapide parmi plusieurs onglets de navigation et renforce la reconnaissance d’une marque au travers de son logo par exemple. Le favicon contribue à l’amélioration de l’expérience de navigation et l’expérience de recherche.

Fil d'Ariane / Breadcrumbs

Le fil d’Ariane ou « Breadcrumbs » en anglais signifie « miettes de pain ». Souvent affiché en haut de la page pour indiquer le chemin suivi pour atteindre la page actuelle. Elles aident les utilisateurs à comprendre leur position dans le site et à revenir en arrière si besoin. Sa présence permet d’améliorer l’expérience de l’utilisateur.

Arborescence

L’arborescence d’un site internet est la structure organisationnelle en forme d’arbre qui définit comment les pages, les sections et les contenus sont interconnectés et organisés sur le site. Elle est essentielle pour l’organisation, la navigation et l’optimisation d’un site web. Une conception réfléchie de l’arborescence facilite la gestion du site et améliore l’expérience utilisateur.

Segmentation

La « segmentation » désigne le processus de division d’un public ou d’une base de données en groupes plus restreints, appelés « segments », en fonction de critères spécifiques tels que le comportement, les préférences, la démographie ou d’autres caractéristiques. 

Lien Hypertexte

Sur le web, un « lien hypertexte » est un élément interactif, généralement du texte ou un bouton, qui, lorsqu’il est cliqué, permet aux utilisateurs de passer d’une page web à une autre ou d’accéder à des ressources connexes. Les liens hypertextes sont la fondation de la navigation web, permettant aux utilisateurs de voyager d’une page à l’autre, de consulter des informations complémentaires, de télécharger des fichiers, d’envoyer des courriels, ou d’effectuer diverses actions en ligne en suivant des connexions d’un contenu à un autre. Ils sont essentiels pour la structure, l’accessibilité et l’expérience utilisateur sur le web.

Permalien

Un « permalien » ou « permalink » (contraction de « permanent link ») en anglais est un lien URL spécifique et permanent qui pointe vers une ressource, une page web, un article, ou un contenu en ligne. La caractéristique majeure d’un permalien est sa durabilité, ce qui signifie qu’il reste inchangé et valide au fil du temps, même si d’autres aspects du site ou du contenu sont modifiés.

Une Ancre

Une « ancre » désigne un lien hypertexte à l’intérieur d’une page web qui permet aux utilisateurs de naviguer directement vers une section spécifique de cette page plutôt que vers une nouvelle page. Les ancres sont souvent utilisées pour améliorer la navigation au sein de pages longues ou pour permettre aux utilisateurs de passer rapidement à des informations particulières.

Exemple: les liens de la table des matières de cette même page.

Slug

un « slug » est un fragment de texte court et convivial pour les moteurs de recherche, généralement utilisé dans les URL des pages web pour identifier de manière descriptive le contenu de la page. Les slugs sont conçus pour être lisibles par les humains et contiennent généralement des mots-clés significatifs qui décrivent le contenu de la page ou de l’article.

Les slugs sont souvent utilisés pour améliorer l’accessibilité et le référencement des pages web, car ils fournissent des informations contextuelles aux utilisateurs et aux moteurs de recherche sur le contenu de la page. Il s’agit de la dernière partie d’une URL.

Exemple : https://www.ql-studio.fr/lexique-du-web-designer/

Widget

Un « widget » en développement web est un élément interactif ou un composant autonome intégré dans une page web pour ajouter des fonctionnalités spécifiques.

Carrousel

Un « carrousel » est un élément interactif d’une page web qui présente un groupe de contenus (comme des images, des articles, des produits, etc.) de manière séquentielle et automatique. Il s’agit d’une zone généralement placée en haut de la page ou dans une section spécifique, où les éléments défilent horizontalement ou verticalement, offrant aux utilisateurs une vue d’ensemble des contenus proposés.

Slider

Un « slider » est un composant de site web interactif qui affiche plusieurs éléments (souvent des images, des messages publicitaires ou des contenus visuels) de manière séquentielle dans une zone définie de la page. Les sliders sont conçus pour attirer l’attention des visiteurs en affichant du contenu visuellement engageant et en permettant aux utilisateurs de le faire défiler horizontalement ou verticalement.

Accordéon

un « accordéon » est un composant interactif qui permet d’organiser et de présenter le contenu de manière pliable, où les informations sont initialement masquées, puis révélées par l’utilisateur en cliquant sur un en-tête ou un élément de déclenchement, ce qui permet d’optimiser l’espace et de rendre la navigation plus conviviale.

Typographie

Typographie

La typographie sur le web consiste à façonner et disposer les caractères (lettres, chiffres, signes de ponctuation, etc.) pour assurer la lisibilité, l’esthétique, et la communication. Cela implique de choisir les polices, la taille des caractères, l’espacement, et la mise en page. Elle est cruciale pour le design web en influençant la lisibilité, l’attrait visuel, et la compréhension du contenu. Une typographie bien pensée favorise une transmission efficace de l’information et une esthétique cohérente.

Empattement

Un « empattement » en typographie fait référence au style des extrémités des caractères dans une police. Il existe deux principales catégories de polices : celles « à empattement » (ou « avec empattements ») qui ont des détails décoratifs à la fin des lettres, offrant un aspect élégant et traditionnel, souvent utilisées dans l’impression, et celles « sans empattement » (ou « sans sérif ») qui ont un aspect moderne et épuré, couramment privilégiées pour le web et les écrans. Le choix dépend du contexte d’utilisation et du style visuel souhaité.

Serif

Une typographie « avec serif » (ou « avec empattements ») possède des détails décoratifs aux extrémités des lettres, offrant un aspect élégant et traditionnel, souvent utilisées dans l’impression.

Sans-Serif

Une typographie « sans serif » (ou « sans sérif ») qui ont un aspect moderne et épuré, couramment privilégiées pour le web et les écrans.

Ligature typographique

Une ligature typographique est une combinaison artistique entre deux ou plusieurs caractères, généralement des lettres, pour créer une forme stylisée. Elles servent à améliorer la beauté et la lisibilité du texte en évitant les collisions de caractères et en créant une harmonie visuelle entre les lettres.

Digramme

Un digramme est une association de deux caractères (lettres, chiffres, symboles) généralement combinés pour former une seule unité visuelle. Contrairement aux ligatures, qui sont des combinaisons esthétiques de caractères, les digrammes sont créés principalement pour améliorer la lisibilité en évitant les chevauchements gênants entre caractères adjacents.

Graphème

En typographie, un graphème est la plus petite unité d’un système d’écriture qui symbolise un son ou une unité linguistique distincte. Il peut prendre la forme d’une lettre, d’un chiffre, d’un symbole ou même d’une combinaison de ces éléments. Les graphèmes constituent les éléments fondamentaux de l’écriture d’une langue et sont généralement représentés par des caractères individuels dans une police de caractères ou un système d’écriture spécifique. Par exemple, la lettre « a » dans l’alphabet latin est un exemple de graphème simple. 

Inter-Mots

Il s’agit de l’espace vide entre des mots au sein d’un texte.

Approche / Interlettrage

L’approche, parfois appelée interlettrage, implique d’ajouter de l’espace entre les caractères d’un mot pour l’allonger. Cette technique est fréquemment employée dans les titres pour améliorer la lisibilité.

Interlignage

L’interlignage se réfère à l’espacement vertical entre deux lignes de texte. Il s’agit de la distance entre les lignes de base des caractères sur des lignes successives. Une ligne de base est la ligne invisible sur laquelle les lettres sont posées.

Lettrine

La lettrine permet de mettre en valeur la première lettre d’un texte ou d’un paragraphe. Après l’invention de l’imprimerie, la lettrine devient un ornement typographique. Elle permet d’attirer l’attention d’un lecteur sur l’en-tête ou le commencement d’un texte.

Bas de casse

Il s’agit de la partie inférieure d’une casse où sont stockées les lettres minuscules.

Haut de casse

Il s’agit de la partie supérieure d’une casse où sont stockées les lettres moins couramment utilisées, y compris les majuscules et les lettres accentuées, par exemple.

Césure

La coupure de mot, parfois appelée césure, est le fait de couper un mot à la fin d’une ligne en utilisant un trait d’union conditionnel en fonction du nombre de syllabes. On appelle cela la syllabification ou le découpage de syllabe(s) au sein d’un mot.

Typeface

Il s’agit d’une famille typographique ou d’un regroupement de graisse et de corps d’une même famille de police d’écriture.

Font-Face

Font-face ou « @font-face » est une instruction CSS qui permet de transmettre au navigateur web les données requises pour télécharger des polices personnalisées utilisées sur une page web.

Graisse

La graisse en typographie fait référence à l’épaisseur d’un trait ou d’un caractère. En augmentant l’épaisseur, on obtient des variations de caractères, passant d’un caractère fin à un caractère demi-gras, gras, et ainsi de suite.

Glyphe

Un glyphe est une représentation visuelle d’un signe typographique, qu’il s’agisse d’un caractère, d’un accent ou d’une ligature. 

Informatique

Système d'Exploitation

Un système d’exploitation (SE) est le logiciel principal qui contrôle les composants matériels d’un ordinateur, permet l’exécution de logiciels et offre une interface pour l’interaction, garantissant ainsi la gestion globale des fonctions de l’appareil.

Logiciel

Un logiciel consiste en un ensemble de programmes, instructions et données informatiques dédiés à des fonctions spécifiques sur un ordinateur ou un appareil électronique. Il comprend des applications comme les navigateurs web, les suites bureautiques, les jeux, ainsi que des systèmes d’exploitation qui supervisent le matériel de l’ordinateur. Les logiciels se divisent généralement en deux catégories principales : les applications spécialisées et les logiciels système qui assurent le bon fonctionnement de l’ordinateur.

Prologiciel de Gestion Intégrée - (PGI/ERP)

Un ERP (Progiciel de Gestion Intégrée), c’est un ensemble de logiciels qui permet aux entreprises de gérer toutes leurs opérations essentielles, de la comptabilité à la chaîne d’approvisionnement, en utilisant une seule plateforme. Il simplifie la coordination entre les départements, améliore l’efficacité et l’automatisation des tâches, et fournit une vue globale de l’entreprise pour faciliter la prise de décision. C’est un atout majeur pour les grandes entreprises qui traitent d’importants volumes de données et de processus complexes.

Navigateur

Un navigateur web est un logiciel permettant aux utilisateurs d’explorer Internet en récupérant des pages web, des médias, et d’autres données en ligne depuis les serveurs. Ces logiciels, comme Chrome, Firefox, ou Edge, rendent le contenu web accessible et convivial, traduisant le langage HTML en pages visuelles. Ils offrent des fonctionnalités pratiques comme la gestion des onglets, la recherche, la sécurité, et la prise en charge de technologies web comme JavaScript pour l’interaction. En bref, les navigateurs sont des outils essentiels pour naviguer sur le Web.

Moteur de recherche / réponse

Un moteur de recherche est un outil en ligne ou un logiciel qui aide les utilisateurs à trouver des informations sur Internet. Il explore le contenu du Web, indexe les pages et renvoie des résultats pertinents en réponse aux recherches. Des moteurs populaires tels que Google, Bing et Yahoo utilisent des algorithmes sophistiqués pour classer les pages en fonction de leur pertinence par rapport aux mots-clés de l’utilisateur. Les moteurs de recherche sont essentiels pour trouver des sites, articles, images, vidéos, etc., en fonction des besoins de l’utilisateur, affichant une liste de liens vers les pages correspondantes. Ils peuvent également offrir des fonctionnalités avancées telles que la recherche vocale, d’images et de localisation.

Réseau Social

Un réseau social est une plateforme en ligne qui permet aux individus de créer des profils, de se connecter avec d’autres utilisateurs, et d’interagir en partageant des informations, des messages, des médias, et d’autres contenus. Ces réseaux, comme Facebook, Twitter, Instagram, et LinkedIn, facilitent la création de relations, la communication, le partage d’intérêts, la mise à jour d’actualités, et l’interaction au sein de communautés en ligne. Ils jouent un rôle clé dans la communication personnelle, la promotion professionnelle, le marketing, et la diffusion d’informations à grande échelle sur Internet.

Format / Extension de fichier

Un format de fichier définit la structure et l’organisation des données dans un fichier informatique, ce qui permet aux logiciels de comprendre comment interpréter son contenu. Les formats varient en fonction du type de données, comme les documents DOCX, les images JPEG, les vidéos MP4, ou les fichiers audio MP3. Le choix du format dépend de l’usage prévu et des caractéristiques spécifiques du format. 

FTP - (File Transfert Protocol)

FTP (File Transfer Protocol) est un protocole de communication qui permet le transfert de fichiers entre un ordinateur local (client) et un serveur distant via Internet. Il permet à la fois le téléchargement (du serveur vers le client) et le téléversement (du client vers le serveur) de divers types de fichiers, tels que des documents, images, vidéos, ou logiciels. Les utilisateurs utilisent des logiciels FTP, appelés « clients FTP, » pour se connecter à des serveurs FTP distants, explorer les répertoires, copier, déplacer, ou supprimer des fichiers en fonction des autorisations. Les serveurs FTP sont couramment utilisés pour la gestion de sites web, le partage de fichiers, et la sauvegarde de données. Il convient de noter que FTP n’offre généralement pas de sécurité cryptographique, ce qui incite à l’utilisation de protocoles plus sécurisés, comme SFTP ou FTPS, pour des transferts de fichiers sensibles.

Langage de Programmation

Un langage de programmation est un système de règles et de conventions permettant aux programmeurs d’écrire des instructions pour l’ordinateur. Ces instructions décrivent les actions que l’ordinateur doit effectuer pour résoudre des problèmes ou réaliser des tâches spécifiques. Les langages de programmation varient en syntaxe, structure et utilisation, certains étant axés sur la simplicité, d’autres sur les performances ou la sécurité. Les programmeurs utilisent des éditeurs de code pour écrire du code, puis des compilateurs ou des interpréteurs pour le traduire en langage machine, que l’ordinateur peut exécuter. Les langages de programmation sont essentiels pour le développement logiciel, la création d’applications, la gestion de données, le développement web, et bien d’autres domaines de l’informatique.

Résolution

La résolution d’un écran se réfère au nombre total de pixels qu’il peut afficher, souvent exprimé en largeur x hauteur. Elle détermine la clarté et le niveau de détail des images et du contenu affiché. Une résolution plus élevée équivaut généralement à une meilleure qualité d’affichage. Par exemple, la résolution Full HD est de 1920 x 1080 pixels, tandis que la résolution 4K atteint 3840 x 2160 pixels, offrant une qualité d’image supérieure grâce à une densité de pixels accrue. La résolution de l’écran est un critère essentiel lors du choix d’appareils tels que les ordinateurs, les télévisions, les smartphones ou les tablettes, car elle influe directement sur la qualité de l’affichage, en particulier pour des tâches exigeant une haute définition.

Pixel

Un pixel est l’élément de base qui forme les images sur les écrans numériques tels que les ordinateurs, télévisions et smartphones. Chaque pixel est un petit point coloré qui, lorsqu’il est combiné avec d’autres pixels, crée des images, des vidéos et du texte sur l’écran. La densité de pixels, mesurée en pixels par pouce (PPP ou PPI), influe sur la netteté et les détails de l’affichage. Les écrans modernes peuvent contenir des millions, voire des milliards de pixels, offrant une qualité d’image exceptionnelle. La résolution de l’écran est souvent exprimée en termes de nombre de pixels en largeur x hauteur, par exemple, 1920 x 1080 pour la résolution Full HD. Un écran haute résolution a plus de pixels, ce qui permet d’afficher des images plus nettes et détaillées.

Rouge Vert Bleu - (RVB)

RVB, abréviation de « Rouge, Vert, Bleu » en anglais (Red, Green, Blue), est un modèle de couleur largement utilisé dans la technologie et la conception, notamment sur le web. Ce modèle est essentiel dans les écrans d’ordinateurs, les caméras numériques, la retouche photo et la conception web, permettant de spécifier avec précision les couleurs en utilisant des valeurs RVB.

Pixel Per Inch - (PPI)

Le PPI, ou « Pixels Par Pouce » (Pixels Per Inch) en anglais, mesure la densité de pixels sur un écran, indiquant combien de pixels sont affichés par pouce linéaire. Un PPI plus élevé signifie une densité de pixels plus grande, améliorant la netteté et la qualité d’image. Cette caractéristique est cruciale pour évaluer la qualité d’affichage des écrans, qu’il s’agisse d’ordinateurs, de smartphones, de tablettes ou de télévisions.

Signe

En informatique, le terme « signe » n’est généralement pas courant pour décrire un concept spécifique. Cependant, il peut revêtir différentes significations selon le contexte :

  • Dans la programmation, il fait référence aux opérateurs mathématiques d’affectation tels que +, -, *, /, =, >, <, utilisés pour des calculs et des comparaisons.

 

  • En rapport avec les caractères, il désigne des symboles, lettres, chiffres ou caractères spéciaux comme @, &, $, %, utilisés dans la rédaction, la programmation et la communication en ligne.

 

Impression

Fond Perdu

Le « fond perdu » est l’espace supplémentaire nécessaire autour de votre conception qui sera découpé lors de la production. Il est crucial pour l’impression de divers produits en papier, tels que cartes de visite, chemises à rabat et bannières.

Bon à tirer - (BAT)

Le « Bon À Tirer » (BAT), couramment utilisé dans la communication, l’édition et la publicité, représente le dernier document soumis au client pour validation avant l’impression. Contrairement aux maquettes ou versions intermédiaires, le BAT est un accord contractuel qui garantit la conformité du document avec l’approbation initiale du client. Il permet de dégager la responsabilité du prestataire en cas d’erreur(s), constatée(s) a posteriori, sur le document imprimé.

Pantone®

À la différence de l’impression quadrichromie, les couleurs Pantone sont créées par un mélange prédéfini avant l’impression. Ces teintes sont standardisées et répertoriées dans un nuancier connu sous le nom de Pantonnier. Il existe dix-huit couleurs de base qui permettent de générer environ 1000 nuances Pantone.

Fichier Natif

Un fichier natif est un fichier informatique qui est utilisé par une application ou un programme spécifique. En impression, on peut-être amené à travailler avec différents types de fichier :

  • PDF (Portable Document Format)
  • AI (Adobe Illustrator) 
  • EPS (Encapsuled PostScript) 
  • SVG (Scalable Vector Graphics)
  • JPEG (Joint Photographic Experts Group)
  • PNG (Portable Network Graphics)

Ton Direct

Le ton direct en imprimerie se réfère à l’utilisation d’une encre spécifique créée en mélangeant des couleurs à partir d’un nuancier prédéfini.

Epreuve - Impression

En imprimerie, l’épreuve contractuelle est la dernière étape précédant l’impression, consistant en une simulation de l’impression à partir des éléments finaux.

Trait de coupe

Le trait de coupe désigne la zone précise sur le papier où la coupe sera effectuée. Ces repères sont imprimés avec le document pour guider l’imprimeur lors de la découpe, assurant ainsi que le résultat final correspond aux attentes du client.

Repérage

En imprimerie, l’impression en plusieurs couleurs nécessite le repérage, qui englobe les techniques permettant de positionner précisément la feuille de papier sous la presse pour chaque passage de couleur distincte, garantissant l’alignement correct de toutes les couleurs sans décalage.

Grammage

Le grammage, parfois appelé la densité du papier. Il correspond au poids du papier et représente la masse par unité de surface d’un matériau, comme le papier, le carton, le tissu ou toute autre feuille similaire. L’unité de mesure courante est le gramme par mètre carré.

Quadrichromie

La quadri ou quadrichromie et le procédé d’impression utilisant quatre couleurs de base (Cyan, Magenta, Jaune, Noir)permettant de reproduire toutes les autres, à l’exception de certaines couleurs spécifiques pour lesquelles sera utilisée une nuance Pantone®.

Cyan Majenta Jaune Noir - (CMJN)

La quadrichromie, également connue sous le nom de CMJN (Cyan, Magenta, Jaune, Noir) en imprimerie, permet de reproduire une vaste gamme de couleurs en mélangeant les trois couleurs primaires : cyan, magenta et jaune, auxquelles on ajoute le noir à la fin du processus d’impression.

Surimpression

La surimpression se produit lorsque les couleurs sont imprimées directement les unes par-dessus les autres, provoquant un mélange de couleurs pour créer une teinte différente. Par exemple, si l’encre jaune est configurée pour surimprimer sur l’impression cyan, le chevauchement produira la couleur verte.

Lamination

Le pelliculage, également connu sous les termes de laminage, lamination ou plastification, est une étape de finition effectuée après l’impression. Il implique l’application d’une fine couche de plastique transparent sur toute la surface du support imprimé.

Simili

L’impression en simili est une méthode innovante et écologique où le noir d’un document initialement en noir et blanc est remplacé par une autre couleur (souvent un Pantone). Cela réduit de quatre à une seule couleur tout en donnant l’impression d’une impression en couleur.

Dot Per Inch - (DPI)

DPI signifie « Dots per Inch » en anglais (Points par Pouce en français), indique combien de points (ou pixels) sont affichés dans un pouce sur l’écran.

Publicité(s) sur le Lieu de Vente - (PLV)

La PLV, ou Publicité sur le Lieu de Vente, est une méthode de communication intégrée à la stratégie de merchandising, englobant tous les supports publicitaires installés directement sur le lieu de vente.

Information(s) sur le Lieu de Vente - (ILV)

L’ILV, ou Information sur le Lieu de Vente, est un moyen de communication intégré à une stratégie de marketing opérationnel. Une ILV permet d’apporter des informations concernant un produit tels que le prix, le prix promotionnel, le poids, la matière etc …

Signalétique

La signalétique englobe tous les moyens utilisés pour indiquer, informer et orienter les clients, employés ou visiteurs dans un lieu de vente, les locaux d’une entreprise ou des espaces publics. Elle peut prendre la forme de panneaux, de marquages au sol, d’affichages sur les murs ou de messages sur les vitres.

Kakémono

Le kakémono est une toile verticale tendue sur une structure en aluminium, largement utilisée pour des événements tels que salons, expositions, lancements de produits, signalisation, etc…

Flyer

Un flyer, également connu sous le nom de tract ou prospectus, est un support de communication imprimé sur papier qui vise à fournir des informations essentielles dans un format compact, similaire à une petite affiche publicitaire.

Carte de visite

Une carte de visite est un petit rectangle en papier, carton, ou matériau similaire qui comporte les informations clés d’une personne ou d’une entreprise, comme le nom, la position d’une personne, l’entreprise, l’adresse, le numéro de téléphone, l’e-mail, le site internet, un QR code ainsi que le logo. Elle simplifie la communication et les échanges d’informations professionnels en contexte de rencontres ou d’événements.

Mise en page

Mise en page - Layout

La mise en page, ou mise en pages, est le processus de disposition visuelle d’un contenu dans un espace donné. Elle intervient après la collecte et la composition du contenu et précède fréquemment l’étape d’impression.

Ligne de flottaison

La ligne de flottaison est la frontière qui divise le contenu immédiatement visible sur une page du reste du contenu.

Infographie

Une infographie est une illustration visuelle d’informations, incluant des chiffres, des données, et des termes spécifiques, qui combine texte, images, graphiques, dans le but de simplifier et faciliter la transmission d’informations complexes pour une compréhension rapide et simple.

Table Des Matières

Une table des matières est une liste des sections et sous-sections d’un document, accompagnée des numéros de page correspondants. Elle est généralement placée au début ou à la fin du document pour aider les lecteurs à naviguer plus efficacement à travers son contenu.

Tabulation

En bureautique, on utilise des taquets de tabulation fixes ou ajustables dans les logiciels de traitement de texte. Une tabulation, appelée aussi « tabulation » ou « tab, » est un caractère remplaçant plusieurs espaces pour aligner et structurer du texte, créant des espaces égaux ou des alignements précis. Cela facilite la création de colonnes de texte, de listes et de tableaux dans un document.

Alignement

L’alignement influence l’apparence et la direction des marges d’un paragraphe, qu’il soit aligné à gauche, à droite, centré ou justifié, ce dernier étant uniformément aligné le long des marges gauche et droite.

Marge de sécurité

La marge de sécurité, parfois appelée zone de sécurité, est une marge additionnelle à prévoir en plus du fond perdu. Elle reste intacte après l’impression et la découpe, garantissant que les éléments essentiels ne seront pas tronqués. Généralement, une marge de sécurité de 4 mm est recommandée, toutefois, celle-ci peut être amené à varier selon les imprimeurs.

Chemin de fer

En graphisme, le terme « chemin de fer » fait référence à la structure d’un document à plusieurs pages, y compris la disposition et la répartition des informations au sein de celui-ci.

Folio

Il s’agit du numéro de chaque page d’un document. Par exemple, au sein du logiciel InDesign, le folio correspond au numéro de page active.

Filigrane

Un filigrane est semblable à un tampon, c’est un texte ou une image qui est ajouté sur ou sous le contenu préexistant d’un document. Par exemple, on peut apposer un filigrane avec le nom de marque d’une entreprise sur un document ou un graphisme afin de faire apparaître une référence à cette entreprise éditrice du dit contenu. 

Signet

Un signet, est à l’instar d’un marque page un élément permettant à un lecteur ou un utilisateur de sauvegarder une position au sein d’un contenu afin que celui-ci puisse revenir sur celui-ci ultérieurement.

Cadratin

En mise en page, un cadratin est un espace de la largeur des majuscules d’une police de caractères. Il est utilisé pour séparer les mots et équilibrer visuellement le texte. C’est un outil essentiel pour ajuster la répartition des mots dans une ligne de texte de manière harmonieuse. Le cadratin est plus large qu’un simple espace et plus étroit qu’un em quad (équivalent à la largeur du « M » dans la police).

Justification de texte

La « justification » correspond à la longueur maximale d’une ligne par rapport à la largeur du papier utilisé pour imprimer du texte.

Légende

En mise en page, une légende est un bref texte expliquant ou complétant une illustration, une photo, un tableau, ou un élément visuel. Les légendes sont généralement situées sous ou à côté de l’élément visuel pour aider les lecteurs à comprendre son contexte ou sa signification.

Format Utile

En impression, le « format utile » représente la zone de la page disponible pour le contenu, en prenant en compte les marges, mais en excluant le fond perdu.

Format Portrait à la française

Le format portrait en imprimerie et mise en page désigne une orientation de page où la hauteur est supérieure à la largeur. Cela crée une présentation verticale favorisant une lecture linéaire de haut en bas. Il est couramment utilisé dans des supports comme les livres, magazines et brochures pour présenter du contenu informatif de manière plus fluide.

Format Paysage à l'italienne

Le format paysage en imprimerie et mise en page désigne une orientation de page où la largeur est supérieure à la hauteur. Il est privilégié pour afficher des contenus adaptés à une disposition plus large, comme des graphiques, des images panoramiques, ou des tableaux de données étendus. Il est couramment utilisé dans les présentations visuelles, les diaporamas, les rapports financiers avec des tableaux larges, et d’autres situations où une vue horizontale est appropriée.

Identité Visuelle

Identité Visuelle

L’identité visuelle, aussi connue sous le nom d’identité graphique ou d’entreprise, englobe tous les éléments visuels qui représentent une entreprise, une marque ou un produit. Son but est de créer une image distinctive et reconnaissable, renforçant la notoriété et la cohérence de l’entité. Cela inclut des éléments tels que le logo, les couleurs, les polices, les images, et les éléments de design utilisés dans la communication de l’entité. Une identité visuelle efficace renforce la marque, communique des messages clairs, et contribue à établir une image de professionnalisme et de confiance. Elle est essentielle dans la stratégie de marketing et de communication d’une organisation.

Logotype

Un logotype, souvent abrégé en « logo, » est un élément graphique ou une composition visuelle conçue pour représenter visuellement et de manière distinctive une entreprise, une marque, une association, une institution, un produit, un service, ou un événement. Les logos sont conçus pour être mémorables, facilement reconnaissables et associés à l’entité ou au concept qu’ils représentent. Les logos peuvent être composés de symboles, de mots, de combinaisons de symboles et de mots, de couleurs, de formes, de polices de caractères spécifiques, et d’autres éléments visuels pour créer une image distinctive et reconnaissable.

Monogramme

Un monogramme est un emblème constitué de plusieurs lettres combinées en une seule conception, éventuellement agrémentée d’éléments décoratifs. Comme tout emblème, il symbolise une personne, une entité ou un groupe.

Ambigramme

Un ambigramme est une représentation graphique d’un mot (ou d’un groupe de mots) qui peut être lu de deux manières différentes en fonction de son orientation ou de sa disposition.

Baseline

Une baseline est un slogan qui agit comme une signature pour une marque, définissant son identité de marque. Elle est le reflet de votre positionnement marketing.

Sémiologie

La sémiologie, également connue sous le nom de sémiotique, est une discipline qui explore l’utilisation des signes, des symboles, et leur signification dans des domaines comme la linguistique, la communication, la culture, et d’autres. Elle examine le sens et comment ces éléments sont employés pour transmettre des informations, des concepts, des émotions et des significations dans divers contextes.

Charte Graphique

La charte graphique, ou « cahier des normes graphiques, » est un document contenant les règles fondamentales pour l’utilisation des éléments visuels qui définissent l’identité graphique d’une organisation, d’un projet ou d’une entreprise. C’est essentiellement l’ADN de votre identité visuelle, établissant les directives pour l’utilisation de vos éléments graphiques.

Motif de marque

Un motif de marque, ou motif de marque déposée, est une représentation visuelle telle qu’un dessin, une image, un symbole ou un logo, conçue pour symboliser une marque ou un produit. Il est fréquemment enregistré légalement auprès d’une autorité de propriété intellectuelle pour protéger l’identité de la marque contre une utilisation non autorisée. Le motif de marque est essentiel pour distinguer les produits ou services de la marque de ceux de ses concurrents, renforçant ainsi la notoriété de la marque. Il existe divers types de motifs de marque, tels que des motifs verbaux, figuratifs, sonores, multimédias etc…

Vecteur d'Identité

Un vecteur d’identité de marque, dans le domaine du branding et du marketing, désigne un élément spécialement conçu pour représenter et communiquer efficacement l’identité d’une marque. Il englobe des éléments visuels, verbaux ou symboliques tels que le logo, le slogan, les couleurs, les polices, les symboles, les éléments graphiques, la musique et même un personnage(mascotte) de marque. Ces éléments sont minutieusement sélectionnés pour créer une identité de marque cohérente et mémorable, renforçant ainsi la notoriété, la connexion émotionnelle et la distinction de la marque sur le marché. Ils sont essentiels dans la stratégie globale de branding d’une entreprise.

Mascotte

Une mascotte est un personnage amical qui incarne une marque et qui est conçu pour renforcer son image et son identité visuelle. Elle est souvent sous la forme d’un personnage, d’un animal, d’un fruit, ou d’une création imaginaire.

Copywritting

Le copywriting de marque consiste à rédiger un contenu textuel persuasif pour promouvoir une marque, un produit ou un message. Il englobe la création de slogans, d’annonces publicitaires, de messages marketing et de contenus destinés à attirer l’attention du public cible, à transmettre un message clair et à susciter l’action. L’objectif est de créer un contenu qui résonne avec les émotions du public, renforce l’identité de la marque et la démarque de la concurrence. Cette pratique est essentielle pour renforcer la notoriété de la marque, créer une connexion émotionnelle avec les consommateurs et influencer positivement leurs décisions d’achat.

Colorimétrie

La colorimétrie se penche sur l’étude, la mesure et la gestion des couleurs dans divers contextes, tels que l’impression, la photographie, la conception graphique, la mode, et plus encore. Elle repose sur des systèmes de notation, des modèles de couleur, et des instruments de mesure pour décrire et spécifier précisément les couleurs. De plus, elle explore la perception humaine des couleurs, y compris les aspects optiques et psychologiques liés à la vision des couleurs.

Perception

La perception sollicite les cinq sens (l’odorat, la vue, l’ouïe, le goût et le toucher). Elle correspond aux informations et sensations que vous ressentez à un moment donné. Celle-ci peut-être qualifiée d’objective ou de subjective.

Interprétation

L’interprétation consiste en l’action de tenter de comprendre, d’analyser et de donner un sens ou signification à un sujet. 

Graphisme

Plume

La plume est un outil de sélection et/ ou d’édition qui permet de définir des courbes, tracés, contours avec des segments réalisés notamment à l’aide de point d’ancrage.

Codes Colorimétriques

Il existe différents code colorimétriques en web design :

  • CMJN / CMYK
  • RVB / RGB
  • HEXADECIMAL
  • TLS

Illustration

Une illustration est une représentation visuelle (dessin, image, photographie) conçue pour être insérée aux alentours d’un texte, dans le but de le rendre plus clair, d’enrichir les informations fournies et de le rendre plus attrayant.

Image vectorielle

Une image vectorielle, créée à partir d’éléments géométriques, peut être agrandie ou réduite sans altérer sa qualité.

Pictogramme

Un pictogramme, parfois appelé pictographe, est un dessin stylisé et schématique utilisé comme symbole pour communiquer des informations générales. Ces symboles sont couramment employés dans la signalétique, les cartes géographiques, le transport, l’informatique, la sécurité, et l’environnement.

Iconographie

L’iconographie consiste à analyser et à donner un sens aux images, en se concentrant principalement sur les images figuratives ou symboliques qui représentent des sujets, des thèmes ou des concepts spécifiques.

Calques

les calques sont des couches superposées contenant des éléments de dessin ou de peinture, avec chaque couche étant transparente sauf pour les éléments qu’elle contient. Un système de calques permet de superposer différentes couches(calques) à l’instar d’un empilement.

Détourage

Le détourage implique de sélectionner une partie spécifique d’une image, généralement en supprimant l’arrière-plan. Cela permet d’insérer l’image détourée dans un nouveau contexte ou d’ajouter un nouvel arrière-plan dans le cas d’une personnalisation d’un graphisme ou d’une photographie.

Recadrage

Le recadrage, parfois appelé rognage, consiste à éliminer une partie périphérique d’une image pour l’améliorer, ce qui peut inclure un meilleur cadrage, la mise en avant du sujet, la suppression de défauts ou de vignettage.

Espace Négatif

L’espace négatif, ou espace vide, dans un logo est une zone qui interagit de manière significative avec une autre pour renforcer l’impact global. Cet espace permet de communiquer des informations additionnelles ou d’insinuer une seconde interprétation dans l’esprit du spectateur.

Ombre portée

L’ombre portée est la projection de la sihouette de l’objet sur une surface. Son intensité, dépend du contraste entre la source lumineuse et la lumière ambiante ainsi que de la distance entre la source lumineuse et le support sur lequel l’objet est présent.

Filtre(s)

Un filtre est une modification visuelle appliquée à une image, une photo ou un élément graphique pour altérer son apparence de manière spécifique. Ces ajustements peuvent concerner la couleur, le contraste, la luminosité, la texture, la netteté, la saturation, ou inclure des effets artistiques comme des dégradés, des flous, des distorsions, et autres. Les filtres sont couramment utilisés pour améliorer l’aspect visuel d’une image, créer des atmosphères particulières, ou obtenir des effets visuels spécifiques.

Contraste

Le contraste est un principe clé en design et en art, décrivant la distinction perceptible entre deux éléments distincts. Il sert à différencier des objets, attirer l’attention, et susciter un intérêt visuel.

Saturation

La saturation détermine l’intensité, la pureté ou la brillance des couleurs dans une image.

Teinte

La teinte est la couleur de base sur la roue chromatique.

Luminosité

La luminosité correspond à la qualité de ce qui est lumineux, brillant.

Espacement

Il s’agit de l’espace vide présent entre deux sujets.

Fond Uni

Le fond uni est un arrière plan composé d’une couleur uniquement.

Contour

Un contour est une ligne extérieure ou une bordure qui encadre un objet, une forme ou un élément visuel, souvent utilisée pour définir sa forme, le détacher du fond, ou le mettre en évidence. Les contours peuvent varier en couleur, épaisseur, style (solide, pointillé, etc.), et opacité pour créer divers effets visuels. 

Dégradé

Un dégradé est une transition fluide entre une ou plusieurs teintes, généralement utilisée pour créer des arrière-plans visuellement agréables et apaisants. Il offre une apparence plus douce que les couleurs unies et met en valeur votre contenu.

Aplat

Un aplat est une zone de couleur uniforme qui maintient une luminosité et une pureté constantes. Cette couleur est appliquée sur toute la zone, sans variation.

3 Dimensions - (3D)

La 3D, ou trois dimensions, fait référence à la perception de l’espace en termes de largeur, hauteur et profondeur, créant ainsi une sensation de perspective.

2 Dimensions - (2D)

La 2D ou deux dimensions concerne toute forme ou image réalisé de manière plate à partir d’une hauteur et d’une largeur.

Profondeur

La profondeur est une dimension de la 3D qui correspond au troisième axe orthogonal d’un visuel réalisé en trois dimensions. Celle-ci permet d’apporter du relief et de la perspective à visuel.

Texture(s)

La texture peut correspondre à une couleur, une matière apposée. On applique généralement de la texture à un élément pour apporter du réalisme et du relief.

Un Masque d'écrétâge

Un masque d’écrêtage est un groupe de calques où le calque de base en dessous définit les limites visibles de l’ensemble.

Anticrénelage

Anticrénelage (ou antialiasing) est une technique qui permet de réduire la pixellisation des éléments graphiques ou d’un texte sur un écran. Cela permet d’éviter un effet de « Bitmap » d’un visuel ou d’un texte.

Composition

Une composition graphique est la disposition organisée d’éléments visuels pour représenter une idée ou un concept sur une surface ou dans un espace donné.

Angle De Fuite

Le point de fuite est un point imaginaire vers lequel semblent converger les lignes parallèles qui s’éloignent de l’observateur dans une image en perspective ou une photographie.

Un Point d'Ancrage

Les points d’ancrage définissent le contour d’une forme vectorielle et permettent de contrôler ses courbes, ses angles et ses détails.

Bruit de Perlin

C’est un type de dégradé qui implique un bruit utilisé en infographie pour créer des effets naturels, dans les images et les animations, notamment pour simuler des phénomènes comme les nuages, le feu, l’eau et le terrain, ce qui en fait un outil essentiel dans les jeux vidéo, les films et la conception graphique.

Courbe De Bézier

La courbe cubique de Bézier est définie par quatre points qui forment un quadrilatère convexe, appelé coque convexe. Si les points de contrôle se trouvent sur la ligne droite entre le point de départ et le point d’arrivée, la courbe de Bézier apparaît comme une ligne droite.

Animation

L’animation graphique implique de donner vie à des éléments visuels en les mettant en mouvement.

Motion Design

Le motion design est un art visuel qui consiste à créer des œuvres ou compositions audiovisuelles animées.

Morphisme

Le morphisme en graphisme consiste à animer la transformation fluide d’un élément visuel en un autre, créant des transitions visuelles harmonieuses pour des animations et des effets visuels fluides.

Métier

Web Designer

Un web designer est un professionnel chargé de concevoir l’apparence visuelle et l’interface utilisateur d’un site web. Ils sélectionnent les mises en page, les couleurs, les polices, les images et les icônes pour créer une expérience utilisateur attrayante. Les web designers collaborent avec les développeurs pour s’assurer du bon fonctionnement du site. Ils tiennent compte des principes de conception web, de l’accessibilité et des tendances actuelles pour créer des sites web efficaces, et peuvent également travailler sur d’autres produits multimédias liés au site.

Chef de projet

Un chef de projet digital supervise et coordonne des initiatives numériques, y compris la création de sites web, le marketing en ligne, le développement d’applications mobiles, et la publicité sur les médias sociaux. Ils définissent les objectifs, planifient les projets, gèrent les équipes, allouent les ressources, surveillent les délais, assurent la qualité, et communiquent avec les parties prenantes. Leur rôle est crucial pour la réussite des projets numériques, exigeant une solide compréhension des technologies et des tendances digitales, ainsi que des compétences en gestion de projet. Ils collaborent étroitement avec des équipes de conception, de développement, de marketing et de communication pour respecter les délais et les normes de qualité.

Webmaster

Un webmaster est un professionnel responsable de la gestion, de la maintenance et de l’optimisation d’un site web. Ses tâches incluent la mise à jour du contenu, le suivi technique, les mises à jour logicielles, la sécurité, le SEO, et la coordination des activités du site. Le webmaster garantit le bon fonctionnement, la qualité du contenu, la sécurité, et l’accessibilité du site pour les utilisateurs, nécessitant des compétences techniques, rédactionnelles, et de gestion.

Développeur WEB

Un développeur web est un professionnel qui crée, développe et entretient des sites et des applications web en utilisant des langages de programmation, des technologies web et des bases de données. Ils assurent la fonctionnalité, l’interaction et la dynamique des sites, avec des compétences en front-end, back-end ou en développement full-stack. Leur rôle consiste à transformer les besoins des clients en code, résoudre des problèmes techniques, garantir la performance, la sécurité et convivialité des sites, et suivre les dernières technologies web pour assurer le bon fonctionnement des applications en ligne.

Back End - Back Office

Un développeur back-end est un professionnel de la programmation informatique spécialisé dans la création et la gestion de la partie non visible d’une application web ou d’un site web. Ils se concentrent sur les serveurs, les bases de données, les applications et la logique nécessaires au bon fonctionnement de l’application, en gérant les données, les opérations en coulisses et la sécurité.

Front End - Front Office

Un développeur front-end est un expert en programmation qui se concentre sur la création et la gestion de la partie visible d’un site web ou d’une application web. Ils utilisent des langages tels qu’HTML, CSS et JavaScript pour développer l’interface utilisateur, le design, la mise en page et les fonctionnalités accessibles dans un navigateur web. L’objectif est de fournir une expérience utilisateur attrayante et conviviale, en garantissant la compatibilité avec différents navigateurs et appareils. Le développeur front-end veille à ce que le design et la convivialité répondent aux besoins des utilisateurs.

Publication Assistée par Ordinateur - (PAO)

La PAO, ou Publication Assistée par Ordinateur, est l’utilisation de logiciels spécialisés sur un ordinateur pour créer, mettre en page et produire une variété de documents, qu’ils soient destinés à l’impression ou à la publication en ligne. Cela inclut des tâches de conception graphique, de gestion de texte, de typographie, et de mise en page, permettant de produire des supports variés tels que des brochures, des magazines, des sites web, ou d’autres documents visuels et textuels.

Product Owner

Le Product Owner est un chef de projet agile chargé de garantir la satisfaction des clients en supervisant la création d’un produit de haute qualité. Il fait le lien entre l’équipe technique, l’équipe marketing et les clients.

Méthodologie

Brief

Un brief est un document complet qui fournit à un prestataire (agence ou freelance) toutes les informations essentielles pour répondre à un besoin marketing, y compris les objectifs du projet, la stratégie de l’entreprise, et les contraintes de temps et de budget.

Cahier des charges

Le cahier des charges est un document (contractualisable) qui formalise le besoin d’un projet en définissant tous ses aspects (fonctionnels, organisationnels, techniques, juridiques, administratifs, etc.), le rendant ainsi compréhensible pour tous les acteurs impliqués.

Raccourcis Clavier

Un raccourci clavier est une combinaison de touches permettant d’exécuter une commande ou une fonction dans un programme.

Design Thinking

Le Design Thinking est une approche centrée sur l’utilisateur pour résoudre les problèmes et encourager l’innovation. Elle implique la compréhension des besoins des utilisateurs, la génération d’idées, la création de prototypes et des tests itératifs, favorisant l’empathie, la collaboration multidisciplinaire et l’expérimentation pour des solutions efficaces.

Sprint

Un sprint est une période de développement au cours de laquelle plusieurs tâches sont accomplies pour créer un produit final dans un laps de temps généralement inférieur à quatre semaines.

Méthode SCRUM

La méthode Scrum repose sur des sprints, des cycles de travail de deux semaines environ, visant à produire des livrables. Elle appartient à la gestion de projet Agile, cherchant à accroître la productivité des équipes agiles, favorisant l’optimisation du produit grâce à des retours fréquents des utilisateurs.

Les Specs d'un projet

Dans un projet digital, les « Specs » ou spécifications fonctionnelles établissent un document décrivant en détail les fonctionnalités d’un site, d’une application ou d’un logiciel. Elles servent à formaliser les besoins du client et à suivre leur mise en œuvre tout au long du projet.

Méthode Agile

Il s’agit d’une approche de gestion de projet axée sur l’itération et la collaboration continues pour mieux satisfaire les besoins du client. Elle favorise un échange constructif et continu entre un prestataire et son client.

Méthode AIDA(R)

La méthode AIDA est un outil essentiel en marketing et en vente, représenté par l’acronyme Attention, Intérêt, Désir et Action. Celui-ci permet de structurer le contenu pour attirer l’attention de la cible et la conduire à la conversion.

Besoin d'aide ?