Field related assignment glossary

20 Designer UI/UX terms

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.
en: Diagramme d'affinités
Hmrayoung, CC BY 4.0 <https://creativecommons.org/licenses/by/4.0>, via Wikimedia Commons
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.
en: 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.
en: appel à l'action (CTA)
Zuko.io Images, CC BY 2.0 <https://creativecommons.org/licenses/by/2.0>, via Wikimedia Commons
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.
en: Tri de cartes
component
noun or adjective
A reusable building block or module in programming that delivers specific functionality.
Example: Registration COMPONENT Possibly the most important function supporting the business, the buying COMPONENT allows users to 'check-out' the items stored in their shopping basket by clicking the 'Proceed to Checkout' button.
en: 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.
en: Système de design
WMF Design Systems Team, CC BY-SA 4.0 <https://creativecommons.org/licenses/by-sa/4.0>, via Wikimedia Commons
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.
en: 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.
en: 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
en: haute fidélité (hi-fi)
integration
noun
Integration is the process of transforming a mock-up or graphic concept into a functional website.
en: 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.
en: 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.
en: Modèle
Architekten Bernhardt + Partner (www.bp-da.de), CC BY 4.0 <https://creativecommons.org/licenses/by/4.0>, via Wikimedia Commons
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.
en: Planche d'ambiance
Dietmar Rabich / Wikimedia Commons / “Dülmen, Kirchspiel, ehem. Munitionslager Visbeck,
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: Both are software programs that require a high level of computing power in order to produce accurate simulations. The discussion in this report considers the benefits and limitations of these tools and contrasts them manual techniques such as wind tunnel testing and PROTOTYPING.
en: 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.
en: Storyboard
Ub Iwerks, Public domain, via Wikimedia Commons
template
noun
Template is a pre-designed pattern, mold, or model used as a guide to create items consistently and efficiently.
Example: The use of a central layout TEMPLATE sitewide, with a single Editable Region for the core content box on each page allows you to easily enter text and add graphics, tables and web objects to the core white content box on each page without the possibility of mistakenly modifying or damaging the page layout or code.
en: 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.
en: 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.
en: 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: The official agreement is available on ISNAR WEBSITE In 2001 and 2002 ISNAR was evaluated by an External Program Management Review (EPMR) team and the results of its evaluation included far reaching of criticism of ISNAR's weak performance in supplying services to stakeholders and the limited impact of its activities compared with the level of investment it demanded.
en: Site web
RubinObs/NOIRLab/SLAC/NSF/DOE/AURA/J. Pinto, CC BY 4.0 <https://creativecommons.org/licenses/by/4.0>, via Wikimedia Commons
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.
en: Maquettes fonctionnelles