Il existe des tonnes d’outils et de ressources pour aider les designers dans leur quotidien. La Fabrique vous propose la liste la plus complète du web de ressources design. De quoi nourrir votre barre de favoris, et vous donner de l’inspiration pour des dizaines de projets UX / UI et bien sûr ici la liste des meilleures agencea ux/ui.
Inspirations
Lapa Ninja
Lapa Ninja vous propose une compilation des meilleurs landing page trouvées ça et là sur le web. Vous y trouverez des inspirations pour tous les types de site web.
Design Inspiration
Design Inspiration est une banque de design en tout genre. Vous pouvez browser les designs les plus récents, les plus populaires, ou même laisser le site vous proposez quelques designs aléatoires. Si vous avez une idée précise en tête, le site propose bien évidemment une barre de recherche pour vous aiguiller plus facilement.
Typographic Posters
Typographic Posters fait office de galerie de posters en tout genre, qui cherche à mettre particulièrement en avant les différentes cultures du monde. Cela peut être ou outil original et particulièrement inspirant pour développer vos propres designs.
How Design
How Design est l’un des blogs les plus complets sur le design. Si vous êtes à l’aise avec l’anglais, vous y trouverez d’innombrables ressources techniques et artistiques pour votre projet.
Inspiration Hut
Série de design professionnels, avec quelques ressources supplémentaires comme des calligraphies. Inspiration Hut propose du contenu gratuit, comme du contenu payant.
Autre ressources :
- This is colossal : Art, design et culture de l’image
- Land-Book : Des inspirations tirées de site web
- Yanko Design : Design industriel & moderne
- Savee : Design en tout genre
- DeMilked : Magasine de design
- Design Snips : Banque de design
- Collect UI : Une collection de plus de 14.000 design web
- Styles Guide : Une collection de ressources pour créer des styles guides Front-End
- UI Movement : Communauté de partage de design
- EmptyStat : Liste de design pour les objets vides
- Competitors : Les meilleures références UX, organisées par industries
- UIJar : Liste d’inspirations
- GangBase : Une grosse base de donnée design
- Hixle : liste de design UI et autres ressources, directement dans votre boite e-mail
- Pages : Une sélection des meilleurs pages web
- Really Good Mails : Inspirations pour des mails design
Produit
Product Board
Product Board est une solution de management de produit qui aide à cerner les besoins utilisateurs, puis à prioriser les actions à mener, et rassembler vos équipes grâce à une roadmap.
Product Manual
Product Manual est une liste de produits à destination des utilisateurs.
Autre ressources :
Prospection
First Users
First Users est un site pour découvrir comment les entreprises ont obtenu leurs premier utilisateurs.
Optimal Workshop
Optimal Workshop développe une suite d’outils pour améliorer la navigation sur votre site web, l’architecture, mieux comprendre les first-clicks, etc…
Xtensio
Xtensio vous permet de créer des personas pour vos démonstrations et autres tests. La plateforme est gratuite.
Modèles
Pttrns
Pttrns est l’une des meilleurs collections de design de patterns, avec plusieurs ressources et autres inspirations.
UI Garage répertorie toutes les dernières inspirations en UI design et UI patterns. La plateforme propose ces ressources pour le web, les mobiles, et les tablettes.
UI Patterns propose des modèles UI qui sont des solutions couramment utilisées pour résoudre les problèmes communs du design.
Autre ressources :
- Pattern Library
- PatternTrap
- Tab Patterns
- Mobbin : Une collection de patterns pour mobile
Canvas
Design Better Toolbox
Design Better vous propose une liste d’outils conséquente pour développer votre projet design. De la préparation à la validation, plusieurs ressources vous sont proposées pour mener à bien votre projet.
DIY Toolkit
DIY Toolkit, c’est une boite à outils sur comment inventer, adopter ou adapter des idées qui peuvent vous procurer de meilleurs résultats. Les outils proposés se veulent rapides et ergonomiques pour assister des développeurs déjà bien occupés.
Autre ressources :
- Vous trouverez ici une compilation de canvas utilisés par le designer Fernando Comet
Design de systèmes
DesignBetter
DesignBetter est un système de conception qui unit les équipes produits autour d’un langage visuel commun, dans l’objectif de minimiser les pertes de temps inutiles pour accélérer le processus de conception. DesignBetter vous propose aussi des canvas, comme vu plus haut.
Storybook
Storybook est une vaste banque de designs, et autres composants.
Polaris
Polaris est un design de système dont l’objectif est de créer la meilleure expérience possible pour les marchands sur Shopify.
Autre ressources :
Intelligence artificielle
Flowmapp
Flowmapp est un outils en ligne permettant de créer des sitemaps interactifs pour le développement web, et préparer une meilleure base UX.
Treejack
Treejack est un outils de test permettant de valider les fonctions d’intelligence artificielle de votre site. L’outils test votre site sans prendre en considération les images et autres éléments cosmétiques. Ainsi, il vous permet de partir sur une base solide avant d’attaquer la phase de design de votre projet.
Autre ressources :
Idéation
Service Design Tools
Service Design Tools est une collection d’outils développée pour s’occuper des systèmes les plus complewes. Le site propose également un flux d’actualité sur le sujet.
Autre ressources :
- Service Innovation : une série de touch point cards en tout genre
- The Periodic Table of Storytelling : Une version ludique du tableau périodique des éléments, mais en version storytelling
Naming
- Onym : Outils et divers ressources pour nommer les différents éléments de votre projet
- Namelix : Générateur de nom d’entreprise
- Startup Name Check : Vérifiez si le nom de votre enterprise est disponible sur les web et les réseaux sociaux
Rédaction
Voice and Tone
Voice and Tone regroupe tout un tas d’idées et d’inspirations sur le meilleur ton à adopter dans vos messages.
Hemingway app
Hemingwayy app vous aide à rédiger vos contenus rapidement et efficacement. L’application est capable de détecter les erreurs les plus simples comme les plus complexes, tout comme il vous prévient si vos phrases sont trop longues, ou trop courtes, etc…
Autre ressources :
Test
Remote Research
Remote Research est une bibliothèque d’informations concernant les contrôles à distance, sur tous les comportements qui impliquent des fonctionnalités de design.
UX Checklist
UX Checklist, comme son nom l’indique, est un listing complet des étapes à mener pour vos tests.
UserTesting
UserTesting vous propose, en seulement 2 heures, de faire le tour des insights dont vous avez besoin pour donner au client ce qu’il attend.
Lookback
Lookback est un outils vous permettant de mieux comprendre comment vos utilisateurs se comportent sur votre site ou votre application.
Sans Francisco
Sans Francisco est une riche collection d’outils et ressources pour vous aider à développer votre UX
Autre ressources :
Sondage
Get Acquainted
Get Acquainted est un chatbot qui vous permet de créer des sondages dynamiques d’un nouveau genre
Couleurs
BrandColors
BrandColors est la plus grande collection de couleurs officielles des marques les plus connues. Une excellente source d’inspiration si certaines couleurs percutantes de marques célébres vous ont marqué.
Adobe Color CC
Adobe Color CC vous propose une roue chromatique parametrable, idéal pour déterminer un set de couleur pour votre projet.
Coolors
Coolors est dans la veine de l’outil d’Abode, il vous permet de générer facilement et rapidement un set de couleur pour votre projet design.
Colour Lovers
Colour Lovers est une vaste communauté mondiale de personnes créant et partageant leurs palettes de couleurs préférées.
Autre ressources :
- Introducing Color Claim
- Material Design Palette
- Pigment by ShapeFactory
- Google Art Palette
- Khroma
- Flat UI Colors 2
- Huesnap
- Duotones
- Hello Color
- Data Color Picker
- Cool Backgrounds
Typographies
Modular Scale
Modular Scale est un outils vous permettant d’identifier les différentes tailles idéales pour vos textes.
Google Fonts
Google Fonts, c’est une sélection d’environ 900 typographies, utilisables gratuitement.
Material Design Type System
Material Design vous propose des typograhpies et styles qui ont fait leurs preuves en matière d’UI et UX.
TypeKit
Adobe TypeKit est une banque de typographies. Vous pouvez y rechercher une typo précise, ou laisser les propositions du site vous séduire.
Autre ressources :
Mockups
Facebook Devices
Facebook Devices vous propose des images idéales des dispositifs d’affichages les plus répandus pour vos mockups.
App Launch Pad
App Launch Pad est une banque d’image gratuite de qualité, et dispose d’une application simple et intuitive pour développer vos projets.
unDraw
unDraw est une collection constamment mise à jour d’illustrations sous licence MIT.
Sneakpeekit
Sneakpeekit vous proposes des plans de plusieurs interfaces (smartphone, tablette, navigateur, etc…), déclinés sous plusieurs formes.
Interface utilisateur (UI)
MoodilyApp
Avec MoodilyApp, collectez et collaborer sur des design inspirant, avec vos collègues, vos clients, et tous vos parties prenantes.
Avataaars Generator
Avataars Generator est un outils en ligne, gratuit, pour quiconque veut créer son propre avatar facilement
Flaticon
Flaticon est une riche banque de vecteurs et autres icones. Environ 1 million d’icones, regroupés en 20.000 packs.
Autre ressources :
Interface utilisateur vocale (VUI)
Amazon Alexa Skills It
Alexa est un service vocal développé par Amazon, à l’origine de millions d’appareils, dont l’objectif est de fournir aux clients une expérience plus personnalisée.
Google Conversation Design
Google Conversation Design est une boite à outils de développement de voix pour vos projets numériques.
Cortana Skills Documentation
La documentation officielle de Cortana, l’assistant vocal développé par Microsoft.
Apple Human Interface Guidelines (Siri)
De la même manière que ci-dessus, vous trouverez ici toutes les guidelines pour Siri.
Autre ressources :
- Voice assistants & smart speakers
- Speak Easy Global Edition
- The rise of voice
- Tout sur la voix, et comment la fabriquer
- IA pour VUI : Les fondements de la conversation
Photos gratuites
Pixabay
Unsplash
Pexels
VisualHunt
Outils d’analyse
FullStory
FullStory vous permet d’aller plus loin dans l’analyse comportementale des utilisateurs de votre site, en détectant notamment des éléments de frictions et de découragement, pas toujours facile à détecter.
Hotjar
Hotjar présente une nouvelle manière d’analyser la donnée, pour comprendre plus en profondeur le comportement des utilisateurs sur votre site.
Google Analytics
Google Analytic est la plus célèbre plateforme d’analyse de trafic sur le web. Gratuite, complète et hautement personnalisable, une bonne maitrise de l’outils peut vous faire gagner beaucoup temps dans le développement de votre projet web.
Autre ressources :
Productivité
RescueTime
RescueTime est un outils pour aider vos équipes à focus sur un projet, et ainsi gagner en productivité.
Trello
Trello est l’un des outils de co-working les plus connus. Son système de carte permet de déléguer efficacement, et intuitivement certaines tâches. Simple et efficace.
Pomelloapp
Pomelloapp va de pair avec Trello. L’application vous permet d’ajouter des techniques de productivité appelées Pomodoro.
Autre ressources :
Entreprenariat web
Rocket Internet
Rocket Internet incube et investit sur divers projets web, et des entreprises technologiques de manière plus globale.
Startup Mate
Startup Mate est une collection complète de ressources en tout genre pour votre projet digital.
Startup Stash
Startup Stash est dans la lignée de l’outils précédent, en proposant tout un tas d’outils pour vous aider à développer les prémices de votre projet.
Autre ressources :
Calcul des couts d’une application
Cleveroad
Cleveroad s’appuie sur des applications connues pour estimer le temps de développement que nécessitera votre projet
Estimate my App
Estimate my App vous propose de répondre à quelques questions concernant votre projet d’application, afin de vous proposer un budget cohérent pour mener votre projet à bien.
Autre ressources :
Portfolio
Format
Cargo Collective
Persona
Squarespace
Autre ressources :
Challenge :
31-day Ninja Writer Challenge
#30dayUXchallenge
Autre ressources :
Programmation
Quickcode
Quickcode propose des tutoriels et autres ressources de coding pour le développement web et mobile, big data, machine learning, et encore plein d’autres sujets.
Superhi
Superhi, comme Quickcode, propose des cours de coding pour le web.
Bootstrap landing pages
Bootstrap vous propose une collection de landing page gratuites, à travers différents thèmes et templates.
Carrd
Carrd propose des pages, gratuitement, responsives et prêtes à l’emloi pour la plupart des projets web.
Pluralsight
Pluralsight est une plateforme qui vous aide à coder votre projet. Que ce soit le développement d’un software, du traitement de la data, ou encore de la cybersécurité, tout y passe.
Autre ressources :
Tutoriels & cours en ligne
Hackr-Design
Hackr-Design, c’est un listing complet de cours en ligne concernant les outils d’UX les plus utilisés.
Udemy
Udemy propose des cours en ligne à prix cassés, sur différents sujets, dont l’UX et l’UI.
Google Academy
Google propose de nombreux tutoriels pour apprendre à utiliser aux mieux ses différents outils, notamment pour Google Analytics.
Autre ressources :
- UNIR
- UOC
- Platzi : UX and Product
- Interaction Design Foundation
- B.F.A in UX Design
- Udacity/Google : UX Design for mobile developers
- Inlearnity
- The best UX Design course
- 30 Best Online Course Website to Learn UI/UX
- 20 BestPaid and Free UX Courses You’ll Love
Les inclassables
- Notion : Un espace de travail collaboratif pour vos notes, wiki, tâches, etc…
- Guide to UXR : Une collection de plus de 250 outils dédiés à la recherche utilisateur
- Toptal : Le top 10 des délivrables UX
- Talebook : Framework interactif de recherche UX
- UX Overflow : L’endroit ou trouver réponse à ses questions pour un designer
- Miro : Tableau blanc en ligne collaboratif
- UX Design Process : Une checklist pour suivre pas à pas les étapes clefs de votre projet de design
- All About UX : Banque de ressources concernant l’UX