Topics Supporting Resources Goals Additional Comments

Note: If you find this relevant, head over to www.usable.community, you can sign up and connect with other people interested in
starting or growing their design careers.

What is Design? https://medium.com/google-design/the-

meaning-of-design-44f1a82129a8
https://shakuro.com/blog/the-meaning-of-
design-what-design-is-and-why-its-important
https://usabilitypost.com/2010/11/17/the-
design-of-everyday-things/?ref=hackdesign

The concept of Design Thinking. https://www.youtube.com/watch?

v=gHGN6hs2gZY
https://www.interaction-design.
org/literature/article/5-stages-in-the-design-
thinking-process
https://www.ideou.
com/blogs/inspiration/what-is-design-thinking
https://hbr.org/2018/09/why-design-thinking-
works

Heuristics of UX Design https://www.nngroup.com/articles/ten-

usability-heuristics/
WEEK 1 https://www.youtube.com/watch?
Introduction to UX Design v=sIP71g8ueK0
Explore the meaning of Design, the https://www.behance.
common terminologies within the design net/gallery/62185697/Psychological-Laws-of-
industry and many more. User-Experience
https://behaviormodel.org/?ref=hackdesign

Interaction Design https://www.uxbooth.com/articles/complete-

beginners-guide-to-interaction-design/?
ref=hackdesign

Usability https://www.nngroup.com/articles/usability-
101-introduction-to-usability/
https://www.designforusability.org/about/an-
introduction-to-usability

UX vs UI https://careerfoundry.com/en/blog/ux-
design/the-difference-between-ux-and-ui-
design-a-laymans-guide/
https://xd.adobe.com/ideas/process/ui-
design/ui-vs-ux-design-understanding-
similarities-and-differences/

White Space https://blog.prototypr.io/importance-of-white-

space-in-design-5a40c0e65bfd
https://themeisle.com/blog/white-space-
design/
https://designforhackers.
com/blog/whitespace-113/

Layouts & Grid https://webdesign.tutsplus.com/articles/a-

comprehensive-introduction-to-grids-in-web-
design--cms-26521
https://www.designer-daily.com/the-use-of-
grids-in-website-design-6639
https://www.youtube.com/watch?
v=TDRhwSfxYkg
https://en.99designs.nl/blog/web-
digital/website-layout-fundamentals/
https://material.
io/design/layout/understanding-layout.html#
https://markboulton.co.uk/journal/five-simple-
steps-to-designing-grid-systems-preface/?
ref=hackdesign

Typography https://careerfoundry.com/en/blog/ui-
design/beginners-guide-to-typography/#:~:
text=2.-,Why%20is%20typography%
20important%3F,set%20the%20product's%
20overall%20tone.
https://betterwebtype.
com/articles/2018/10/15/rhythm-in-web-
typography/
https://medium.com/swlh/everything-you-
need-to-know-about-designing-for-web-
typography-69cec6ca8230
WEEK 2 https://www.youtube.com/watch?
UI Basics. v=OUp7ale49lI
http://www.merttol.
What do humans see when they look at
com/articles/web/checklist-for-better-web-
an interface.
typography.html
The goal of this section is to ensure you
can identify the various
features/components that come
together to make an interface
Visual Hierarchy https://webdesign.tutsplus.
com/articles/understanding-visual-hierarchy-
in-web-design--webdesign-84
https://en.99designs.nl/blog/tips/6-principles-
of-visual-hierarchy/
http://vanseodesign.com/web-design/visual-
hierarchy/?ref=hackdesign

Colors https://webflow.com/blog/color-theory
https://en.99designs.nl/blog/creative-
inspiration/psychology-color-web-design/
https://en.99designs.nl/blog/tips/how-color-
impacts-emotions-and-behaviors/
https://www.youtube.com/watch?
v=UuPt4RpV4Xc

Accessibility https://www.interaction-design.
org/literature/topics/accessibility
https://uxplanet.org/a-primer-to-web-
accessibility-for-designers-2c548448c612

Copy. Because, Words Matter https://signalvnoise.com/posts/3404-

reminder-design-is-still-about-words?
ref=hackdesign
https://medium.com/nyc-design/the-
importance-of-copy-in-ux-2b1ed8aecd92
https://www.toptal.com/designers/ux/ux-copy
USER EXPERIENCE DESI
USER EXPERIENCE DESIGN

Role of Context in Design https://uxdworld.com/2020/08/13/importance-

of-context-in-design/#:~:text=The%
20context%20of%20a%20product,going%
20to%20use%20this%20product.
https://www.shopify.
com/partners/blog/97802374-designing-with-
the-users-context-in-mind
https://uxdesign.cc/contextual-ux-
5ef5db68d869
https://www.youtube.com/watch?
v=eemOZfsrKdg
https://www.youtube.com/watch?
v=qV6yPErbjCg

Design for Mobile (& Web) https://www.interaction-design.

org/literature/topics/mobile-ux-design
https://medium.com/@richardomolo/context-
and-notifications-in-mobile-app-ux-design-
a1e1e6e6b6a1
WEEK 3
Context Matters: Web, Mobile, Voice, https://www.toptal.com/designers/ux/mobile-
VR & More ux-design-best-practices
What are the things to consider when
designing for various platforms Web https://webflow.com/blog/web-design-for-
beginners
https://www.youtube.com/watch?
v=kDuN9siqvE0
https://uxdesign.cc/contextual-ux-
5ef5db68d869

Design for Voice https://www.interaction-design.

org/literature/article/how-to-design-voice-
user-interfaces
https://www.youtube.com/watch?
v=8OXN0ZDpwrM

Design for Argumented Reality (AR) or https://xd.adobe.

