BLOCS : Conception de site web NoCode
📌 BLOCS est un logiciel de #conception de sites Web #Nocode, rapide, intuitif et puissant, qui vous permet de créer des sites Web responsive.
#cmondary #tools #UX #UI
-
-
NocoDB : alternative opensource à Airtable
📌 NOCODB est une alternative #gratuite et #OpenSource à Airtable.
Il transforme vos bases de données relationnelles telles que MySQL, PostgreSQL, Microsoft SQL Server, SQLite, Amazon Aurora et MariaDB, en une feuille de calcul intelligente.
#cmondary #tools #Spreadsheet #database -
FLUTTER FLOW : Application Flutter avec un éditeur NoCode
📌 FLUTTER FLOW est un #outil #Flutter #NoCode pour construire des #applications multiplateformes sans code.
#cmondary #tools -
APPGYVER : outil de conception NoCode
📌 APPGYVER est un outil #NoCode qui vous permet de créer des #applications pour tous les terminaux, y compris les mobiles, les ordinateurs de bureau, les navigateurs, les téléviseurs et autres.
#cmondary -
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 -
MOCKFLOW
📌 MOCKFLOW est un #outil de #conception rapide, et ne demandant aucune compétence en #design. C’est un moyen rapide de trouver des idées pour vos interfaces utilisateurs avec des équipes de non designers.
#cmondary -
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 : 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 -
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 : 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 -
STUDIO : outil de conception collaboratif
📌 STUDIO est un outil de conception « unifié ». Dans les équipes, il y a des applications de conception, des éditeurs de code, des outils de prototypage, des tickets, des guides de style, STUDIO propose un seul outil collaboratif pour l’ensemble.
#Tools #UX #UI #cmondary -
SWIPE PAGE : Creation de Langing Pages facile
📌 SWIPE PAGES un outil de création de landing page NoCode.
-
Handoff – conception + code
📌 HANDOFF est un nouvel outil de conception qui vous permettra de faire vos créa’ comme vous le feriez avec n’importe quel outil vectoriel traditionnel, Sketch, XD, etc, mais il vous permettra d’exporter vers un code « propre », prêt à l’emploi pour la production.
#tools #cmondary -
✏️ Conception | 🗞 Article | 🛠 Tools | 🧩 Tips
UX tools ultime ?
📌 ARTICLE intéressant sur l’outil de prototypage ultime, et l’ensemble des fonctionnalités qu’il doit posséder.
#cmondary -
MOTION DESIGN : petit guide
📌 ARTICLE sur les bonnes pratiques concernant le motion design. En effet les micro interactions permettent de sensiblement améliorer l’utilisabilité des produits numériques, mais encore faut il qu’elles correctement réalisées.
L’article propose 12 Principes de conception -
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 -
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 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 -
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 -
LEXIQUE du designer
📌 ARTICLE sur le lexique du Designer
On ne s’en pas toujours compte en travaillant tous les jours dans le domaine mais c’est assez fournis !
Et vous, en voyez vous des manquants ?
#cmondary -
LISTT : Annuaire des APIs
📌 LISTT est un annuaire d’APIs.
En ce moment je m’essaye pas mal à l’utilisation des APIs via #IMPORTJSON et #SHEETS
Si vous cherchez donc une #API pour la conception de votre #outil / #service, vous trouverez peut – être votre bonheur ici.
Merci @Nicolas Langin pour le partage 😉
#cmondary -
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 -
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 -
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 : 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. -
Les Clichés UX
📌 ARTICLE super sympa sur les clichés UX.
J’adore ce genre de petite lecture légère, car cela permet de se positionner par rapport au cliché… De plus j’aime beaucoup cet article car le temps est volontairement très décalé !
#UX #Cmondary -
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) -
GLIDE : no code
📌 GLIDE est un service #NoCode basé sur google sheet.
-
LEARN UX : cours vidéos gratuit sur l’ UX
📌 LEARN UX est un site proposant des #cours vidéos gratuit sur l’ #UX. C’est génial !!! Partant des basiques du #DesignThinking, en passant par la conception, le prototypage, etc
-
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 -
Test utilisateurs : Le guide
📌 ARTICLE vraiment très complet sur les tests utilisateurs.
-
Ateliers de co-conception et workshops
📌 ARTICLE rappelant les fondamentaux concernant la tenue des ateliers de co-conception et autres workshops.
-
Méthode en 5 étapes : des interviews à la conception.
📌 ARTICLE proposant une méthode en 5 étapes pour passer de vos interviews utilisateur à la conception. Assez classique, mais nécessaire pour construire un USER JOURNEY MAP
-
Storytelling UX
📌 ARTICLE très intéressant sur l’importance du storytelling en UX. « Raconter une histoire est sans aucun doute un outil puissant lorsque nous pensons à communiquer nos idées et nos solutions de conception. »
-
UX APP – Wireframing d’equipe
📌 UX APP est un nouvel outil de conception que je n’ai pas encore essayé, mais pour 90€/mois pour 15 utilisateurs, il me semblait intéressant d’en parler.
-
10 erreurs communes en UX
📌 ARTICLE intéressant sur 10 erreurs assez communes à éviter lors de la conception d’une interface.
-
GESTALT PRINCIPLES – Reminders
📌 ARTICLE très intéressant sur la manière dont appliquer les principes de la GESTALT dans SKETCH.
-
MOBILE ERROR UI KIT
📌 MOBILE ERROR UI KIT est un petit kit .PSD d’écran d’erreur très bien réalisés et contextualisés. La gestion des erreurs est trop souvent négligée lors de la conception !
-
Famous.co
📌 Aujourd’hui j’ai reçu mon accès Beta à l’application FAMOUS
-
Creating custom dashboards for cx data
📌 Article très intéressant regroupant un ensemble de bonnes pratiques sur les usages de Sketch et Invision!
-
STUDIO V2 : outil de conception
📌 STUDIO sort une version 2, et propose maintenant une offre payante. L’offre gratuite rester intéressante et propose même quelques évolutions :
-
Annotations : Sketch Plugin
📌 ANNOTATIONS est un plugin pour sketch permettant d’afficher et de masquer des notes que vous auriez pu saisir afin d’expliquer vos choix de conception. C’est très pratique et devrait être intégré en natif sur sketch, ce serait vraiment bien
-
Userbit App
📌 USERBIT est un service en beta très prometteur. Il va vous permettre de gérer vos interview, ainsi que leur restitution, et vous assister dans la conception de Personas ainsi que d’un Sitemap.
-
6 best practices for dashboard
Article intéressant sur les différents types de DASHBOARDS et les bonnes pratiques concernant leur conception.
-
Guide de survie pour ux designer en entreprise
📌 ARTICLE pragmatique sur l’incorporation des utilisateurs finaux au sein du cycle de conception centré utilisateur. Je recommande !
-
VISBUG : Chrome extension
📌 GOOGLE mets à disposition une extension chrome nommé VISBUG permettant d’éditer une page web directement dans son navigateur, le tout en Wysiwyg et drag and drop. Outil principalement à destination des développeurs il sera utile pour remplacer FIREBUG ou encore VISUAL INSPECTOR de canvasflip.
-
Création de composants réactifs pour votre système de conception : Menus déroulants
📌 Article assez sympa sur l’usage du responsive design grâce à Sketch. L’exemple est ici centré sur la création d’une liste déroulante, mais le principe peut être appliqué plus généralement.
-
Ux.perfectial.com
📌 DESIGN PROCESS est un super site proposé par @Perfectial qui explique de manière simple et illustrée les différentes étapes du process de conception. J’adore !! Merci Nicolas Langin pour le lien 😉
-
The Value of Design
📌 Très bonne analyse ! De plus j’aime beaucoup cette représentation.
Pourquoi vous devez intégrer le design comme levier de réflexion stratégique, contributeur de valeur dans votre business ? -
When to use user flows
📌 Article très intéressant sur les USER FLOWS.
-
Famous : outil de conception prometteur
📌 FAMOUS est un outil très prometteur se proposant de prendre le relais de Sketch, Photoshop et AdobeXD
-
MODULZ : nouvel outil de conception
📌 MODULZ est une future application proposant de faire de la conception non plus via des outils vectoriels mais grace à des composants interactifs, en React
-
Compétences que de doit posséder un bon UX designer
📌 Très bon article sur les compétences que de doit posséder un bon UX designer. Je partage à 100% le propos !
-
-
La méthode du TOFU : un système de conception flexible pour améliorer la livraison des produits
📌 la METHODE TOFU est un méthode qui se propose de structurer vos éléments de design system sous une certaine forme, assez interessante et qui me semble fonctionner dans bien des cas. Elle n’est pas sans rappeler l’ATOMIC DESIGN, mais en propose ici une version plus rapidement applicable selon moi. Et vous qu’en pensez vous?
-
Framer
📌 FRAMER X est sortie et s’annonce vraiment être un outil de référence pour la conception mobile. La barrière entre Design et Code s’amenuise toujours un peu plus et ça fait plaisir.
-
French UX #5
📌 French UX #5 aura lieu le mardi 17.07.2018
-
ALVA : outil de conception sympa
📌 En ce moment je test GOOGLE APP MAKER. Cherchant un outil similaire, j’ai découvert ALVA
-
FOCUS : sketch productivityplugin
📌 FOCUS est un plugin Sketch assez complet proposant de booster votre productivité.
-
8 tips de conception pour le mode Offline
📌 Article vraiment sympa sur comment designer le mode OFFLINE d’une application.
-
Hadron : outil de conception design + code
📌 Parce que la frontière entre design et code se fait toujours de plus en plus mince, HADRON est une future application qui semble être prometteuse.
-
Creating user friendly forms
📌 Un article de plus sur les bonnes et mauvaises pratiques lors de la conception d’un formulaire. J’aime bien ce genre d’article, bien illustré, qui permet de communiquer simplement sur ce qu’il ne faut pas faire 😉
-
Phase : outil de conception
📌 PHASE est un futur outil de design et prototypage qui semble avoir du potentiel.
-
WEBFLOW : outil de conception complet
📌 WEBFLOW permet maintenant de créer des animations en reprenant un peu le concept de l’inspector de KEYNOTE.
-
Invision Studio : Outil de conception Invision !!!
📌 INVISION vient d’annoncer la sortie de son clone de Sketch/Adobe XD pour janvier 2018.
-
Un article sympa sur les bonnes pratiques en UX.
📌 Un article sympa sur les bonnes pratiques en UX.
-
Splitwise : Un cas d’école
📌 Article très sympa sur la conception de l’application SPLITWISE.
-
UX vs UI vs IA vs IXD : Définition des 4 termes de conception numérique
📌 C’est plutôt un débat que j’essaie de laisser de côté, mais je dois avouer que cet article m’a assez étonné. Chaque définition donnée ci-dessous fait pour moi partie intégrante du rôle de l’UX designer …
-
Studio : Prototypage et conception vectorielle
📌 STUDIO est un outil mêlant création et prototypage.
-
SUPERNOVA : conception d’interface et application mobile
📌 SUPERNOVA est une application qui va vous permettre de transformer votre création Sketch en application mobile.
-
Pixate
📌 Pixate veux rendre le prototypage et la conception d’applications plus accessibles et plus faciles.
-
Modern Design Tools: Using Real Data
📌 Super article sur autour de ce que devrai être un Outil de design moderne permettant de créer vos écrans à partir de données réelle.
Examinons une des façons dont un outil de conception moderne pourrait permettre aux concepteurs de travailler facilement et rapidement avec des données réelles.
