UX

DRIBBLE : l’ UX expliqué à un enfant de 5 ans

📌 ARTICLE présentant 8 manières d’expliquer la conception d’expérience utilisateur à un enfant de cinq ans… Le résultat donne des réponses créatives, parfois hilarantes.
Si vous avez déjà essayé d’expliquer l’ UX à quelqu’un qui n’a absolument aucune idée de ce que cela signifie, je pense que vous retrouverez certaines de vos explications.
C’est marrant car ça me rappelle la manière dont je présentais à l’époque mon métier d’ergonome. J’espère que vous apprécierez !
1. C’est comme ça qu’on fabrique des trucs pour que papa ne crie plus à l’écran
2. Tu vois ce trottoir ? Ça s’appelle du design. Tu vois ce raccourci ? Ca c’est de l’UX
3. C’est rendre les applications si faciles que tes grands-parents peuvent les utiliser
4. La conception UX rend les choses difficiles plus faciles à utiliser
5. Les UX designers sont des agents du bonheur …
6. Comment vous sentiriez-vous si vous deviez cliquer 20 fois pour acheter des baies de schtroumpf ? Exactement. C’est pourquoi nous avons des UX designers
7. Tu vois le téléphone de tes parents ? C’est mon travail de le rendre moins confus
8. Je peux à peine l’expliquer à mon père
Si ça vous a plu vous pouvez en consulter 10 autres ici:
https://dribbble.com/stories/2020/07/09/explaining-graphic-design-to-a-kid
#cmondary

Cavazza

Bilan numérique 2010-2020

📌 ARTICLE de @Fredéric Cavazza sur le #bilan numérique de cette dernière décennie. Exercice périlleux mais nécessaire et riche d’enseignement.
L’article s’articule autour de 3 grands axes :
– Les 10 #usages et supports numériques qui existaient déjà en #2010
– Les 20 #tendances ou pratiques numériques qui se sont développées depuis 2010
– Les 10 #préoccupations des marques et organisations pour l’avenir post #2020
Je vous invite vraiment à prendre le temps de lire cet #article (ainsi que les précédents !!) en suivant le lien au haut de cette article.
#cmondary

Score2
| |

UX : Evaluation des compétences

📌 ARTICLE proposant un toolkit assez sympa d’évaluation des compétences des membres de vitre équipe. Le tableau est décomposé en 16 compétences en 4 catégories.
Les scores saisies dans la feuille de travail sont affichés dans une carte de pointage en lecture seule. La carte de pointage présente le score mais également le score minimum estimé pour chacun des postes afin que les individus puissent facilement voir le delta entre leur situation actuelle et celle qu’ils devraient atteindre, puis fixer des objectifs spécifiques pour passer au niveau supérieur.
#skill #cmondary

Dontsay2
|

19 chose à ne pas dire à un UX researcher

📌 ARTICLE sympa, sur un ton décalé des 19 choses à ne pas dire à un UX Researcher : 
1/ « Nous n’avons pas besoin d’un rapport »
2/  « Cette méthode est trop coûteuse et trop longue »
3/ « Utilisons une salle à miroirs sans tain »
4/ « Avez-vous demandé à l’utilisateur ce qu’il aime dans le produit ? »
5/ Faisons des NPS (net promotor score)
6/ « Tout le monde peut lire un script et prendre des notes »
7/ « Je vous montrerai mon design quand il sera terminé »
8/ « Utilisons nos propres employés comme participants »
9/ « On peut juste faire une enquête »
10/ « Organisons plutôt un focus group »
11/ « Avez-vous demandé à l’utilisateur s’il achèterait ce produit / service »
12/ « Les gens ne scroll pas autant, les résultats de recherche ne peuvent pas aider. Mettons le CTA ailleurs ».
13/ « Lire les protocoles de recherche aux participants mot pour mot »
14/ « J’ai pensé que nous pourrions nous rencontrer tous ensemble » – L’utilisateur veut passer l’interview avec ses collègues / amis
15/ « Faisons juste quelques tests d’utilisabilité, pas besoin de recherche »
16/ « Nous ne pouvons rien obtenir de valable en parlant à un si petit nombre de personnes ».
17/ « Il suffira de le tester auprès des utilisateurs à la fin du projet »
18/ « Nous n’avons pas besoin d’un paneliste pour trouver des utilisateurs »
19/ « Nous sommes une startup, nous n’avons pas encore besoin de recherche sur les UX… »
(pour voir l’ensemble des conseils, sur ce qu’il convient dire à la place, je vous invite à lire l’article 😉 )
#UXResearch #cmondary

