You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Teo Gagliano 8dc2df3134
Add NN Group - Typography Terms Cheat Sheet.
3 months ago
images add svg image 2 years ago
README.md Add NN Group - Typography Terms Cheat Sheet. 3 months ago
contributing.md add contributing guidelines 2 years ago

README.md

Awesome Product Design Awesome

A collection of bookmarks, resources, articles for product designers.

Digital product design is an iterative design process to solve a functional problem with a formal solution. A digital product designer identifies a real problem, offers the best possible solution, and launch it to a market that is showing demand for that particular solution.

Feel free to add something interesting by pull request.

Contents

Research

Methods

Research Plan
  • Smashing Magazine - The UX Research Plan That Stakeholders Love.
  • NN Group - Project Management for User Research: The Plan.
  • Interaction Design - One Page User Research Plan.

    User Interview
  • NN Group - Despite many weaknesses, interviews are a valuable method for exploratory user research.

  • UXDesign.cc - How to Get the Most Out of User Interviews.

    Stakeholder Interviews
  • Boxes and Arrows - Cheat Sheet For Interviewing Stakeholders.

  • UX Apprentice - Stakeholder Interview Template.

  • Interaction Design - Preparing for UX Stakeholder Interviews.

    Research Synthesis
  • UX Movement - How to Turn User Research into Usable Data.

  • SlideShare - Design Research Synthesis.

  • Medium - Using Trello for User Research Synthesis.

  • Tuts+ - How to Prepare and Use an Affinity Diagram.

  • Medium - Affinity Diagrams: Tips and Tricks.

    Competitive Analysis
  • Xtensio - How To: Create A Competitive Analysis.

  • Hootsuite - Competitive Analysis Template To Help You Outsmart The Competition.

    Job to be Done
  • Intercom - Designing features using Job Stories.

  • JTBD - Replacing The User Story With The Job Story.

    Personas
  • Usability.Gov - The purpose of personas is to create reliable and realistic representations of your key audience.

  • UX Mag - Personas: The Foundation of a Great User Experience.

  • Tuts+ - Defining And Applying Personas to UX Design.

    Empathy Map
  • UX Pin - The Practical Guide to Empathy Maps: 10-Minute User Personas.

  • Boagworld - Adapting empathy maps for UX design.

    Storyboard
  • UX Magazine - Storyboarding in the Software Design Process.

  • Medium - Storyboarding in UX Design.

  • Johnny Holland - Storyboarding & UX.

  • NN Group - When and How to Create Customer Journey Maps.

  • UX Lady - Experience maps, user journeys and more.

  • Smashing Magazine - All You Need To Know About Customer Journey Mapping.

  • Medium - How to build an experience map.

    Articles

  • Smashing Magazine - The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool.

  • Coglode - Bite-size behavioral research analysis.

    Testing

  • User Testing - Unlock customer insights and increase your revenue.

  • Optimal Workshop - User Research Platform that helps you and your team make design decisions with confidence.

  • Measure Success - How Do You Measure the Success (or Failure) - of Your UX Design?.

  • UX Metrix - How to Choose the Right UX Metrics for Your Product.

  • Lookback - Simple, powerful user research.

  • Appsee - Appsee’s app analytics platform provides an in-depth analysis of your users’ behavior.

  • Full Story - What do you want to know about your customer experience?.

  • Desinion - Make smart and informed design decisions for your company, or your client’s company.

  • Survey Monkey - Turn instincts into insights.

  • Google Surveys - Make better decisions with market research.

  • Typefrom - Goodbye forms. Hello typeforms.

  • Etnio - Intercept Real People for User Research.

  • Calendly - Calendly helps you schedule meetings without the back-and-forth emails.

UX

