WEBDESIGN/ THEORY.

studied byStudied by 0 people
0.0(0)
learn
LearnA personalized and smart learning plan
exam
Practice TestTake a test on your terms and definitions
spaced repetition
Spaced RepetitionScientifically backed study method
heart puzzle
Matching GameHow quick can you match all your cards?
flashcards
FlashcardsStudy terms and definitions

1 / 61

flashcard set

Earn XP

Description and Tags

62 Terms

1

Qu'est-ce que l'UX en design ?

réponds aux besoins et attentes de l'utilisateur, en améliorant son expérience sur un site ou une application.

New cards
2

Quelle est la mission de l'UI designer ?

c’est de rendre l'interaction avec un produit visuellement attrayante, intuitive et agréable.

New cards
3

Comment l'UX influence l'UI ?

→ en fournissant des informations sur ce que recherchent les utilisateurs et comment ils interagissent.

New cards
4

Pourquoi est-il important d'avoir une bonne UX dans une application e-commerce ?

→ assure un processus de paiement fluide et une expérience utilisateur positive, ce qui réduit le taux d'abandon des paniers.

New cards
5

Quels sont quelques indicateurs pour mesurer le succès d'une UX ?

  1. Taux de conversion

  2. Taux de rétention,

  3. Taux d'abandon,

  4. Temps passé sur le site/app,

  5. Satisfaction de l'user,

  6. Taux d’utilisation des fonctionnalités,

  7. Temps de chargement et de réponse,

  8. Analyse des flux users,

  9. Comparaisons avec la concurrence,

  10. Tests users.

New cards
6

Quel est le rôle d'un UX Researcher ?

Il mène des études pour comprendre les besoins et comportements des utilisateurs.

New cards
7

Donnez des exemples d'entreprises qui excellent en matière d'UX/UI.

Airbnb et Netflix sont des exemples, avec leur interface intuitive et leur expérience utilisateur fluide.

New cards
8

Quelle est l'importance de l'ergonomie dans l'UX ?

L'ergonomie vise à rendre l'utilisation d'un produit pratique, accessible, utile et facile à comprendre pour l’utilisateur.

New cards
9

Que doit-on prendre en compte lors de la conception d'une interface utilisateur ?

→ l'identité graphique de la marque et la logique de navigation pour une expérience fluide.

New cards
10

Qu'est-ce que le taux de rétention ?

