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.

USER EXPERIENCE DESIGN WEEK 1 Introduction to UX Design Explore the meaning of Design, the common terminologies within the design industry and many more. 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/

https://www.youtube.com/watch?v=sIP71g8ueK0

https://www.behance.net/gallery/62185697/Psychological-Laws-of-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/

WEEK 2 UI Basics. What do humans see when they look at an interface. The goal of this section is to ensure you can identify the various features/components that come together to make an interface 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

https://www.youtube.com/watch?v=OUp7ale49lI

http://www.merttol.com/articles/web/checklist-for-better-web-typography.html

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

WEEK 3 Context Matters: Web, Mobile, Voice, VR & More What are the things to consider when designing for various platforms 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

https://www.toptal.com/designers/ux/mobile-ux-design-best-practices

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 Virtual Reality (VR) https://xd.adobe.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

WEEK 4 Introduction to UX Research If the premise of design is to solve 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 understand a user. The main goal with this section is to know your options so you can at least identify when you need to conduct a qualitative or quantitative research. 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

https://maze.co/guides/ux-research/

https://www.youtube.com/watch?v=zGCRhd3r4fE

Turning research outcomes to actionable insights https://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php

https://uxplanet.org/communicating-ux-research-98df0b0f8d16

https://uxdesign.cc/4-pillars-of-communicating-the-value-of-user-research-ffcb3bfb0771

https://www.youtube.com/watch?v=esg5iUALAJM

https://www.youtube.com/watch?v=kodg6tBRsPA

WEEK 5 - 7 Introduction to Design Thinking What is design thinking https://www.ideou.com/blogs/inspiration/what-is-design-thinking Don't bother watching the video attached to this link. It's one 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-design/what-is-ideation-in-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

USER INTERFACE DESIGN Week 8 Moving Pixels: Interface Design The goal with this module is to be able to break every website or app into smaller, identifiable components or patterns. 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. Breaking interfaces into smaller components https://sparkbox.com/foundry/web_design_process_decomposition_exercise Some Additional Resources

https://getflywheel.com/layout/design-for-web-using-design-patterns-how-to/ UI Patterns @UX Library: https://www.uxlibrary.org/explore/ui-design/ui-patterns-and-inspiration

https://www.youtube.com/watch?v=aB6us_txi54 Real