Virtual Reality (VR) com/ideas/principles/emerging-technology/ux-
design-principles-for-augmented-reality/
https://www.youtube.com/watch?
v=v0c5P3prpMM
https://www.youtube.com/watch?
v=rqAxyxEYdp8

What is UX Research & Types https://www.nngroup.com/articles/which-ux-

research-methods/
https://www.nngroup.com/articles/ux-
research-cheat-sheet/
https://www.toptal.com/designers/user-
research/guide-to-ux-research-methods
WEEK 4 https://maze.co/guides/ux-research/
Introduction to UX Research https://www.youtube.com/watch?
If the premise of design is to solve v=zGCRhd3r4fE
problems for the user, then the user
should be at the center of every design.
This section is focused on various
methods/tools you can use to https://www.uxmatters.
understand a user. The main goal with com/mt/archives/2012/02/communicating-user-
this section is to know your options so research-findings.php
you can at least identify when you need https://uxplanet.org/communicating-ux-
to conduct a qualitative or quantitative research-98df0b0f8d16
research.
https://uxdesign.cc/4-pillars-of-
communicating-the-value-of-user-research-
ffcb3bfb0771
https://www.youtube.com/watch?
v=esg5iUALAJM
Turning research outcomes to actionable https://www.youtube.com/watch?
insights v=kodg6tBRsPA

What is design thinking https://www.ideou. Don't bother watching the video attached to this link. It's one
com/blogs/inspiration/what-is-design-thinking you can save for later. It explores the application of design
thinking for businesses and measuring business impact. We will
cover this lightly in a seperate section Note We need to discuss this topic.
AJ&Smart: https://www.youtube.com/watch?
v=gHGN6hs2gZY Related Activities

Business Value of Design Thinking https://hbr.org/2018/09/why-design-thinking-

works

The Design Thinking process https://www.youtube.com/watch?v=_r0VX-

aU_T8

The Design Thinking process: 1. Empathize https://careerfoundry.com/en/blog/ux-

design/empathy-and-ux-design/
https://www.youtube.com/watch?v=q654-
kmF3Pc
https://www.youtube.com/watch?
v=QwF9a56WFWA

The Design Thinking process: 2. Define https://careerfoundry.com/en/blog/ux-

design/stage-two-design-thinking-define-the-
problem/
https://www.youtube.com/watch?
v=TNAdanuvwtc&t=0s

The Design Thinking process: 3. Ideate https://careerfoundry.com/en/blog/ux-

WEEK 5 - 7 design/what-is-ideation-in-design-thinking/
Introduction to Design Thinking workshopper.com/post/design-thinkings-
exciting-third-phase-ideating
https://www.youtube.com/watch?
v=zbLxs6te5to&t=0s

The Design Thinking process: 4. Prototype https://careerfoundry.com/en/blog/ux-

design/design-thinking-stage-four-
prototyping/
https://careerfoundry.com/en/blog/ui-
design/the-value-of-prototyping-in-ui-design/
https://www.youtube.com/watch?
v=Q4MzT2MEDHA&t=0s

The Design Thinking process: 5. Test https://www.workshopper.com/post/design-

thinking-phase-5-how-to-test-effectively
https://www.youtube.com/watch?
v=UVEQCNM6X-A&t=0s
https://www.youtube.com/watch?
v=OrYYdVyyc8s
 Some related videos https://www.youtube.com/watch?
v=UQYoWwHg3qA
https://www.youtube.com/watch?
v=ZBxZC9I6xyk
https://www.youtube.com/watch?
v=cJQh9dTp1OE

Introduction: User Interface Design https://www.interaction-design.

org/literature/topics/ui-design#:~:text=User%
20interface%20(UI)%20design%20is,e.g.%
2C%20voice%2Dcontrolled%20interfaces.

Sum of the Parts. https://sparkbox.

Breaking interfaces into smaller components com/foundry/web_design_process_decomposi
tion_exercise Some Additional Resources
https://getflywheel.com/layout/design-for-
Week 8 web-using-design-patterns-how-to/ UI Patterns @UX Library: https://www.uxlibrary.org/explore/ui-design/ui-patterns-and-inspiration
Moving Pixels: Interface Design
The goal with this module is to be able https://www.youtube.com/watch?
to break every website or app into v=aB6us_txi54 ReallyGood UX - https://www.reallygoodux.io/
smaller, identifiable components or https://www.youtube.com/watch?
patterns. v=_7LZ14xtfOc UI Recipes - https://uirecipes.com/
Page Flows - https://pageflows.com/

Designing for Everyone: Accessibility https://uxdesign.cc/designing-for-

accessibility-is-not-that-hard-c04cc4779d94
https://www.youtube.com/watch?
v=mp1PfL3m_hI
USER INTERFACE DESIGN

https://medium.com/slacktime/introduction-to-
ui-design-8b54cd355a7b

Week 9 - 󰣿 Getting Started with Figma https://www.youtube.com/watch?

Learn by Doing: Figma v=jk1T0CdLxwU
https://www.youtube.com/watch?
For this part of the process, the focus is v=FTFaQWZBqQ8
on improving your UI Design skills with
Figma as the design tool. This will be the https://www.youtube.com/watch?
longest part of this journey because it v=1MbQaYCCzzI
does not end. The idea is to design as
many interfaces as possible. Through UI Design Exercises/Examples Landing Page
the iteration, your mastery of the tool will https://www.youtube.com/watch?
improve which will also translate to an v=tNp7EA73Y2A
improvement of the quality or polish of
Uber Eats Design
your interface design skills.
https://www.youtube.com/watch?
v=GDjEvZ3wpSs
For this curriculum, we are using Figma.
This is because Figma offers a free
software for designers to design digital
products. It is also available on the
browser which reduces the barrier to
entry since everyone with a computer
can access figma.

Signup for your FREE personal account

on http://figma.com/