Design Thinking 3.0 : Un nouveau paradigme dans la conception de produits et la stratégie d’entreprise

Design Thinking 3.0 : Un nouveau paradigme dans la conception de produits et la stratégie d’entreprise

📌 La réflexion sur la conception et la conception centrée sur l’utilisateur sont depuis longtemps considérées comme les pierres angulaires du développement de produits innovants. Toutefois, dans l’environnement commercial actuel, ces méthodologies ne suffisent pas à elles seules.

MANGANUM : Page d’accueil et barre latérale pour vos meilleurs outils
|

MANGANUM : Page d’accueil et barre latérale pour vos meilleurs outils

📌 MANGANUM est une extension chrome qui intègre une barre latérale avec vos applications de productivité préférées (Gmail, Calendar, Google Drive, Google Keep, Google Task, ChatGPT etc.) à votre navigateur, donc accessible depuis n’importe quel site.
L’extension offre également une nouvelle page d’accueil, plutôt bien réalisée et personnalisable.

Les gens ne lisent pas en ligne, ils scannent. Voici comment écrire pour eux – 9 modèles de balayage oculaire, 10 façons d’adapter le texte pour une lisibilité maximale.

Les gens ne lisent pas en ligne, ils scannent. Voici comment écrire pour eux – 9 modèles de balayage oculaire, 10 façons d’adapter le texte pour une lisibilité maximale.

📌 TRADUCTION d’un article for interessant sur les différentes manières qu’ont les utilisateurs de « scanner » et parcourir vos écrans. Cela me rappelle mes études de psychologie ou l’on parlait beaucoup de la lecture en F ou en T.

DEVONTHINK : Libérez votre génie numérique
|

DEVONTHINK : Libérez votre génie numérique

📌 DEVONTHINK est une application macOS de prise de notes qui a le potentiel de devenir votre cerveau numérique. Elle vous permet de collecter, organiser et éditer des fichiers de tous types, d’annoter et de stocker tous les détails importants. L’application conserve tous vos documents dans des bases de données faciles à sauvegarder et les présente de différentes manières.

GOOGLE CACHE VIEWER : Passez les paywalls de vos sites préférés
|

GOOGLE CACHE VIEWER : Passez les paywalls de vos sites préférés

📌 GOOGLE CACHE est une fonctionnalité de Google qui permet de enregistrer une copie d’une page web. Si comme moi vous cherchez à lire un article d’un site d’informations bloqué par un paywall (comme les articles Medium par exemple), vous pouvez utiliser Google Cache pour lire l’article. Pour ce faire, il suffit de taper l’adresse de l’article sur ce site ou de cliquer sur l’icône de l’extension si dessous 😉

ARTICLE AUDIO : Convertissez instantanément vos articles en fichiers audio de haute qualité.
|

ARTICLE AUDIO : Convertissez instantanément vos articles en fichiers audio de haute qualité.

📌 ARTICLE AUDIO est un outil en ligne qui permet de convertir des articles trouvés sur le web en fichiers audio. L’outil utilise l’intelligence artificielle pour offrir une qualité de voix artificielle supérieure à celle des outils similaires.

ELOQUENT : Prise de note rapide et envoi vers votre second cerveau
| |

ELOQUENT : Prise de note rapide et envoi vers votre second cerveau

📌 ELOQUENT est une extension chrome qui vous permet de capturer et connecter les informations à votre deuxième cerveau. C’est un outil moderne, sous forme de panneau latéral, toujours accessible, pour capturer des notes et des faits saillants n’importe où sur le web.

Totallib 1
|

TOTALLIB : Prise de notes intelligente

📌 TOTALLIB est un outil de prise de notes en ligne, avec une gestion originale des liens. Je trouve le paradigme vraiment intéressant, car il permet d’afficher 2 pages cote à cote et donc de conserver la source possédant le lien à gauche et l’article de destination du lien à droite. Je verrais bien un telle fonctionnalité sur Wikipédia.

DesignPrinciple
|

The Design Principles Workshop

📌 ARTICLE présentant l’organisation d’ateliers de design Thinking sur MIRO.
L’idée est de présenter un processus standard en 5 étapes pour trouver les principes directeurs de votre business. Comment trouver les principes qui comptent réellement pour votre entreprise et qui devraient guider votre équipe ? C’est précisément, ce à quoi tente de répondre cet atelier.
#cmondary

