Last update: 2024.05.10
See my post A list of UX/UI courses and specializations.
General Resources and Tools
- Nielsen Norman Group - World Leaders in Research-Based User Experience [articles]
- UX Collective - Curated stories on UX, Visual & Product Design
- Apple Human Interface Guidelines
- Material Design Guidelines. Material 3
- Interaction Design Foundations
- The future is visual (SquarePlanet) https://hype4.academy/
- Figma [design basics] [plugins]
- Photopea - on-line photo editor
- Remove Image Background
- Canva design tutorials
- Miro, how to use for beginners [video]
- 20 Must-Key Terms for UX Designers on Medium.com
- Can I use - browser support tables
- The Essential Guide to Writing SMART Goals on smartsheet
- SMART (SMART goals) on TechTarget
Showcases/Inspiration
Cloud models
Misc
- How Bad UX Killed Jenny on Medium.com
- 50 Things You [Probably] Forgot To Design on Medium.com
- KISS (Keep it Simple, Stupid) - A Design Principle by Interaction Design Foundation
- UI Design Trends 2024 [video]
Books
Introduction to UX Design
- What is User Experience (UX) Design? by Interaction Design Foundation
- The 7 Factors that Influence User Experience by Interaction Design Foundation
- Behavioral Economics by Interaction Design Foundation
- Persuasive Design by Interaction Design Foundation
- Motivation by Interaction Design Foundation
- Be Afraid! The Silent Role of Fear in Decision Making by Interaction Design Foundation
- Design elements and principles by Canva
- Laws of UX is a collection of best practices that designers can consider when building user interfaces.
- 7 Gestalt principles of visual perception by User Testing
User Research and Testing
General Resources and Tools
- How to create a UX research plan by Maze
Surveys
- Google Forms
- Jotform
- Sample size calculator by SurveyMonkey
Focus Groups
- Focus Groups 101 by Nielsen Norman Group
- Focus group example [video]
User Interviews
- How To Conduct Effective User Interviews by CareerFoundry
- How To Conduct User Interviews Like A Pro (UX Design) [video]
Customer Personas
- UX Personas by Qubstudio
- UX Templates at UXPressia [templates]
Customer Journey Maps
- Customer journey map — step-by-step guide with examples by UXPressia
- What are Customer Touch Points & Why Do They Matter by Interaction Design Foundation
- User Journeys vs. User Flows by Nielsen Norman Group
- Storyboards Help Visualize UX Ideas by Nielsen Norman Group
Affinity Maps
- Affinity Maps by CareerFoundry
Information Architecture
- Information Architecture vs Navigation: Creating a Seamless User Experience by Optimal Workshop
- Information Architecture by Interaction Design Foundation
- A Beginner’s Guide To Information Architecture [video]
Tree Testing
- Tree Testing part 1 by Nielsen Norman Group
- Tree Testing part 2 by Nielsen Norman Group
- Optimal Workshop [tool]
Wireframing
- Wireframe: How To Get Started? by Aela
- MockFlow [tool]
First Click Testing
- What is First Click Testing? [video]
- UsabilityHub [tool]
Usability Testing
- Usability Testing by Interaction Design Foundation
- Guerilla Testing with Usability Cafe [video]
A/B Testing
Diary Study
- Diary Studies: Understanding Long-Term User Behavior and Experiences by Nielsen Norman Group
- What's a Diary Study in User Research? [video]
- Indeemo [article/tool]
- DScout [tool]
- Dovetail [tool]
Case Studies
- The Big Book of Experimentation by Optimizely [book]
- How EA turned a big win into a metropolis [case study]
- 15 Excellent UX Case Studies Every Creative Should Read by htmlBurger
Competitive Analysis
User Interface Prototyping
Mood Boards
- The ultimate guide to mood boards for UI Designers (and how to create your own) by UX Design Institute
Paper prototyping
- Low-fidelity vs. high-fidelity prototyping by inVision
- Paper Prototyping: Getting User Data Before You Code by Nielsen Norman Group
- Paper Prototyping 101 [video]
- Low fidelity prototype testing [video]
Rapid prototyping
- What Is Rapid Prototyping In UX? A Step-By-Step Guide by CareerFoundry
- inVision Freehand [tool]
- Marvel [tool] [tutorial]
User Interface
- User Interface Elements at usability.gov (not updated any more)
- U.S. Web Design System (USWDS) Components at digital.gov
- User Interface Design patterns at UI-Patterns
- The Anatomy of Input Field by UX Planet
- 32 UI Elements For UI Designers in 2024 on CareerFoundry
Design Elements
Colors
Tools:
- Adobe Color Wheel
- Color palette generator by Canva
- Coolors - color palette generator
- Material UI colors
- Color matching game
- Accessibility contrast checker
- Tint & Shade Generator
- The Sessions College Color Calculator
Articles:
- UI Design in Practice: Colors on uxmisfit.com
- Defining colors in your design system on UX Collective
- Colour Combinations every designer should Know on Yes I'm a designer
- An advanced guide to setting colors in CSS on LogRocket
Colors in culture:
Fonts
- Fontbase (font manager)
- Google Fonts
- dafont.com
- A Five-Minute Guide to Better Typography by Pierrick Calvez
- How to match fonts to your design: a comprehensive guide for designers on Medium.com
- 40+ Best Instagram Fonts for Social Media Branding on JUST Creative
- Google Font Pairings on Figma
- SFWin — San Francisco Fonts for Windows 10 and non-Apple Platform on GitHub
- The Beginner's Guide to Typography in Web Design on HubSpot
- The typographic scale by Spencer Mortensen
- rem vs em Units in CSS on DigitalOcean.com
- Typographic scale tool on Gridlover
- Typographic scale tool on Typescale
UX Storytelling
- How to use storytelling in UX design by UX Design Institute
- Winning the Story Wars - The Hero's Journey (2012) [video]
- How To Use Storytelling In UX on Smashing Magazine
UX Copy
- Words Matter: The True Value of UX Copy by Toptal
- 48 Call-to-Action Examples You Can't Help But Click by HubSpot
- Best microcopy examples and some great insights on Medium [archive]
User Interface Design
- Primary and Secondary Navigation Explained on HubSpot
- Interaction Design by Interaction Design Foundation
- 10 amazing examples of interaction design by inVision
- What is Design Thinking and Why Is It So Popular? by Interaction Design Foundation
- How to use Strings Method to improve any UI design on Medium.com
- Quick UI design tips — 3 on Medium.com
- Micro Interactions: How they help in smooth UI experience on Medium.com
- Implementing modal windows that don’t hurt UX on LogRocket.com
- Form best practices — the Do’s and Don’ts in form design on uxdesign.cc
Icons
- UI cheat sheet: Icon categories + icon style reference guide on UX Collective
- Don’t be afraid to create your own icons: The beginner’s guide on uxdesign.cc
- A complete guide to iconography on Design Systems
- The Super Simple Guide to Iconography on Toptal
- How to create icons in Figma? by Aditi Saini
- SF Symbols
- Material Symbols
- Google Play icon design specifications
- Android Adaptive Icons
- Android Product Icons
- The Noun Project [icon collection]
- iconmonstr [icon collection]
- icons8 [icon collection]
- Icon Grid Templates [figma]
- Material Design Icons [figma]
Accessibility
- Accessibility by Interaction Design Foundation
- The European Accessibility Act: Everything You Need To Know on Forbes
- Introduction to Web Accessibility on w3.org
- WCAG 2 Overview on w3.org
- WCAG - Quick reference guide on guia-wcag.com
- WCAG 2.1 Principles Explained: Perceivability on boia.org
- WCAG 2.1 Principles Explained: Operability on boia.org
- WCAG 2.1 Principles Explained: Understandability on boia.org
- WCAG 2.1 Principles Explained: Robustness on boia.org
- Microsoft Inclusive Design
- Accessibility-focused figma plugins
- whocanuse [color/contrast check tool]
- Accessibility - The new WCAG 2.1 guidelines... [video]
- Color blindness: how to design an accessible user interface on uxdesign.cc
- Designing UI with color blind users in mind on secretstache.com
- Make your design accessible to color-blind users on uxplanet.org
- Color Contrast Accessibility Validator [tool]
Responsive Design
- Desktop Screen Resolution Stats Worldwide by statcounter
- Responsive Design by Interaction Design Foundation
- Responsive Design: Best Practices and Considerations on Toptal
- Responsive grids and how to actually use them on uxdesign.cc
- The Responsive Website Font Size Guidelines on Learn UI Design Blog
- The State of Fluid Web Typography on BETTER WEB TYPE
- The 2024 Guide to Responsive Typography Sizing and Scales on design shack
- Responsive Design: Scaling UI from Desktop screen to Mobile screen on uxdesign.cc
Mobile Design
- Understanding navigation (Material Design)
- Mobile Navigation Menu Design by Fireart
- Top 8 Mobile Navigation Menu Design for Your Inspiration on uxplanet.org
Overview from 2018, and I am not sure in which language is it written. - Basic Patterns For Mobile Navigation: Pros And Cons (2017) on Smashing Magazine
- Understanding Gestures for UI Design on Boldist.co
- iOS vs. Android App UI Design: The Differences Explained by Arounda
- Android vs iOS: App UI Design Differences and Comparison by appinventiv
- Understanding the iOS and Android UI Guidelines by designflyower
- Large Devices Preferred for Important Tasks by Nielsen Norman Group
Apps
- Native vs. Hybrid vs. Web App: What's the Difference? on upwork
- Native vs. Hybrid vs. Cross-Platform vs. Progressive Web Apps on Tech Behemoths
App Monetization
- App Monetization: A guide on how to monetize an app (2019) on leanplum
- How Do Free Apps Make Money on The App Solution
- What's the difference between CPC, CPM, and CPA? on Ad Reform
- Freemium: Definition, Examples, Pros & Cons for Business on Investopedia
Design Systems
- Human Interface Guidelines by Apple, Figma Kit
- Material Design by Google, Figma Kit
- Design Systems Gallery
Dashboards
- 6 UX Design Mistakes While Designing a Dashboard [video]
- How to design better dashboards? on uxdesign.cc
- UI Inspiration: 23 Examples of Dashboard Designs on Icons8 Blog
- Dashboard Interface Design by fuselab creative
- Dashboard Design Patterns
- Data visualization: how to choose a chart type by uxdesign.cc
- Graph Maker on Canva
- visme Chart Maker
- Dashboards on collectui.com
Conversational Interfaces
- What are Chatbots? [video]
- Fitness app chatbot ui ux [example on dribbble]
- Conversational UX: A beginner’s guide (+5 best practices) by Zendesk
- Principles of Conversational User Interfaces with Use Cases on xenonstack
(Another article written in funny language, optimized for search engines) - Conversational User Interface: The Ultimate Breakdown by Landbot
- The Gender Bias Behind Voice Assistants on Clever
- I tried to sexually harass Siri, but all she did was give me a polite brush-off on Guardian
Internet of Things (IoT)
Wearables
- Designing a Successful Wearable Device Through User Research by MistyWest
- How To Create A Better User Experience For Wearables on Usability Geek
- What is Haptic Feedback? Types, devices and use by teslasuit
- UX Design for Smartwatches 2023 | Best Practices on enou.co
- Your guide to smartwatch interface design: designing for all on uxdesign.cc
- UX for Wearables : Your Ultimate Guide by protopie.io
Designing for children
- Designing For Children [video]
- Designing Web Interfaces For Kids on Smashing Magazine
Gamification
- The role of gamification in UX design: creating engaging user experiences by UX Design Institute
- What is gamification? [video] by TechTarget
- Reality Is Broken: Why Games Make Us Better and How They Can Change the World [book]
Game UX/UI
- So You Wanna Make Games?? | Episode 9: User Interface Design [video]
- Level Up: A Guide to Game UI (with Infographic) on Toptal
- Game UI Design: A Detailed Guide For Game Artists on muz.li
- Game UX Design: The Complete Guide In 2024 by Mockplus
- Game UI Design: Everything You Need To Know by carreerfoundry.com
- What is Game UX? The Complete Guide for 2024 by carreerfoundry.com
- How To Get Started In Game Design on zerotomastery.io
- Mastering UX/UI in 2024: Elevate Your Design Integration Game [members only] on Medium
- Game dev conferences
- Game dev jobs [1] [2] [3]
- Game development organizations (map)
Mailing lists
- mailerlite.com
- 20 Email Marketing Best Practices That Drive Sales by Shopify
- Email Marketing on engagebay
Formats
- Which is the Best Image Format for Your Website? on imagekit.io
- Image file type and format guide on developer.mozilla.org
- Media container formats (file types) on developer.mozilla.org
- The best audio file formats for 2024 on voice123.com
- Ultimate Guide on 7 Best Video Formats for 2024 on videoproc.com
- Web video codec guide on developer.mozilla.org
- What is the best animation format for websites? on creattie.com
Website performance/health
- Web Vitals
- Core Web Vitals [tool]
- PageSpeed Insights [tool]
UX and SEO
- Where To Start With UX When It Comes to SEO (UX SEO Guide) on Springboard
- Search Engine Optimization (SEO) Starter Guide by Google
Design Handoffs
Articles
- UX Project Checklist
- Design Handoffs by Interaction Design Foundation
- A Guide to Successful Design Handoffs on uxdesign.cc
Posts
No comments:
Post a Comment