c’est le pourcentage d'utilisateurs qui continuent à utiliser un produit 3 mois après l'avoir découvert. (Ex. Facebook (98%), WhatsApp (77%),…

New cards
11

Charte graphique ?

c’est tous les éléments qu’on va retrouver dans le design d’un projet.

New cards
12

L’UX ?

User eXpérience c’est se mettre à la place de la cible, améliorer la fidélité, rendre son intéraction positive, comprendre les besoins et les attentes de notre cible.

New cards
13

Qu’est ce qu’il faut rendre le + fluide possible ?

le parcours client.

New cards
14

UI ?

User Interface. (Boutons, icônes, menus, couleurs, polices)
→ rend l’interaction avec un produit visuellement attrayante, intuitive et agréable.

New cards
15

UX & UI ?

centrés sur l’user. Quand on en crée, il faut absolument se mettre à la place des users.

New cards
16

Analyse des flux user ?

c’est analyser tout le parcours que les users font pour arriver sur le site.
(Ils ne viennent pas tous par la 1re page, il peuvent arriver directement sur la 5eme par ex.)

New cards
17

Wireframes ?

c’est les prototypes de la template du site.
-> utile pour tester la mise en page sur le site.

New cards
18

Quels sont les 4 rôles principaux de l’UX ?

1. UX designer
2. UI designer
3. UX Researcher
4. UX Writer
( 5. Développeur Front-end : ils s’assurent que l’interface user est fonctionnelle, réactive et conforme aux normes web.
6. Développeur Back-end : assure la stabilité et les performances des apps. → leur travail peut avoir un impact significatif sur l’UX user. )

New cards
19

UX Designer ?

→ généraliste qui couvre l’ensemble du processus UX
→ responsable de :
- User personas
- Wireframes
- Cartes de parcours user
- Rapport de test user

New cards
20

UI Designer ?

→ crée des designs au pixel près en ligne avec le reste du produitc’est celui qui va chapeauter l’ensemble du projet. → conçevoit des interfaces efficaces, intuitifs
→ responsable de :
- Bibliothèque d’icônes
- Branding
- Charte graphique
- se concentre sur les visuels de l’app/site

New cards
21

UX Researcher ?

→ il récolte le + de données possible pour pouvoir avoir les données réelles des users.
responsable de :
- User stories
- Personas
- Carte de parcours User
- Rapports d’utilisabilité

New cards
22

UX Writer ?

→ responsable de la création de textes, images. il adapte son texte en fonction de la catégorie des users. (→ tranche d’âges, localisation, habitudes,…)
responsable de :
- Création de récit (ton et voix)
- Editorial guidelines

New cards
23

Design system ?

→ procédé qui englobe tous les éléments concernant le point de contact entres les acteurs du développement d’un produit.

New cards
24

Objectif design system ?

→ réunis tous les éléments graphiques, visuels, liés aux règles de branding dans un seul et même système standardisé.

New cards
25

Le design system est utilisé pourquoi ?

→ pour faire en sorte que toute l’équipe de conception d’un produit soit alignée dès les départ avec un design system qui se met à jour en temps réel. → cohérence d’UI et UX respectée

New cards
26

Avantage design system?

  1. Collaboration simplifiée

  2. Meilleure exp. User et de collaboration

  3. Composants UI évolutifs, responsies et réutilisables

  4. Gain de temps

  5. Meilleure communication

New cards
27

Design system inconvénient ?

→ il n’a pas sa place pour les petits projets. Car dans ces projets, il n’y a pas d’équipe et donc ça fera perdre du temps.

New cards
28

L’UX n’est pas … ?

du développement Web ou informatique.

New cards
29

UX & UI, rôle crucial dans la réussite des entreprises en ligne ?

  1. Attirer et retenir les users

  2. Faciliter la naviguation

  3. Optimiser la conversion

  4. Différenciation concurrentielle

  5. Améliorer la crédibilité et la confiance

  6. Analyse et amélioration continues

New cards
30

typographie ?

élément important qui habille le site et donne info sur le texte

New cards
31

tips typo ?

commencer par sélectionner corps du texte (lisibilité du body) => pieds police = empattement (d’origine  =>  avec ou sans empattement

New cards
32

But typo ?

→ hiérarchiser info pour avoir un gain de temps au quotidien (consommation totalement différente entre avant car on est bombardé d’info) = animer texte pour rendre facile d’accès et agréable à lire

New cards
33

Pouvons nous utiliser 2 colonnes sur un site web avec petit texte et qu’il tient sur le même écran ?

Oui

New cards
34

choisir une police avec au moins … ?

4 styles ( light, médium, bold, black,…) permet de hiérarchiser le texte , contenu

New cards
35

60 caractères ?

→ nbr parfait pour la longueur d’une ligne

New cards
36

prototype ?

esquisses du prochain site web

New cards
37

but prototype ?

→ encourager les idées, obtenir feedbacks, réduire les risques, anticiper réactions réelles) : esquisses ou on peut aller très loin

New cards
38

wareframe ?

→ projet numérique → simulation du sites avec des scénarios

New cards
39

couleurs utilisées site ?

Rvb

New cards
40

Est ce que tout doit être mobile-first ?

→ Non, pas besoin qu’un site soit nécessairement mobile-first.

New cards
41

Est ce que tout doit être accessible depuis la homepage ?

→ Non, tout ne doit pas être nécessairement être accessible depuis la Homepage.

New cards
42

Est ce que l’ux designer est le nouveau webmaster du 21eme siècle?

→ Non, l’UX designer n’est pas le nouveau webmaster du 21eme siècle.

New cards
43

Pour être simple, le design doit être minimaliste ?

→ Non, pour être simple, le design ne doit pas être minimaliste.

New cards
44

Pour plaire à un user, il faut absolument que le design soit original ?

→ Non, pour plaire à un user, il ne faut pas un design original.

New cards
45

Est ce qu’il faut absolument rencontrer les users ?

→ il n’est pas nécessaire de rencontrer des users, nous sommes comme eux

New cards
46

L’UX designer doit rendre un site intuitif ?

→ Non, l’UX designer ne doit pas rendre mon site intuitif, c’est l’accompagnement de l’utilisateur pour qu’il puisse parcourir un site de la meilleure façon possible!

New cards
47

Pouvons nous utiliser 2 colonnes sur 1 site web ?

Non, car confort utilisateur et lecture pas conseillé.

New cards
48

Choisir une police avec au moins … ?

4 styles : light, médium, bold, black

New cards
49

60 caractères ?

nombre parfait pour la longueur d’une ligne

New cards
50

Pour imprimer couleurs ?

cmjn

New cards
51

Modèle en F ?

Facilite l'organisation des éléments → aide à créer une hiérarchie visuelle et une disposition cohérente.

New cards
52

Modèle en Z ?

Guide le regard du lecteur en suivant un chemin en forme de Z, favorisant ainsi une lecture fluide et efficace. Améliore la navigation

New cards
53

Taux de conversion ?

nbre d’users ayant interagi avec le produit et qui ont réalisé l’action souhaitée

New cards
54

Influences du design web ?

Inspiration du Bauhaus : minimalisme, simplicité, centrage sur l’humain, fusion art-industrie.

Importance de mettre l’utilisateur au centre, comme dans l’UX design.

New cards
55

UI & UX ?

Une bonne UI attire, mais une UX bien pensée retient l’utilisateur.

New cards
56

Méthodes recherche utilisateur ?

Évaluation heuristique, personas, cartes de parcours utilisateur

New cards
57

Il est important d’intégrer … ?

la recherche tout au long du processus de conception

New cards
58

Responsive Design ?

Conception adaptative pour différents écrans (mobile, tablette, desktop).

→ Flexibilité, hiérarchie des contenus, approche “mobile first”.

Défis : gestion des grilles, breakpoints, et interactions spécifiques aux appareils.

New cards
59

Typographie ?

Ne pas dépasser deux polices, équilibre des espaces, éviter le texte justifié. → modèles de lecture : modèle F pour les contenus textuels, modèle Z pour les contenus dispersés. → importance des tailles et unités (pixels, rems).

New cards
60

avantages d’un design system ?

Collaboration simplifiée, meilleure UX/UI, composants réutilisables, gain de temps.

New cards
61

Typographie sur écran ?

Utiliser une ou deux polices max, espacement équilibré, éviter le texte justifié.

New cards
62

Etapes principales d’une recherche utilisateur ?

Collecte de données, identification des catégories, création de personas et cartes de parcours.

New cards
robot