Eraser : co-pilote IA pour la conception technique
| |

Eraser : co-pilote IA pour la conception technique

📌 ERASER est un service ne ligne conçu pour transformer la manière dont les diagrammes et la documentation sont créés et gérés. En mettant l’accent sur la simplicité, la fluidité et la performance, elle redéfinit l’approche traditionnelle des outils de conception.

MANIFEST : Vos post-it en page d’acceuil
| | |

MANIFEST : Vos post-it en page d’acceuil

📌 MANIFEST est un service en ligne conçue pour faciliter la prise de notes directement dans le navigateur. Basée sur un système de grille, il permet de créer, déplacer, redimensionner et supprimer des notes en quelques clics. Ces notes sont sauvegardées localement, assurant leur disponibilité entre les sessions et même hors ligne. Si comme moi, vous êtes entouré de post-its, cela pourrait être votre future page d’accueil.

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.

PAPERCLIP : Une approche hybride de la conception et du codage d’interfaces utilisateur web
|

PAPERCLIP : Une approche hybride de la conception et du codage d’interfaces utilisateur web

https://github.com/paperclip-ui/paperclip 📌 PAPERCLIP propose une approche hybride de la construction d’interfaces utilisateur qui vous permet de concevoir et de coder en parallèle. Il se concentre uniquement sur l’aspect visuel de votre application – juste du HTML, du CSS, que vous pouvez ensuite importer directement dans votre application type VSCODE. PAPERCLIP fonctionne actuellement avec React, d’autres…

SPRITE FUSION : Éditeur de sprite 2D
|

SPRITE FUSION : Éditeur de sprite 2D

📌 SPRITE FUSION est un éditeur de niveau en ligne gratuit, pour vos jeux vidéos classiques en 2D!! Dans le monde du développement de jeux vidéo en 2D, la création de cartes de tuiles est une étape essentielle pour donner vie à vos mondes virtuels. Sprite Fusion se présente comme l’outil idéal pour cette tâche, offrant une solution gratuite, simple et puissante pour concevoir vos niveaux directement dans votre navigateur.

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.

VISILY : Outil de conception assisté par IA
| |

VISILY : Outil de conception assisté par IA

📌 VISILY est un outil de création de maquettes et de prototypes qui utilise l’intelligence artificielle pour transformer rapidement des croquis, des captures d’écran d’applications, des modèles intégrés et bientôt des indications textuelles (prompts) en maquettes et prototypes éditables. J’apprécie particulièrement sa simplicité d’utilisation et ses fonctionnalités d’IA innovantes.

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.

Critères ergonomiques de Nielsen & Molich mais aussi les 8 règles d’or de Shneiderman
|

Critères ergonomiques de Nielsen & Molich mais aussi les 8 règles d’or de Shneiderman

📌 LES CRITERES ERGONOMIQUES CE BASTIEN ET SCAPIN restent mon réferentiel numero 1 en terme de conception. Ils permettent de conserver à l’esprit les exigeances auxquelles mon interface doit répondre ainsi que le niveau d’éxigeance dans le détail de la conception, en ne s’arretant pas au cas nominal !

Ci dessous la traductions de 2 autres grilles de critères heuristiques, plutot connus, mais une petite piqure de rappel ne fait pas de mal 😉

CSS LAYOUT : Bibliothèque de composants et animations CSS

CSS LAYOUT : Bibliothèque de composants et animations CSS

📌 CSS LAYOUT est une librairie de centaines de composants pour les développeurs web qui cherchent à créer des sites web professionnels et visuellement attrayants. La collection comprend un large éventail de composants, tels que des menus de navigation, des boutons, des formulaires et des cartes, tous conçus à l’aide des techniques de mise en page CSS.

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.

MICROSOFT DESIGNER : Créer en un clin d’œil des visuels époustouflants
|

MICROSOFT DESIGNER : Créer en un clin d’œil des visuels époustouflants

📌 MICROSOFT DESIGNER est une application gratuite de conception graphique alimentée par une IA qui vous aide à concevoir des visuels de haute qualité plutôt à destination des réseaux sociaux, des bannières pubs, des plaquettes commerciales, ou encore des postales numériques… MICROSOFT Designer propose en un clic des suggestions de conception pour vos idées et peut même vous aider à créer des images personnalisées avec DALL-E 2.

iterationX
|