KPI scaled

KPI et UX design

📌 ARTICLE sur les KPIs dans l’UX design.
Ici l’article fait plutot la promotion de l’usage des KPI sans nécessairement en donner :
– Un KPI est un outil servant a communiquer
– Un KPI est un outil permettant de repérer les problèmes
– Un KPI est un outil permettant de transformer l’abstrait en concret
– Un KPI est un outil permettant de relier les objectifs commerciaux et l’expérience de l’utilisateur
– Un KPI est un outil qui permet d’avoir plus impact.
Je partage tout à fait le point de vue,
Je pense également que l’on peut définir comme grands KPIs, le gain en efficacité opérationnel d’une tache :
– Temps de réalisation,
– Taux de réussite,
– Utilisation navigation prévue VS outil de recherche
– Taux de transformation (et donc taux d’échec / abandon)
– Nombre de clics pour réaliser la tache
– Nombre d’étapes parcourues pour réaliser la tache
– Taux de clic pour chacun des CTA (quels sont ceux inutilisés)
Et vous quels sont vos KPI?
#cmondary

static1
|

GUIDE : From Sketch / Figma to After Affect

📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir.

Wireframes
|

Faster Wireframes

📌 ARTICLE proposant un petit #tips sympa pour créer rapidement des #wireframes de #landing pages. L’astuce est bien évidemment réplicable au delà des landing pages, et je dois avouer m’en être déjà plusieurs fois servi pour obtenir des proportions nikels blocs / textes / espacement, très rapidement.
L’idée est simple mais efficace :
1/ Faites une capture d’écran de vos sites préférés
2/ Reproduisez un wireframe de ces pages, par dessus vos screenshots
#tips #cmondary

Curve

CURVE : Regrouper toutes vos cartes bancaire en une

📌 ARTICLE de #Korben (@manuelDorne) sur ce service de carte bancaire pour le moins original.
En effet CURVE propose de regrouper toutes vos #CartesBancaire derrière une seule et même carte bancaire physique.
Pour passer payer avec une ou l’autre des cartes, il suffit de lancer son #application Curve, de sélectionner la carte, puis de payer. La carte que vous sélectionnez à l’écran sera celle qui sera débiter… simple et pratique.
#Bank #Paiement #cmondary

critics
| |

Design Critics : Comment mieux recevoir les remarques concernant votre travail

📌 ARTICLE super intéressant sur DesignCritics.
Personnellement je plaide pour la confrontation de ses idées, conceptions auprès de ses pairs, tant pour valider / invalider les choix de conception que pour renforcer son argumentaire lors de la présentation de notre travail.
Je pense que le bon format est le Design Critics, lors de Daily Meetings.
Ici l’auteurs quelques conseils avec lesquels je suis en parfait accords, et que je vous liste ici : 
– Demandez un feedback très tôt et régulièrement
– Demandez à être poussé hors de votre zone de confort
– Considérez vos collègues comme vos clients
– Présentez d’abord vos données, argumentez en partant de votre analyse
– Clarifier le « pourquoi » d’une critique, chercher à comprendre les raisons qui amène votre interlocuteur à formuler ce type de feedback.
– Ne prenez rien personnellement (et voyer le gain en qualité de votre proposition, votre argumentaire, votre expertise) 
Je reprendrais également la citation de Elon Musk ici : 
« Rechercher constamment la critique. Une critique bien pensée de ce que vous faites est aussi précieuse que de l’or ».
– Elon Musk

