PEEK APP : Votre consommation OpenAI dans votre barre de menu

PEEK APP : Votre consommation OpenAI dans votre barre de menu

📌 PEEK, l’application de barre de menu ultime conçue spécialement pour surveiller sans effort l’utilisation et les coûts de leur API OpenAI. Dites adieu à l’ouverture et à la fermeture constantes des navigateurs juste pour garder un œil sur votre consommation d’API. Peek est là pour vous faciliter la vie !

v0 : Figma to Code
| | |

v0 : Figma to Code

📌 V0 est une application révolutionnaire pour les développeurs et designers. Annoncée par Vercel il y a quelques mois, V0.dev utilise une technologie similaire à ChatGPT pour générer du code React dédié à l’interface utilisateur. Ce qui le distingue, c’est sa capacité à transformer directement des designs Figma en code React, facilitant ainsi la transition entre conception et développement.

ARTICULATING DESIGN DECISIONS : Comment dialoguer efficacement avec les parties prenantes, préserver votre bien-être mental et offrir la meilleure expérience utilisateur.
|

ARTICULATING DESIGN DECISIONS : Comment dialoguer efficacement avec les parties prenantes, préserver votre bien-être mental et offrir la meilleure expérience utilisateur.

📌 ARTICULATING DESIGN DECISIONS de Tom Greever présente l’importance de la communication dans le design, une compétence trop souvent sous-estimée. Il explique que la différence entre un bon designer et un excellent designer réside non seulement dans leur capacité à résoudre des problèmes avec leurs créations, mais aussi à communiquer efficacement leurs décisions.

CREATIE : Libérez le designer qui sommeille en vous grâce à la magie de l’IA
| | |

CREATIE : Libérez le designer qui sommeille en vous grâce à la magie de l’IA

📌 CREATIE est un outil de conception très intéressant. Premièrement CREATIE est gratuit et permet l’import parfait de fichier FIGMA, SKETCH, XD, AXURE, etc.
Ensuite, les fonctionnalités de CREATIE, alimentées par l’IA, rationalisent votre flux de travail, stimulent votre créativité et vous aident dans votre processus de conception.

CREATIE.AI : La puissance de l’IA au service du design
| |

CREATIE.AI : La puissance de l’IA au service du design

📌 CREATIE révolutionne le design avec l’IA. La promesse de CREATIE est que l’IA doit inspirer et non remplacer. L’IA prend en charge les tâches fastidieuses telles que l’édition d’images, la mise en page et la vérification des lignes directrices de la marque. Vous pouvez ainsi vous concentrer sur la créativité, l’imagination et l’innovation.

Ne pas négliger les questions de fin d’entretien !
|

Ne pas négliger les questions de fin d’entretien !

📌 Les entretiens d’embauche sont des moments cruciaux tant pour les employeurs que pour les candidats. C’est lors de ces échanges que les deux parties tentent de déterminer si elles sont faites l’une pour l’autre. Pour un candidat, poser les bonnes questions est essentiel pour comprendre le rôle, l’entreprise et l’environnement de travail.

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.

SUPERFLOW : Vos commentaires utilisateurs et wireframes directement sur votre site

SUPERFLOW : Vos commentaires utilisateurs et wireframes directement sur votre site

📌 SUPERFLOW est un outil très intéressant en UX pour le recueil des retours utilisateurs et la création de wireframes basse fidélité. C’est un excellent choix pour les équipes de conception qui recherchent une collaboration en temps réel, directement sur le site en production.

CAPTIZE : Vos documents, partout

CAPTIZE : Vos documents, partout

📌 CAPTIZE est un gestionnaire de documents qui vous aide à numériser, à organiser et rechercher vos documents. Disponible sur MacOS et iOS via l’appStore. Ce que j’ai trouvé d’intéressant dans Captize, c’est qu’il permet d’extraire du texte à partir de documents. De plus, il n’est pas nécessaire de créer un compte car il utilise iCloud, ce qui fait de Captize un véritable bijou pour la gestion de documents.

AI CAROUSELS : La façon la plus rapide de créer des carrousels pour vos réseaux sociaux
| |

AI CAROUSELS : La façon la plus rapide de créer des carrousels pour vos réseaux sociaux

📌 AI CAROUSELS est un service en ligne permettant de créer rapidement et simplement des carousels pour vos réseaux sociaux. L’outil est simpl et intuitif pour les non designers et la rédaction du contenu est quand à elle aidée par une IA.

SIGMA OS : Navigateur alternatif

SIGMA OS : Navigateur alternatif