Iteration X : annoter et modifier votre produit simplement

📌 ITERATION X est un outil en ligne vous permettant d’annoter et de modifier n’importe quel site ou application web de manière collaborative, directement depuis le navigateur chrome.
Plus besoin de perdre du temps et de l’énergie avec des captures d’écran, des appels vidéo et des e-mails et chats interminables. Améliorez n’importe quelle page et partagez le résultat avec votre équipe en quelques secondes ✌️. Avec ITERATION X collaborez et itérez directement sur votre produit.

FlutterFlow2
| | |

FLUTTER FLOW : outil de conception d’application mobile NoCode

📌 FLUTTER FLOW est un outil de conception d’application mobile NoCode.
La derniere version intègre une nouvelle fonctionnalité géniale !! ✨ Du code généré par l’IA. Vous pouvez décrire (en anglais) ce que vous voulez qu’une fonction personnalisée fasse, et voilà que le code apparaît. 🪄

Quarkly
| |

QUARKLY : Outil de conception NoCode pour la création de sites web et d’applications web.

📌 QUARKLY est un outil de conception NoCode / LowCode qui mixe éditeur graphique, builder de sites web et d’IDE classique. Les développeurs peuvent introduire des composants personnalisés dans le système, les concepteurs de sites web, les gérer visuellement sur le canevas. Et vice-versa !

619380ec5b6f07074a7ffa00 Home 1
| |

BRAVO Studio : convertir vos conception Figma en une application mobile

📌 BRAVO est un outil #NoCode, hyper simple, facile de prise en main pour créer de meilleurs prototypes, voir même des applications légères.
Réalisez vos maquettes sur figma, votre base de donnée sur AirTable ou Google Sheets, et connectez l’ensemble pour un résultat hyper rapide et qualitatif !!

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

Akira
|

AKIRA : Logiciel de conception Libre

📌 AKIRA est un logiciel Linux de conception pour UX Designer.
AKIRA propose une approche moderne et rapide de la conception de l’interface utilisateur rappelant Sketch / Adobe XD. Ce logiciel s’adresse donc principalement aux graphistes et concepteurs Web. L’objectif est d’offrir une solution professionnelle aux concepteurs qui souhaitent utiliser Linux comme système d’exploitation principal.
#cmondary #tools #conception

Penpot
| |

PENPOT : Outil de conception OpenSource

📌 PENPOT est un #outil de #conception et de #prototypage #OpenSource, destinée aux équipes pluridisciplinaires. #CrossPlatform, PENPOT est basé sur le des technologies web, il vous suffit d’utiliser un navigateur moderne et il fonctionne avec un format de fichier ouvert, standard du web : le #SVG.
#cmondary #tools #UX #UI

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

VECTR
|

VECTR : Outil de conception vectoriel

📌 VECTR est un outil de conception vectoriel gratuit et en ligne, mais également avec une version desktop multiplateforme.
VECTR permet la collaboration en temps réel en ligne, simplement en partageant l’URL dédiée à votre projet. Les invités pourrons vous regarder créer et/ou modifier le fichier de conception en direct, que vous soyez dans l’application Web ou dans la version de bureau.
#cmondary #tools #UX #UI

MakeStories4
|

MAKESTORIES : créer facilement des Web Stories

📌 MAKESTORIES est un #outil de #conception de WebStories, avec plus de 75 fonctions et 300 templates disponibles. Vous pourrez exporter et publier les stories que vous construisez avec MakeStories non seulement en tant que #WebStories mais également directement sur Instagram, Facebook, TikTok et WhatsApp !
#Tools #cmondary

Mockitt
|

MOCKITT : outil de conception collaboratif

📌 MOCKITT est un #outil de #prototypage rapide permettant de créer des #prototypes interactifs de manière collaborative, à l’aide de modèles par simple glisser-déposer. 
Sa fonctionnalité de collaboration permet de travailler en équipe sur la même page et de voir les modifications apportées par vos coéquipiers en temps réel.
#Tools #conception #UX #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

Product
| | |

PRODUCT DATABASE : liste de ressources, outils, méthodologies et plugins

📌 PRODUCT DATABASE de UXdatabase est une base de données sur la conception des produits. Cette base de données gratuite et vous permettra de découvrir les meilleurs outils, méthodologies, plugins et ressources pour UX designer / Product Designer.
#Resources #tools #plugins #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

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

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

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.