UX Design

Created @April 26, 2022 12:03 PM

Last Updated @April 26, 2022 11:55 PM

Owners

Property

UX classes & knowledge & mostly FREE stuff

Name URL

User Experience Database -

Free Product Design Course + https://www.uxdatabase.io/
Resources

UX Masterclass https://uxmasterclass.design/

Degreeless design https://www.degreeless.design/

Free printable templates for

https://craftwork.design/downloads/printables/
your sketching

Figma and Sketch flowcharts

https://craftwork.design/downloads/greyhound-flowcharts-2/
to download

Library of how to start UX and

https://publishsomethingonline.com/
web initiatives

Built for Mars - Case study

https://builtformars.com/
inspirations

Educational UX case studies https://growth.design/case-studies

Hack design free UX lessons https://hackdesign.org/lessons

Design methods https://www.designkit.org/methods

UX Design 1
 Name URL

UX project checklist https://uxchecklist.github.io/

IDEO - human centered https://www.usertesting.com/blog/how-ideo-uses-customer-

design process insights-to-design-innovative-products-users-love

The design sprint https://www.gv.com/sprint/

195 design principles https://principles.design/

https://www.usability.gov/how-to-and-
UX methods
tools/methods/index.html

https://www.usability.gov/how-to-and-
Information architecture
tools/methods/information-architecture/index.html

https://www.usability.gov/how-to-and-tools/resources/ucd-
UCD process map
map.html

How to get started in UX in

https://youtu.be/3J5XOfxewQw
2022

Curated case studies to get

https://www.casestudy.club/
inspired

Case study template https://www.figma.com/community/file/892528949344124083

Untitled

Articles & Videos

Property URL
UX SKETCHING techniques 101 |
How to sketch & use wireframing https://youtu.be/5p1WoXx8w3M
in User Experience UX Design

UX design methods and https://uxdesign.cc/a-comprehensive-list-of-ux-design-

deliverables methods-deliverables-2021-2feb3e70e168
Double diamond strategy & https://www.thoughtworks.com/insights/blog/double-
execution diamond
Design thinking and ethics https://www.figma.com/resources/learn-design/ethics/

https://uxplanet.org/storyboarding-in-ux-design-
How to storyboard for UX design
b9d2e18e5fab

PURE - practical usability rating

https://measuringu.com/pure/
by experts

What is UX design (user

experience) explained in 2 https://youtu.be/0HP0kGrAszI
minutes

UX Design 2
 Property URL

How might we method https://www.designkit.org/methods/3

Insight statement https://www.designkit.org/methods/62

https://medium.com/eightshapes-llc/how-to-build-a-
How to build a problem statement
problem-statement-d1f21713720b

https://www.uxpin.com/studio/ux-design/how-to-write-a-
How to create a user story
painless-user-story-for-agile-ux-teams/

https://www.intercom.com/resources/books/intercom-
Jobs to be done
jobs-to-be-done

https://www.atlassian.com/agile/project-
User story template by Atlassian
management/user-stories
https://www.invisionapp.com/inside-design/designer-
Value proposition explained
value-proposition/
Mental and conceptual models in https://uxdesign.cc/understanding-mental-and-
product design conceptual-models-in-product-design-7d69de3cae26
https://uxdesign.cc/user-experience-is-one-of-the-hottest-
Usability heuristics
topics-in-day-today-designers-life-fb314978e1ff
Heuristic Evaluation and a
https://measuringu.com/he-cw/
Cognitive Walkthrough

https://www.interaction-
Gestalt principles
design.org/literature/topics/gestalt-principles

https://uxdesign.cc/ux-design-methods-deliverables-
UX design methods & deliverables
657f54ce3c7d

https://developers.google.com/web/fundamentals/design-
Basics of UX
and-ux/ux-basics/

https://medium.com/level-up-web/a-dummies-guide-to-
Dummies guide to UX
ux-basics-159378970d60
https://uxplanet.org/button-ux-design-best-practices-
Button states
types-and-states-647cf4ae0fc6
https://medium.muz.li/23-minute-design-school-
23 minutes of design school
6c938dd97f2b
25 step programme to become a https://medium.com/ux-power-tools/a-25-step-program-
great designer for-becoming-a-great-designer-ae7e1714527e
4 rules for intuitive UX https://learnui.design/blog/4-rules-intuitive-ux.html

A Guide to Wireframing a Website https://www.framer.com/blog/posts/complete-guide-to-

or App wireframing/

How to wireframe - THE BASICS https://youtu.be/F0esWnwZOMg

UX Design 3
 Property URL

How to add realistic mockup to

https://youtu.be/VgWetgTN3c0
your portfolio - Figma tutorial

Blogs

Name URL

UX and UI tips https://www.marcandrew.me/

Psychology cheat sheet https://growth.design/psychology

One-stop shop for all things
https://www.uxlibrary.org/
UX

Design better flows by

https://pageflows.com/
learning from proven products

Laws of UX https://lawsofux.com/
Design Libs https://www.designlibs.com/

UX Movement https://uxmovement.com/

NN Group https://www.nngroup.com/articles/

Airbnb design https://airbnb.design/

Inside Intercom https://www.intercom.com/blog/product-and-design/

Humane by design https://humanebydesign.com/

UX Apprentice https://www.uxapprentice.com/design/

Behavioural design and https://yukaichou.com/gamification-examples/octalysis-

gamification complete-gamification-framework/#.Wz4ikBJKjUJ

Design Buddies https://medium.com/designbuddies

Some of these articles and examples are a few years old, but they tested time, and
the patterns are still valid.

Misc Design Resources

Title Column 1

UX Stackexchange - to find an
https://ux.stackexchange.com/
answer to a design issue

https://medium.com/nextux/design-better-data-tables-
How to design better data tables
4ecc99d23356

UX Design 4
 Title Column 1

Navigation design http://navnav.co/

https://medium.com/@kollinz/hamburger-menu-
Hamburger menu alternatives alternatives-for-mobile-navigation-
a3a3beb555b8#.gevjmev3p

Data visualization https://www.data-to-viz.com/

Charts for data viz https://datavizproject.com/

https://www2.insightsoftware.com/dashboard-design-
Using the Right Visualizations
guide/using-the-right-visualizations/

https://uxplanet.org/checkbox-vs-toggle-switch-
Checkbox or toggle
7fc6e83f10b8

https://medium.com/nextux/alternatives-to-placeholder-text-
Form and its placeholder text
13f430abc56f#.6zy416oen

https://uxmovement.com/forms/why-infield-top-aligned-
Form design basics
form-labels-are-quickest-to-scan/

https://medium.com/nextux/design-better-forms-
How to design better forms
96fadca0f49c#.yi8ued62g
https://uxdesign.cc/the-anatomy-of-a-credit-card-payment-
Credit card checkout design
form-32ec0e5708bb#.6lqkid4r0

https://uxplanet.org/designing-perfect-text-field-clarity-
Designing perfect text fields
accessibility-and-user-effort-d03c1e26004b#.mrv5j4953

https://blog.prototypr.io/creating-user-friendly-forms-
Creating user friendly forms
46e3f7f4eef2

Rules of form design - see the https://www.uxbooth.com/articles/the-new-rules-of-form-

evaluation from 2018 to today design/

How to design accessible forms https://youtu.be/mvIaUHr2i5U

When & how to use accordion |
https://youtu.be/voNNwlL-wdE
UX design best practice

UX Design 5