awesome product design

Conception de produits impressionnants

Une collection de signets, ressources, articles pour les concepteurs de produits.

La conception du produit numérique est un processus de conception itératif pour résoudre un problème fonctionnel avec une solution formelle. Un concepteur de produits numériques identifie un vrai problème, offre la meilleure solution possible et la lance sur un marché qui montre la demande pour cette solution particulière.

N'hésitez pas à ajouter quelque chose d'intéressant par demande de traction.

Contenu

• Recherche
• Ux
• Ui
• Visuel
• Prototype
• Accessibilité
• En écrivant
• Données
• IoT

Recherche

Méthodes

Prise de décision

• UNTOLS - Outils et cadres de réflexion pour vous aider à résoudre des problèmes, prendre des décisions et comprendre les systèmes.

Plan de recherche

• Smashing Magazine - Le plan de recherche UX que les parties prenantes aiment.
• NN GROUP - Gestion de projet pour la recherche sur les utilisateurs: le plan.
• Conception d'interaction - Plan de recherche des utilisateurs d'une page.
• Branding5 - Faites un positionnement de marque comme base pour vos conceptions.

Entretien avec les utilisateurs

• NN GROUP - Malgré de nombreuses faiblesses, les entretiens sont une méthode précieuse pour la recherche exploratoire des utilisateurs.
• Uxdesign.cc - Comment tirer le meilleur parti des interviews des utilisateurs.

Entrevues des parties prenantes

• Boîtes et flèches - Feuille de triche pour interviewer les parties prenantes.
• Apprenti UX - Modèle d'entrevue des parties prenantes.
• Conception d'interaction - Préparation des interviews des parties prenantes UX.

Synthèse de recherche

• Mouvement UX - Comment transformer la recherche sur les utilisateurs en données utilisables.
• SlideShare - Conception Research Synthesis.
• Moyen - Utilisation de Trello pour la synthèse de la recherche des utilisateurs.
• TUTS + - Comment préparer et utiliser un diagramme d'affinité.
• Moyen-Affinité Diagrammes: Conseils et astuces.

Analyse compétitive

• Xtensio - Comment: créer une analyse compétitive.
• Hootsuite - Modèle d'analyse compétitive pour vous aider à déjouer la compétition.

Travail à faire

• Interphone - Concevoir des fonctionnalités utilisant des histoires de travail.
• JTBD - Remplacement de l'histoire utilisateur par l'histoire de l'emploi.

Personnages

• Utilisabilité.gov - Le but des personnages est de créer des représentations fiables et réalistes de votre public clé.
• UX Mag - Personas: la base d'une grande expérience utilisateur.
• TUTS + - Définition et application des personnages à la conception UX.

Carte d'empathie

• PIN UX - The Practical Guide to Empathie Maps: 10 minutes Personas utilisateur.
• Boagworld - Adapting des cartes d'empathie pour la conception UX.

Scénario

• UX Magazine - Storyboard dans le processus de conception des logiciels.
• Medium - Storyboard dans la conception UX.
• NN GROUP - Quand et comment créer des cartes de parcours client.
• UX Lady - Maps expérimentés, trajets utilisateur et plus encore.
• Smashing Magazine - Tout ce que vous devez savoir sur la cartographie du parcours client.
• Moyen - Comment construire une carte d'expérience.

Articles

• Smashing Magazine - The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool.
• COGLODE - Analyse de recherche comportementale de la taille des morsures.

Essai

