UX Designer: 0 - 1 Study Guide [@udezekene]

A study guide for a mentee who is transitioning into a UX design career. If you're new to UX, or looking to get started, this might be useful for you. Leave a comment for what you we might be missing.

From the heystacks.com archiveUpdated 3 May 2024714 views

DiscussOpen original

View as text

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

UX design engineering web development career UI art

Read source · Agent API · Licensing · Report content

Discussion 0

No discussion yet. Start it — no sign-up needed.

Related

Discussion 0