WEBDESIGN/ THEORY.

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.

Quelle est la mission de l'UI designer ?

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

Comment l'UX influence l'UI ?

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

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.

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.

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

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

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.

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.

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.

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%),…

Charte graphique ?

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

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.

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

le parcours client.

UI ?

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

UX & UI ?

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

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.)

Wireframes ?

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

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. )

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

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

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é

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

Design system ?

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

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é.

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

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

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.

L’UX n’est pas … ?

du développement Web ou informatique.

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

typographie ?

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

tips typo ?

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

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

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

Oui

choisir une police avec au moins … ?

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

60 caractères ?

→ nbr parfait pour la longueur d’une ligne

prototype ?

esquisses du prochain site web

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

wareframe ?

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

couleurs utilisées site ?

Rvb

Est ce que tout doit être mobile-first ?

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

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

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

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.

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

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

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

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

Est ce qu’il faut absolument rencontrer les users ?

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

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!

Pouvons nous utiliser 2 colonnes sur 1 site web ?

Non, car confort utilisateur et lecture pas conseillé.

Choisir une police avec au moins … ?

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

60 caractères ?

nombre parfait pour la longueur d’une ligne

Pour imprimer couleurs ?

cmjn

Modèle en F ?

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

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

Taux de conversion ?

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

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.

UI & UX ?

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

Méthodes recherche utilisateur ?

Évaluation heuristique, personas, cartes de parcours utilisateur

Il est important d’intégrer … ?

la recherche tout au long du processus de conception

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.

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).

avantages d’un design system ?

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

Typographie sur écran ?

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

Etapes principales d’une recherche utilisateur ?

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