Guidelines

  • The UX Bookmark - Collection of the best UX websites from across the globe.
  • Gov.Uk - Helping government teams create and run great digital services.
  • Methods 18F - Collection of tools to bring human-centered design into your project.
  • Guides 18F - 18F Guides is the repository for best practices across our teams.
  • Usability.Gov - Improving the User Experience.
  • Medial Lab Amsterdam - Design method toolkit.
  • Design Kit IDEO - Step-by-step guide to unleashing your creativity.
  • Gamestorming - Gamestorming is a set of co-creation tools used by innovators around the world.

    Articles

  • UX Magazine - UX Magazine is a free community resource exploring all facets of experience design.

  • UX Both - The UX Booth is a publication by and for the user experience community.

  • UX Mastery - We help user experience professionals get started and get better.

  • UX Myths - Build your product based on evidence, not false beliefs.

  • A List Apart - List Apart explores the design, development, and meaning of web content.

  • 52 Weeks of UX - Discourse on the process of designing for real people.

  • UX Pin - Guides, articles and ebooks that explore all facets of UX Design.

  • The IxD Library - Collection of materials related to Interaction Design.

  • LukeW - Publications on the critical details and big picture behind digital product design.

  • NN Group - Evidence-Based User Experience Research, Training, and Consulting.

  • Cooper - Blog about design, business, and the world we live in.

  • Information Design - InfoDesign Hand-picked since 1997.

  • Intercom - Design, Customer Success, & Startup Blog.

  • UXDesign.cc - User Experience, Usability, Product Design. Follow the UXDesign.cc.

  • UX Reactions - Fun stuff.

    Tools

  • UX Recipe - This project is a personal manifesto against the objectification of the term “UX”.

  • UX Checklist - UX Project Checklist.

  • UX Stackexchange - UX Stack Exchange is a question and answer site.

UI

Guidelines

  • Ant Design - An UI design language for enterprise applications.
  • iOS Guidelines - Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
  • Google Material - Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
  • Google Design - Google Design is a cooperative effort led by a group of designers, writers, and developers at Google.
  • Facebook Design - Collection of articles, videos, and resources made by designers at Facebook.
  • UsTwo - Pixel Perfect Precision Handbook 3.
  • Vinsol - Tips for Designers: from a Developer.

    Inspiration

  • Pttrns - The mother of all design resources.

  • Call To Idea - Light up your imagination!.

  • Android Niceties - Aiming to provide inspiration and insight into Android UI conventions.

  • Lovely UI - Collection of mobile UI elements.

  • Brian Lovin - Visual exploration of the best products.

  • Inspired UI - iOS Mobile Apps Design Patterns.

  • Sloppy UI - It’s all about intellectual honesty, not trolling.

    Tools

  • Pattern Lab - Create atomic design systems with Pattern Lab.

  • Huge - Tool to make creating and maintaining styleguides easy.

  • Stylify Me - This tool allows the designer to research sites efficiently without the need to inspect each element.

  • Density Bucket - Density Converter.

  • iDetailAid - Android DP / PX converter.

Visual

Resources

  • Design Principles FTW - The biggest collection of Design Principles on the Internet.
  • Find Guidelines - The fastest way to brand assets.
  • Style Guides - Website Style Guide Resources.
  • Awesome Design Systems - Curated list of design systems, patterns libraries, and everything in between.
  • Instant Logo Search - Search & download thousands of logos instantly.
  • Logo Book - Discover the worlds finest logos, symbols & trademarks.
  • Awesome Sketch - Curated list of awesome Sketch videos, articles, plugins, whatever, for designers, developers, or neither.

    Icons

  • Use Iconic - Meet Iconic. The definitive icon set designed for the modern web.

  • Icon Finder - Search through 1,739,045 icons or browse 42,226 icon sets.

  • We Love Icon Font - This is a free & open source icon fonts hosting service.

  • The Noun Project - Icons for everything.

  • Iconmonstr - Discover 3847+ free simple icons in 263 collections.

    Font Foundries

  • Open Foundry - New platform for open-source fonts in a noise-free environment.

  • Use & Modify - Provide a contemporary set of fonts distributed under libre or open source licences, hand picked by a typography and free culture lover.

  • Font Fabric - Fontfabric is an independent type foundry.

  • Font Squirrel - Free Font Utopia.

  • Play Type - Browse through our selection of more than a hundred fonts and nearly 500 different font weights.

  • Identyfont - Identify a font by answering questions about key features.

    Typography

  • NN Group - Typography Terms Cheat Sheet.

    Colors

  • Coolors - The super fast color schemes generator!.

  • Colour Lovers - Creative community.

  • Color Hunt - Color Hunt is a social platform for everyone who love colors.

  • Brand Colors - 1100+ color collection available in sass, less, stylus and css.

    Stock Images

  • Unsplash - Free (do whatever you want) - high-resolution photos.

  • StockSnap - Hundreds of high resolution images added weekly.

  • Pixbay - Free images and videos you can use anywhere.

  • Jay Mantry - Free pics (CC0).

  • The Stock - The best royalty free stock photos are delivered now along with videos, audios, icons, fonts and colors.

  • Get Refe - Royalty-free, high-quality, Real Life photos.

  • ISO Republic - ISO Republic provides free stock photos for creative professionals.

  • All The Free Stock - Get all the Free Stock Images, Videos, Music and Icons in one location.

  • Pexels - Free stock images in a range of styles including filtered, natural, and commercial.

  • unDraw - Open-source illustrations for every project you can imagine and create.

    Stock Videos

  • Vimeo - Royalty Free Stock Video for Free Personal, Corporate or Commercial Use.

    Tools

  • Pattern Lab - Create atomic design systems with Pattern Lab.

  • Polar - Photo Editor.

  • Licecap - Simple animated screen captures.

  • Hand Brake - HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.

  • Skala Color - Extraordinary color picker for designers and developers.

  • Font Picker - Webfont library for your browser.

  • Font Reach - FontReach scans the top million sites to show font usage across the web.

