If you're interested in mixing technology and art, this is your page. In this field, vocabulary can sometimes be hard and this glossary is here to help you understand difficult word. Here are 20 terms related to every website, with images, translations to French, and pronunciation models.
affinity diagram
noun
In UX design, affinity diagrams are a method used to synthesize qualitative data. For example, when conducting user interviews, this method allows us to easily summarize and categorize the feedback from interviewees.
Example: Our team built an affinity diagram to organize all of our brainstorming notes into clear themes.
fr: Diagramme d'affinités
audit
noun or verb
An audit is an evaluation of the user interface of an existing website or application. Based on various criteria such as architecture, user journey, color choices, and icon design, we can assess the different functionalities and provide recommendations.
Example: The environmental audit revealed several areas for improvement.
fr: Audit
call to action (CTA)
noun
This clickable element, which appears mainly in the form of buttons, aims to encourage the user to perform a specific action such as “Apply”, “Add to cart” etc.
Example: You got to press "send" to send the email.
fr: appel à l'action (CTA)
card sorting
noun
Card sorting is a methodology used in UX design that allows designers to structure information. It is primarily used to define the information architecture and navigation of a website, web application, or mobile application.
Example: The design teams used card sorting to understand how users naturally group website features into categories.
fr: Tri de cartes
component
noun or adjective
A reusable building block or module in programming that delivers specific functionality.
Example: When creating a website, the navigation menu and the footer are essential components of the user interface.
fr: composante
design system
noun
In UI Design, the Design System brings together all the elements of the graphic and ergonomic guidelines. It comprises all the components and styles (typography, colors, buttons, cards, illustrations, etc.) intended for the design of the product or service in question.
Example: Our team was able to ship the new feature in half the time because we used our design system to pull pre-built buttons and layouts straight into the code.
fr: Système de design
desirability testing
noun
Desirability Testing is a method that allows designers to evaluate what users think about the visual appeal and aesthetics of a product.
Example: Our team plans to run desirability testing on the new landing page before we write any code.
fr: Tests de désirabilité
figma
noun
Figma is a web-based, collaborative digital design and prototyping tool used to create user interfaces (UI) and user experiences (UX) for websites and mobile apps.
Example: I used Figma to design the interactive components and the high-fidelity prototype for our future mobile app.
fr: Figma
high fidelity(hi-fi)
noun or adjective
The Hi-Fi prototypes are the final prototypes, pixel-perfect representations of what will be developed during the integration phase, with the graphic identity applied to the validated architecture. This deliverable is the final stage of the design process and includes a style sheet, a design system, and all the necessary handover instructions for the developers
Example: There are a number of people who expect sorts of higher fidelity Kickstarter pages and things like that.
fr: haute fidélité (hi-fi)
integration
noun
Integration is the process of transforming a mock-up or graphic concept into a functional website.
Example: Once the high-fidelity mock-ups have been approved by the client, the team moves on to integration to make the interface responsive and accessible across all browsers.
fr: intégration
low fidelity(lo-fi)
noun or adjective
This stage, a very basic prototype, essentially serves to lay the groundwork for a rough design. It can be a freehand sketch created in a collaborative design workshop, or a quick mock up designed using Figma.
Example: At the start of the project, we create low-fidelity paper prototypes to quickly test the menu layout with users without wasting time on graphic design.
fr: basse fidélité (lo-fi)
model
noun
A model is a prototype of a user interface. Its purpose is to represent the essential visual elements in a very simplified way.
Example: We've developed a computer model of the economy to predict what will happen in the future.
fr: Modèle
moodboard
noun
A mood board is a visual collage of images, colors, textures, and text used to convey the style, theme, or general feel of a project.
Example: Make a mood board of your wealthiest self.
fr: Planche d'ambiance
prototyping
noun
Prototyping is the process of building an early, working model or mock-up of a product to test ideas, find flaws, and gather feedback before making the final version.
Example: The discussion in this report considers the benefits and limitations of these tools and contrasts them manual techniques such as prototyping.
fr: Prototypage
storyboard
noun
A storyboard is a visual planner that uses a sequence of panels or drawings to map out how a video, animation, or narrative will unfold shot by shot.
Example: We were involved with the story from the get-go with storyboards.
fr: Storyboard
template
noun
Template is a pre-designed pattern, mold, or model used as a guide to create items consistently and efficiently.
Example: To speed up the production of our blog posts, we created a reusable template that ensures visual consistency across every publication.
fr: Modèle
UI designer
noun
A UI (User Interface) designer is a tech professional who creates the visual and interactive elements of websites, apps, and digital devices.
Example: We hired a UI designer to modernize our application's visual style and create more intuitive icons.
fr: Concepteur d'interface utilisateur
UX designer
noun
A UX (User Experience) designer is a professional who makes digital products like websites and apps easy, logical, and enjoyable for people to use.
Example: The UX designer conducted a series of interviews with customers to understand why many of them were abandoning their shopping carts before paying.
fr: Concepteur UX
website
noun
A website is a collection of interconnected web pages grouped under a single domain name and accessible via the internet.
Example: Our team has just finalized the integration of the company's new website, ensuring seamless navigation on both mobile phones and computers.
fr: Site web
wireframes
noun or verb
A wireframe is a basic visual blueprint or skeleton of a website, mobile app, or 3D digital model that outlines structure, layout, and functionality without colors, fonts, or images.
Example: A visual guide could be a wire frame, creative composition or information architecture.