Jenga
|

Que signifie être vraiment « Agile » en tant que designer ?

📌 ARTICLE très intéressant sur l’agilité et l’adaptation du designer au manifeste Agile.
Fonction de la maturité du client mais également des enjeux de communications, les choses ne sont pas toujours simples. Je partage tout de même assez les conseils de l’auteur !
1/ Etablir un vocabulaire commun entre les différentes parties prenantes (communiquer efficacement niveau 1 😉 )
2/ Comprendre puis concevoir en gardant à l’esprit les enjeux business et les contraintes techniques
3/ Concevoir et maintenir des modules réutilisables (voir maintenir un design system)
4/ Délivrer à court terme, mais conserver toujours une vision à long terme
5/ Prendre des décisions stratégiques au bon moment et épauler le ProductOwner (communiquer efficacement niveau 2 😉 )
6/ Éviter d’être (trop) un puriste quant au process
7/ Soyez un coéquipier efficace, mais aussi et surtout un bon négociateur (communiquer efficacement niveau 3 😉 )
#tips #cmondary

Google Chrome Keyboard Shortcuts
|

9 Raccourcis clavier utiles pour CHROME

📌 ARTICLE sur les 9 raccourcis les plus importants sur Google Chrome.
Personnellement ce sont réellement ceux que j’utilise tous les jours.
Spécialement le combo :
1/ ⌘ + L  pour séléctionner la barre d’adresse
2/ ⌘ + C pour copier l’adresse
3/ ⌘ + Shift + N pour ouvrir une page en mode incognito
4/ ⌘ + V pour coller l’adresse
(tout ceci est super pratique si vous souhaitez continuer a lire vos articles medium une fois la limite atteinte 😉 )
1. Nouvelle fenêtre Incognito Mode
Windows: Ctrl + Shift + N
Mac: ⌘ + Shift + N
2. Ré-ouvrir le dernier onglet fermé
Windows: Ctrl + Shift + T
Mac: ⌘ + Shift + T
3. Fermer l’onglet en cours
Windows: Ctrl + W
Mac: ⌘ + W
4. Passer d’un onglet à l’autre
Windows: Ctrl + PgDn (onglet suivant) et Ctrl + PgUp (onglet précédent)
Mac: ⌘ + Option + flèche droite (onglet suivant) et ⌘ + Option + flèche gauche (onglet précédent)
5. Minimiser la fenêtre en cours
Windows: Ctrl + M
Mac: ⌘ + M
6. Ouvrir l’onglet « Téléchargement »
Windows: Ctrl + J
Mac: ⌘ + Option + L
7.  Ouvir l’onglet « Bookmarks Manager »
Windows: Ctrl + B
Mac: ⌘ + Option + B
8. Sélectionner la barre d’adresse
Windows: Ctrl + L
Mac: ⌘ + L
9. Effacer les données de navigation
Windows: Ctrl + Shift + Delete
Mac: ⌘ + Shift + Delete
Pour la liste exhaustive des #shortcuts en français sur la page officielle google, c’est par ici :
https://support.google.com/chrome/answer/157179?hl=fr
#Tips #cmondary

judgment call
|

Design Ethique Toolkit

📌 ARTICLE sur le Design Ethique.
L’autrice qui travaille chez Microsoft part du postulat que l’innovation responsable est la prochaine vague en matière de design.
Elle fait en effet le constat que les technologies d’aujourd’hui sont passionnantes et offrent d’énormes possibilités, mais qu’elles ont également le potentiel de blesser les gens, de saper nos démocraties, et même d’éroder les droits de l’homme – et elles gagnent en complexité, en puissance et en omniprésence.
Microsoft lance donc un ensemble de toolkit basées sur les enseignements tirés du développement des technologies d’IA au sein de Microsoft. Aujourd’hui composé du jeu de cartes « Judgment Call », la modélisation des préjudices et le jury communautaire, Microsoft propose d’y ajouter régulièrement d’autres toolkit !! c’est genial !!