• Test des utilisateurs - Déverrouillez les informations des clients et augmentez vos revenus.
• Atelier optimal - Plateforme de recherche des utilisateurs qui vous aide, vous et votre équipe, à prendre des décisions de conception en toute confiance.
• Mesurer le succès - Comment mesurez-vous le succès (ou l'échec) - de votre conception UX?.
• Lookback - Recherche simple et puissante des utilisateurs.
• Histoire complète - Que voulez-vous savoir sur votre expérience client ?.
• Desinion - Prenez des décisions de conception intelligentes et éclairées pour votre entreprise ou l'entreprise de votre client.
• Enquête sur le singe - transformez les instincts en idées.
• Etnio - Intercepter les vraies personnes pour la recherche des utilisateurs.

Ux

Lignes directrices

• The UX Bookmark - Collection des meilleurs sites Web UX du monde entier.
• Gov.uk - Aider les équipes gouvernementales à créer et à gérer d'excellents services numériques.
• Méthodes 18F - Collection d'outils pour introduire une conception centrée sur l'homme dans votre projet.
• Guides 18F - 18F Guides est le référentiel des meilleures pratiques de nos équipes.
• Utilisabilité.gov - Amélioration de l'expérience utilisateur.
• MEDIAL LAB AMSTERDAM - Méthode de conception boîte à outils.
• Kit de conception ideo - Guide étape par étape pour libérer votre créativité.
• GameStorming - GameStorming est un ensemble d'outils de co-création utilisés par les innovateurs du monde entier.

Articles

• UX Magazine - UX Magazine est une ressource communautaire gratuite explorant toutes les facettes de la conception d'expérience.
• Booth UX - Le stand UX est une publication par et pour la communauté de l'expérience utilisateur.
• UX Mastery - Nous aidons les professionnels de l'expérience utilisateur à démarrer et à s'améliorer.
• Mythes UX - Construisez votre produit en fonction des preuves, pas des fausses croyances.
• Une liste à part - List Apart explore la conception, le développement et la signification du contenu Web.
• 52 semaines de UX - Discours sur le processus de conception pour de vraies personnes.
• PIN UX - Guides, articles et livres électroniques qui explorent toutes les facettes de la conception UX.
• La bibliothèque IXD - Collection de matériaux liés à la conception d'interaction.
• Lukew - Publications sur les détails critiques et la vue d'ensemble derrière la conception des produits numériques.
• Groupe NN - Recherche, formation et consultation de l'expérience utilisateur fondée sur des preuves.
• Conception de l'information - InfoSign sélectionné à la main depuis 1997.
• Interphone - Conception, réussite client et blog de démarrage.
• Uxdesign.cc - Expérience utilisateur, convivialité, conception du produit. Suivez le uxdesign.cc.
• Réactions UX - trucs amusants.

Outils

• Recette UX - Ce projet est un manifeste personnel contre l'objectivation du terme "UX".
• Liste de contrôle UX - Liste de contrôle du projet UX.
• UX STACKEXCHANGE - UX STAKE Exchange est un site de questions et réponses.

Ui

Lignes directrices

• ANT DESIGN - Un langage de conception d'interface utilisateur pour les applications d'entreprise.
• Directives iOS - Obtenez des informations approfondies et des ressources d'interface utilisateur pour concevoir d'excellentes applications qui s'intègrent parfaitement aux plateformes Apple.
• Google Material - La conception des matériaux est un système unifié qui combine la théorie, les ressources et les outils pour créer des expériences numériques.
• Google Design - Google Design est un effort de coopération dirigé par un groupe de concepteurs, d'écrivains et de développeurs de Google.
• Facebook Design - Collection d'articles, vidéos et ressources fabriquées par des concepteurs sur Facebook.
• USTWO - Pixel Perfect Precision Handbook 3.
• Vinsol - Conseils pour les concepteurs: d'un développeur.

Inspiration

• PTTRNS - La mère de toutes les ressources de conception.
• Appelez à l'idée - allumez votre imagination!.
• Android Niceties - visant à fournir une inspiration et un aperçu des conventions d'interface utilisateur Android.
• Belle interface utilisateur - Collection d'éléments d'interface utilisateur mobiles.
• Brian Lovin - Exploration visuelle des meilleurs produits.
• UI inspiré - Motifs de conception des applications mobiles iOS.
• Ui bâclé - Tout est question d'honnêteté intellectuelle, pas de pêche à la traîne.

Outils

• Pattern Lab - Créer des systèmes de conception atomique avec Pattern Lab.
• Énorme - outil pour faciliter la création et le maintien de style de style.
• Kit Figma Bootstrap 5 UI - Kit d'interface utilisateur comprenant plus de 300 composants organisés bootstrap 5 construits avec un système de conception atomique et une disposition automatique.
• Sketch Bootstrap 5 Kit d'interface utilisateur - Kit d'interface utilisateur comprenant plus de 300 composants organisés bootstrap 5 construits avec un système de conception atomique et une disposition intelligente.

Visuel

Ressources

• Principes de conception FTW - La plus grande collection de principes de conception sur Internet.
• Systèmes de conception impressionnants - Liste organisée des systèmes de conception, des bibliothèques de motifs et tout le reste.
• Awesome Sketch - Liste organisée de vidéos de croquis impressionnantes, d'articles, de plugins, peu importe, pour les concepteurs, les développeurs ou non.

Icônes

• Utilisez emblématique - Rencontrez emblématique. L'ensemble d'icônes définitif conçu pour le Web moderne.
• Icône Finder - Rechercher dans 1 739 045 icônes ou parcourir 42 226 ensembles d'icônes.
• Nous aimons la police de l'icône - il s'agit d'un service d'hébergement de polices d'icônes gratuites et open source.
• Le projet de nom - icônes pour tout.
• Iconmont - Découvrez 3847+ Icônes simples gratuites dans 263 collections.

Fonderies de police

• Open Foundry - Nouvelle plate-forme pour les polices open source dans un environnement sans bruit.
• Utilisation et modification - Fournir un ensemble contemporain de polices distribuées sous libre ou licences open source, choisies à la main par une typographie et un amateur de culture libre.
• Tissu de police - Fontfabric est une fonderie de type indépendant.
• Écureuil de police - Utopie de police libre.
• Type de jeu - Parcourez notre sélection de plus d'une centaine de polices et près de 500 poids de police différents.
• Identityfont - Identifiez une police en répondant aux questions sur les caractéristiques clés.

Typographie

• NN GROUP - TYPOGRAPE TERMES SHUCK FEUILLE.

Couleurs

• Recolateurs - Le générateur de schémas de couleurs super rapides!.
• Amateurs de couleurs - Communauté créative.
• Couleurs Hunt - Color Hunt est une plate-forme sociale pour tous ceux qui aiment les couleurs.
• Couleurs de marque - Collection de plus de 1100 couleurs disponible en SASS, moins, stylet et CSS.
• Atmos - tout ce dont vous avez besoin pour créer des palettes de couleurs
• Couleurs de branition - Collection de palettes de couleurs organisées à la main les mieux installées pour la marque.

Images de stock

• UNSPLASH - GRATUIT (Faites ce que vous voulez) - Photos haute résolution.
• StockSNAP - Des centaines d'images haute résolution ajoutées chaque semaine.
• Pixbay - Images et vidéos gratuites que vous pouvez utiliser n'importe où.
• JAY MANRY - Photos gratuites (CC0).
• Obtenez des photos de la vie réelle libre de droits, de haute qualité.
• ISO Republic - Iso Republic fournit des photos gratuites pour les professionnels de la création.
• Tous les stocks gratuits - Obtenez toutes les images, vidéos, musique et icônes gratuites dans un seul endroit.
• Pexels - Images de stock gratuites dans une gamme de styles, notamment filtré, naturel et commercial.
• UNDRAW - Illustrations open source pour chaque projet que vous pouvez imaginer et créer.

Vidéos de stock

• VIMEO - VIDÉO DE STOCES ALIMENTAIRE DU ROYAGE pour une utilisation personnelle, d'entreprise ou commerciale gratuite.

Outils

• Polarr - éditeur de photos.
• LICECAP - Captures d'écran animées simples.
• Frein à main - Le frein à main est un outil pour convertir la vidéo de presque tous les formats en une sélection de codecs modernes et largement pris en charge.

Prototype

Articles

• Les 12 principes - les 12 principes de base de l'animation ont été développés par les «vieillards» des studios Walt Disney.
• HOVERSTAT - La maison de la conception numérique alternative.
• Micro-interactions - Conception avec les détails.
• Conception de l'interface utilisateur de mouvement - Ressources pour l'inspiration, les listes de logiciels, les bibliothèques et autres choses liées à la conception, des animations et des transitions de l'interface utilisateur de mouvement.

Softwares

• POP - POP vous aide à transformer vos idées de stylo et de papier en iPhone interactive ou prototype Android.
• Invision - La principale plate-forme mondiale de prototypage, de collaboration et de workflow.
• Marvel - Conception simple, prototypage et collaboration.
• Flinto - Flinto permet aux concepteurs de fabriquer rapidement des prototypes interactifs de leurs applications mobiles, de bureau ou Web.
• Origami Studio - Explorez, parcourez et testez vos idées.
• Framer - flux de travail de conception tout-en-un.
• Proto - Créez des prototypes à haute fidélité entièrement interactifs qui ressemblent et fonctionnent exactement comme votre application. Aucun codage requis.
• Protopie - Protopie est l'outil de prototypage le plus simple pour construire des prototypes avancés et hautement interactifs.

Outils

• Lottie - Ajoutez facilement une animation de haute qualité à n'importe quelle application native.
• KeyNotopie - KeyNotopia transforme Keynote et PowerPoint en les meilleurs outils de prototypage rapides pour créer des maquettes sur l'interface utilisateur mobiles, Web et de bureau.

Accessibilité

Articles

• Gov.uk - Rendre votre service accessible: une introduction.
• Smashing Magazine - Contraste des couleurs et pourquoi vous devriez le repenser.
• Accessibilité moyenne pour les concepteurs. Faites attention à vos RGB.
• Web crédible - Conception visuelle et accessibilité des couleurs.
• Une liste à part - tests de contraste des couleurs faciles.

Outils

• WAVE - outil d'évaluation de l'accessibilité Web.
• Ratio de contraste - Un outil pour calculer le rapport de contraste entre deux couleurs CSS valides.
• Snook - Vérification du contraste des couleurs.

En écrivant

• Google Tendances - Histoires tendances maintenant.
• Google Ngram - Entrez des phrases dans la visionneuse de Google Books Ngram, il affiche un graphique montrant comment ces phrases se sont produites dans un corpus de livres.
• L'application Hemingway - Hemingway rend votre écriture audacieuse et claire.
• Lisible - vous avez 7 secondes pour attirer l'attention de quelqu'un. Lisible.io vous aide à couper le bruit.
• L'écrivain - à quel point votre écriture est-elle lisible ?.
• Taskade - éditeur collaboratif et Outliner.

Données

• London Datastore - The London Datastore est un portail de partage de données gratuit et ouvert.
• YouGov - Nous croyons au pouvoir de la participation.
• Data.gov - Trouvez des données publiées par les ministères et les agences du gouvernement, les organismes publics et les autorités locales.
• La collection Tate - nous présentons ici les métadonnées pour environ 70 000 œuvres d'art.
• NASA - Nous définissons les données, le code et les API gratuitement.

IoT

Articles

• IoT Weekly News - Abonnez-vous aux articles cueillis à la main par Justin Grammens sur l'Internet des objets.
• Agenda IoT - Concevoir une expérience utilisateur IoT, pas un produit IoT.
• IoT pour tous - conception de l'Internet des objets - 5 principes clés.

Outils

• Node rouge - programmation à faible base pour l'Internet des objets.