📌 SIGMA OS est un navigateur web alternatif, qui vous permet d’être RAPIDE et FOCUS lorsque vous travaillez sur le web. Il vous permet d’être rapide et concentré lorsque vous travaillez sur le web :
🗂️ Espaces de travail – organisez vos onglets comme une liste de tâches.
✂️ Écran partagé – travaillez sur deux pages à la fois.
🎮 Multijoueur – co-naviguez avec vos coéquipiers et amis.

Storybook2
|

Storybook : Organiser les composants de votre produit

📌 STORYBOOK est un outil open source permettant de construire et organiser des composants et de gérer votre Design System. Il rationalise le développement, les tests et la documentation de l’interface utilisateur et permet de maintenir la cohérence entre les équipes produits en utilisant un endroit centralisé pour stocker tous les composants et la documentation (Storybook).

Panda
|

PANDA — HomePage Design + flux RSS

📌 PANDA est un lecteur de flux RSS, gratuit, simple d’utilisation, au design moderne. Découvrez les meilleurs outils, ressources et inspirations dans le monde du design et de la technologie. C’est une alternative intéressante à MUZLI car il propose par défaut un ensemble de ressources sur le design auxquels vous pouvez ajouter votre propre flux RSS.

Relate
|

RELATE : Outil de conception Design to Code

📌 RELATE est un outil de conception visant à fluidifier les échanges entre designers et développeurs via une application Design to code.
Designer vos écrans comme vous le feriez habituellement sur Sketch ou Figma et obtenez un code HTML / CSS / JS directement exploitable. Pendant que vous concevez, le code est généré en arrière-plan et peut être publié n’importe où. Un véritable gain de temps pour votre équipe !
#cmondary

Spline1
|

SPLINE : Conception 3D

📌 SPLINE est un outil de conception, pour la 3d vous permettant de créer et publier facilement des expériences web en 3D. 
Vous pourrez très simplement utilisez du texte, créer des formes géométriques de base, modifiez des matériaux, importez des modèles 3d et exporter des éléments 3D interactifs facilement intégrable à votre site web pour une manipulation 3d en temps réel.
#cmondary

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

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

Antetype
|

Antetype : outil de prototypage

📌 ANTETYPE est un outil de prototypage intéressant.
Son interface est assez proche de celle de #Sketch (qui ne l’est pas aujourd’hui ..?) et donc simple d’appréhension. ANTETYPE est basé sur la technologie Web, et utilise un principe de #flexbox comme en #CSS3, donc un peu plus éloigné des outils de #design traditionnels, mais je pense que cela va dans le bon sens car permet de réduire l’écart avec les développeurs.
L’outil est gratuit et ça aussi c’est cool
#cmondary #tools

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

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

SHAPE
|

SHAPE : icons library

📌 SHAPE est une librairie d’icônes paramétrables proposant 28000+ assets très bien réalisés et donc, configurables.
J’ai vu pas mal d’articles et de partage sur cette #librairie, qui a certes un design très soignée, reprend en partie les codes du #Neumorphism , mais qui me semble tout de même limitée …
La version gratuite propose l’export en #PNG uniquement
Et la version payante le #SVG et le #PDF, mais pour un prix de 60$/an … On peut donc se demande s’il n’est pas préférable d’investir dans le NOUN PROJECT : 40$/an ou encore FLATICON (80€/an) qui proposent tout deux plus de 3 Millions d’icones chacun, avec plus de format d’export et des applications et plugins pour tout un tas de logiciel (#Adobe, #Office , #Sketch, #Figma, …)
Qu’en pensez vous ?
#Ressources #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

PORY
| |

PORY : Airtable to Website

📌 PORY est un service en ligne permettant de créer un site web à partir de vos données #AIRTABLE.
On a déjà croisé plusieurs service similaires pour Google #SHEETS.
C’est donc un outil #Nocode pour la création de sites et d’applications web utilisant Airtable. 
Plusieurs modèles sont proposés, reprenant le design de sites web populaires, comme :
1. Un modèle comme #ProductHunt pour la création de sites de découverte.
2. Un modèle comme #Indeed pour la création de sites d’emploi.
3. Un modèle comme #Fiverr pour offrir des services.
4. Un modèle comme #Instagram pour le partage d’images.
5. Un modèle tel que #Meetup pour partager des événements.
6. Un modèle tel que #LinkedIn pour la mise en réseau.
#Tools #cmondary

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

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.

WhiteSpaces

WhiteSpaces : Prise de note

📌 WHITESPACES est un outil d’écriture de #scénario online. Avec un design épuré, ce outil de prise de #notes vous permettra de vous concentrer au mieux, sans distraction.
Ses principales fonctionnalités sont : la catégorisation par projet, l’analyse, la sélection de scènes, l’exportation en #PDF et le mode nuit.
#Tools #Redaction #cmondary