Prototype

Articles

  • The 12 Principles - The 12 basic principles of animation were developed by the ‘old men’ of Walt Disney Studios.
  • Hoverstat - The home of alternative digital design.
  • Microinteractions - Designing with Details.
  • Motion UI Design - Resources for inspiration, lists of software, libraries and other stuff related to Motion UI design, animations and transitions.

    Softwares

  • Pop - POP helps you transform your pen and paper ideas into an interactive iPhone or Android prototype.

  • Invision - The world’s leading prototyping, collaboration & workflow platform.

  • Marvel - Simple design, prototyping and collaboration.

  • Flinto - Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.

  • Origami Studio - Explore, iterate, and test your ideas.

  • Framer - All-in-one design workflow.

  • Form - Build and customize native prototypes directly on device.

  • Proto - Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.

  • Fuse - Create better native apps for iOS and Android with a new breed of development tools.

  • ProtoPie - ProtoPie is the easiest prototyping tool to build advanced, highly interactive prototypes.

Tools

  • Lottie - Easily add high-quality animation to any native app.
  • Keynotopia - Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop UI mockups.

Accessibility

Articles

  • Gov.Uk - Making your service accessible: an introduction.
  • Smashing Magazine - Color Contrast And Why You Should Rethink It.
  • Medium - Accessibility for designers. Mind your RGB’s.
  • Web Credible - Visual design and color accessibility.
  • A List Apart - Easy Color Contrast Testing.
  • Viget - Color Contrast for Better Readability.

    Tools

  • WAVE - Web Accessibility Evaluation Tool.

  • Contrast Ratio - A tool to calculate the contrast ratio between any two valid CSS colors.

  • Snook - Colour Contrast Check.

  • CanvasFlip - Colorblind simulator for Designers.

Writing

  • Google trends - Stories trending now.
  • Google Ngram - Enter phrases into the Google Books Ngram Viewer, it displays a graph showing how those phrases have occurred in a corpus of books.
  • Hemingway - Hemingway App makes your writing bold and clear.
  • Readable - You have 7 seconds to grab someone’s attention. Readable.io helps you cut out the noise.
  • The Writer - How readable is your writing?.
  • Taskade - Collaborative editor and outliner.

Data

  • London Datastore - The London Datastore is a free and open data-sharing portal.
  • YouGov - We believe in the power of participation.
  • Data.Gov - Find data published by government departments and agencies, public bodies and local authorities.
  • The Tate Collection - Here we present the metadata for around 70,000 artworks.
  • NASA - We’re Setting Data, Code and APIs free.

IoT

Articles

  • IoT Manifesto - Guidelines for responsible design in a connected world.
  • IoT Weekly News - Subscribe to hand picked articles by Justin Grammens on the Internet of Things.
  • IoT Agenda - Design an IoT user experience, not an IoT product.
  • IoT For All - Designing the Internet of Things – 5 Key Principles.

    Tools

  • Node RED - Flow-based programming for the Internet of Things.

  • Noodl - Digital Experience Design Platform.

License

CC0