UX IBM
|

UX vs UI en 2020

📌 ARTICLE super intéressant sur ce qu’est l’UI et l’UX.
L’article est composé de la manière suivante :
Qu’est-ce que l’UX ?
– Alors pourquoi le UX est-il si important ?
– UX, UI : quelle est la différence ?
– #UX, c’est la conception de l’expérience utilisateur
– #UI, c’est la conception de l’interface utilisateur
En bref, rien de très neuf, mais j’ai particulièrement bien aimé le « pourquoi est-ce important ? » avec la petite infographie #IBM 😉
Et puis je me dis que peut être est il encore nécessaire de le rappeler en 2020 pour ceux qui ne ferait pas encore bien la différence.
#cmondary

DesignSystem
|

Le design System détruit il le métier d’UX ?

📌 ARTICLE sur la manière qu’a le DesignSystem de changer nos métiers.
En effet, l’autrice présuppose ici qu’une fois que vous aurez un DesignSystem, les emplois commencerons à changer, et vous serez à la recherche de nouvelles compétences CX/UX pour vos candidats.
Parce qu’avec un DesignSystem, n’importe qui peut faire un joli wireframe en utilisant les composants prédéfinis. La tache de conception sera donc une tache d’assemblage, accessible à tout le monde.
Les compétences CX / UX valorisés seront alors plus axés sur la méthodologie et certainement la Recherche, Co-conception et Tests.
#cmondary

NormanPoster
| | |

Usability Heuristics : posters

📌 ARTICLE proposant un petit #toolkit sous forme de poster : les Critères ergonomiques heuristiques d’utilisation pour la conception d’interfaces utilisateur.
Les 10 principes de Jakob #Nielsen pour la conception d’interactions sont appelés « heuristiques » parce qu’il s’agit de règles générales et non de directives spécifiques d’utilisation.
#toolkit #ergonomie #usability #cmondary

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 !!

Calendar
|

7 conseils pour gérer votre temps

📌 ARTICLE sur comment gérer son temps de travail en 7 conseils plutôt smarts 😉
L’auteur propose de mieux gérer son temps afin de retrouver du temps pour le design. Evidemment ces #tips sont valables même si vous n’êtes pas Designer.
Personnellement les conseils 5 et 7 son pour moi ceux qui sont les plus efficaces !!!
1/ Bloquer vous du temps pour designer, directement dans votre #agenda 
2/ N’ayez pas peur de refuser des réunions
3/ Proposer de décaler les réunions à des heures ou jours qui vous conviennent mieux
4/ Respectez votre temps (Exigez un ordre du jour, un objectif et une durée pour vos réunion, et lors des réunions ne perdez pas de temps)
5/ Ne commencez pas la journée avec vos mails ou Slack / Teams / etc !!!
6/ Faire des pauses
7/ Ne choisissez pas la fréquence hebdomadaire par défaut (Privilégier de courtes reunions quotidienne plutôt qu’hebdomadaire, comme un daily stand up meeting 😉 )

Environment centered design
| |

Environment centered design : Actant Mapping Canvas

📌 ARTICLE super intéressant sur ce nouveau cadre de conception appelé : la conception centrée sur l’environnement (Environment centered design) qui se propose de réfléchir une #conception centrée non plus uniquement sur l’utilisateur, mais sur l’ #environnement !!
Sachant que nous dépassons assez habituellement les limites environnementales de la Terre : qu’est-ce qui est en danger pour tous les êtres vivants si nous, les humains, continuons à ne pas tenir compte des besoins, des limites et des préférences de la Terre dans le processus de conception et de fourniture des produits et des services que nous contribuons à construire.
Je trouve le concept et la démarche franchement intéressante, dans l’air du temps et engagée !!
L’article porte sur une première #méthode, un premier #Canvas : Le ACTANT MAPPING CANVAS.
Le #canvas aide à cartographier tous les acteurs humains et non humains (« actants ») d’un produit ou d’un service que vous (re)concevez et – idéalement – vous fait commencer à sympathiser avec eux par le biais d’éléments actionnables dans votre processus décisionnel.

tesler

Loi de TESLER

https://uxdesign.cc/understanding-teslers-law-and-its-implications-to-good-ux-4b8da87d751d
📌 ARTICLE sur la #loi de #TESLER.
« Chaque demande a une complexité irréductible inhérente. La seule question qui se pose est la suivante : qui devra s’en occuper, l’utilisateur, le développeur ou le concepteur ? – Larry Tesler »
#UX #cmondary

sprint 1
|

Workshop de 2h : KickOff Meetings

https://uxdesign.cc/this-2-hour-workshop-is-better-than-your-average-kickoff-meeting-dfaafa2931e4
📌 ARTICLE proposant un #Workshop de 2h pour remplace vos #KickOff Meetings.
En résumé :
1/ Introduction (5min)
2/ Apprendre à connaître l’entreprise, le produit et les utilisateurs (20min)
3/ Que voulez vous réellement ? (10min)
4/ Décrire le processus de conception (10min)
5/ Cartographier la solution existante (30min)
6/ Redéfinir le problème (20min)
7/ Lightning demos (10min)
8/ Synthèse et prochaines étapes (5min)

inbox
| |

INBOXZERO

📌 ARTICLE sur le #INBOXZERO.
J’utilise la méthode depuis de nombreuses années, a tel point que mon outil principal est vraiment ma boite #mail. je m’en sert également comme #Todo-List.
Cependant contrairement à l’auteur de l’article je ne parviens pas à utiliser l’option MULTIPLE INBOX dont je trouve l’expérience utilisateur très mauvaise.

2020skills
|

Compétences d’un UX Designer en 2020

📌 ARTICLE super sympa sur quelles sont les #compétences majeure a possédé pour être un bon #UX Designer en 2020.
Je partage pleinement le point de vue :
1/ Allier les enjeux Business aux besoins utilisateurs
2/ Maitriser les aspects techniques
3/ Etre très attentif à vos soft #skills
4/ Savoir résoudre les problèmes
5/ Concevoir des prototypes interactifs haute-fidélité
6/ Savoir travailler en équipe
7/ Possédez des compétences rédactionnelles (UX Writing)
8/ Concevoir avec éthique et dans le respect de la vie privée

kano

Modèle KANO

📌 ARTICLE assez complet sur le modèle #KANO qui permet de prédire le degré de #satisfaction des utilisateurs fonction des fonctionnalités proposées.
– Classer les fonctionnalités parmi les 5 types ( Fonctionnalités souhaitées, Fonctionnalités requises, Fonctionnalités attrayantes, Fonctionnalités indifférentes, Anti-fonctionnalités) en interrogeants vos utilisateurs avec les « bonnes questions ». – Il ne vous restera plus qu’a calculer vos scores de satisfaction et d’insatisfaction.
Le tout vous permettra d’objectiver par la #statistique vos choix de conception !
#Workshop #UX #cmondary

founder
| |

Arguments sur l’importance de l’ UX

📌 ARTICLE sur les #arguments clés pour #convaincre de l’importance de l’ #UX au coeur de votre Business
Partie 1. Un parcours utilisateur fluide et sans friction
Partie 2. La quête de la performance et de l’amélioration continue
Partie 3. Tirer parti des données utilisateurs
Partie 4. Simplifier
Partie 5. Définir une expérience identitaire : le produit, c’est l’expérience.
Partie 6. Pivoter, revoir la copie from scratch
Partie 7. Prototyper tester, itérer…
Partie 8. Ne pas sous-estimer le temps d’adoption et la courbe d’apprentissage

RemoteDesignSprint
| |

Remote Design Sprint

📌 ARTICLE sur comment mener efficacement un Design Sprint en Remote. Il suffit de suivre le guide… vous ne vous sentirez pas perdu !
S’ il vous venait des besoins complémentaires afin d’être accompagner dans l’organisation de Design Sprint, je vous invite à aller faire un tour sur le nouveau service de mon pote @sylvain dore, MY DESIGN SPRINT : https://www.mydesignsprint.io/
Pour que vos design sprints ne soient plus une source d’inquiétude 😉
#DesignSprint #Tools #UX #cmondary

Empty
|

Empty states

https://jeremiahlam.com/blog/why-empty-states-should-never-be-neglected
📌 ARTICLE sur la nécessité de ne pas négliger le status « vide » de vos écrans qui peuvent « être utilisés pour guider vos utilisateurs sur les actions a réaliser, leur apprendre à connaître votre application ou simplement renforcer l’identité de votre marque. »
#EmptyState #Application #Interface #UX #UI #Tips #cmondary