A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Topics | Supporting Resources | Goals | Additional Comments | ||||||||||||||||||||||||
2 | 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. | |||||||||||||||||||||||||||
3 | ||||||||||||||||||||||||||||
4 | 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 | ||||||||||||||||||||||||
5 | https://shakuro.com/blog/the-meaning-of-design-what-design-is-and-why-its-important | |||||||||||||||||||||||||||
6 | https://usabilitypost.com/2010/11/17/the-design-of-everyday-things/?ref=hackdesign | |||||||||||||||||||||||||||
7 | ||||||||||||||||||||||||||||
8 | The concept of Design Thinking. | https://www.youtube.com/watch?v=gHGN6hs2gZY | ||||||||||||||||||||||||||
9 | https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process | |||||||||||||||||||||||||||
10 | https://www.ideou.com/blogs/inspiration/what-is-design-thinking | |||||||||||||||||||||||||||
11 | https://hbr.org/2018/09/why-design-thinking-works | |||||||||||||||||||||||||||
12 | ||||||||||||||||||||||||||||
13 | Heuristics of UX Design | https://www.nngroup.com/articles/ten-usability-heuristics/ | ||||||||||||||||||||||||||
14 | https://www.youtube.com/watch?v=sIP71g8ueK0 | |||||||||||||||||||||||||||
15 | https://www.behance.net/gallery/62185697/Psychological-Laws-of-User-Experience | |||||||||||||||||||||||||||
16 | https://behaviormodel.org/?ref=hackdesign | |||||||||||||||||||||||||||
17 | ||||||||||||||||||||||||||||
18 | Interaction Design | https://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/?ref=hackdesign | ||||||||||||||||||||||||||
19 | ||||||||||||||||||||||||||||
20 | ||||||||||||||||||||||||||||
21 | Usability | https://www.nngroup.com/articles/usability-101-introduction-to-usability/ | ||||||||||||||||||||||||||
22 | https://www.designforusability.org/about/an-introduction-to-usability | |||||||||||||||||||||||||||
23 | ||||||||||||||||||||||||||||
24 | ||||||||||||||||||||||||||||
25 | UX vs UI | https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/ | ||||||||||||||||||||||||||
26 | https://xd.adobe.com/ideas/process/ui-design/ui-vs-ux-design-understanding-similarities-and-differences/ | |||||||||||||||||||||||||||
27 | ||||||||||||||||||||||||||||
28 | 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 | |||||||||||||||||||||||||
29 | https://themeisle.com/blog/white-space-design/ | |||||||||||||||||||||||||||
30 | https://designforhackers.com/blog/whitespace-113/ | |||||||||||||||||||||||||||
31 | ||||||||||||||||||||||||||||
32 | Layouts & Grid | https://webdesign.tutsplus.com/articles/a-comprehensive-introduction-to-grids-in-web-design--cms-26521 | ||||||||||||||||||||||||||
33 | https://www.designer-daily.com/the-use-of-grids-in-website-design-6639 | |||||||||||||||||||||||||||
34 | https://www.youtube.com/watch?v=TDRhwSfxYkg | |||||||||||||||||||||||||||
35 | https://en.99designs.nl/blog/web-digital/website-layout-fundamentals/ | |||||||||||||||||||||||||||
36 | https://material.io/design/layout/understanding-layout.html# | |||||||||||||||||||||||||||
37 | https://markboulton.co.uk/journal/five-simple-steps-to-designing-grid-systems-preface/?ref=hackdesign | |||||||||||||||||||||||||||
38 | ||||||||||||||||||||||||||||
39 | 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. | ||||||||||||||||||||||||||
40 | https://betterwebtype.com/articles/2018/10/15/rhythm-in-web-typography/ | |||||||||||||||||||||||||||
41 | https://medium.com/swlh/everything-you-need-to-know-about-designing-for-web-typography-69cec6ca8230 | |||||||||||||||||||||||||||
42 | https://www.youtube.com/watch?v=OUp7ale49lI | |||||||||||||||||||||||||||
43 | http://www.merttol.com/articles/web/checklist-for-better-web-typography.html | |||||||||||||||||||||||||||
44 | ||||||||||||||||||||||||||||
45 | ||||||||||||||||||||||||||||
46 | Visual Hierarchy | https://webdesign.tutsplus.com/articles/understanding-visual-hierarchy-in-web-design--webdesign-84 | ||||||||||||||||||||||||||
47 | https://en.99designs.nl/blog/tips/6-principles-of-visual-hierarchy/ | |||||||||||||||||||||||||||
48 | http://vanseodesign.com/web-design/visual-hierarchy/?ref=hackdesign | |||||||||||||||||||||||||||
49 | ||||||||||||||||||||||||||||
50 | ||||||||||||||||||||||||||||
51 | Colors | https://webflow.com/blog/color-theory | ||||||||||||||||||||||||||
52 | https://en.99designs.nl/blog/creative-inspiration/psychology-color-web-design/ | |||||||||||||||||||||||||||
53 | https://en.99designs.nl/blog/tips/how-color-impacts-emotions-and-behaviors/ | |||||||||||||||||||||||||||
54 | https://www.youtube.com/watch?v=UuPt4RpV4Xc | |||||||||||||||||||||||||||
55 | ||||||||||||||||||||||||||||
56 | ||||||||||||||||||||||||||||
57 | Accessibility | https://www.interaction-design.org/literature/topics/accessibility | ||||||||||||||||||||||||||
58 | https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612 | |||||||||||||||||||||||||||
59 | ||||||||||||||||||||||||||||
60 | ||||||||||||||||||||||||||||
61 | ||||||||||||||||||||||||||||
62 | Copy. Because, Words Matter | https://signalvnoise.com/posts/3404-reminder-design-is-still-about-words?ref=hackdesign | ||||||||||||||||||||||||||
63 | https://medium.com/nyc-design/the-importance-of-copy-in-ux-2b1ed8aecd92 | |||||||||||||||||||||||||||
64 | https://www.toptal.com/designers/ux/ux-copy | |||||||||||||||||||||||||||
65 | ||||||||||||||||||||||||||||
66 | ||||||||||||||||||||||||||||
67 | ||||||||||||||||||||||||||||
68 | ||||||||||||||||||||||||||||
69 | ||||||||||||||||||||||||||||
70 | 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. | |||||||||||||||||||||||||
71 | https://www.shopify.com/partners/blog/97802374-designing-with-the-users-context-in-mind | |||||||||||||||||||||||||||
72 | https://uxdesign.cc/contextual-ux-5ef5db68d869 | |||||||||||||||||||||||||||
73 | https://www.youtube.com/watch?v=eemOZfsrKdg | |||||||||||||||||||||||||||
74 | https://www.youtube.com/watch?v=qV6yPErbjCg | |||||||||||||||||||||||||||
75 | ||||||||||||||||||||||||||||
76 | ||||||||||||||||||||||||||||
77 | Design for Mobile (& Web) | https://www.interaction-design.org/literature/topics/mobile-ux-design | ||||||||||||||||||||||||||
78 | https://medium.com/@richardomolo/context-and-notifications-in-mobile-app-ux-design-a1e1e6e6b6a1 | |||||||||||||||||||||||||||
79 | https://www.toptal.com/designers/ux/mobile-ux-design-best-practices | |||||||||||||||||||||||||||
80 | ||||||||||||||||||||||||||||
81 | Web | https://webflow.com/blog/web-design-for-beginners | ||||||||||||||||||||||||||
82 | https://www.youtube.com/watch?v=kDuN9siqvE0 | |||||||||||||||||||||||||||
83 | https://uxdesign.cc/contextual-ux-5ef5db68d869 | |||||||||||||||||||||||||||
84 | ||||||||||||||||||||||||||||
85 | Design for Voice | https://www.interaction-design.org/literature/article/how-to-design-voice-user-interfaces | ||||||||||||||||||||||||||
86 | https://www.youtube.com/watch?v=8OXN0ZDpwrM | |||||||||||||||||||||||||||
87 | ||||||||||||||||||||||||||||
88 | Design for Argumented Reality (AR) or Virtual Reality (VR) | https://xd.adobe.com/ideas/principles/emerging-technology/ux-design-principles-for-augmented-reality/ | ||||||||||||||||||||||||||
89 | https://www.youtube.com/watch?v=v0c5P3prpMM | |||||||||||||||||||||||||||
90 | https://www.youtube.com/watch?v=rqAxyxEYdp8 | |||||||||||||||||||||||||||
91 | ||||||||||||||||||||||||||||
92 | ||||||||||||||||||||||||||||
93 | ||||||||||||||||||||||||||||
94 | ||||||||||||||||||||||||||||
95 | 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/ | |||||||||||||||||||||||||
96 | https://www.nngroup.com/articles/ux-research-cheat-sheet/ | |||||||||||||||||||||||||||
97 | https://www.toptal.com/designers/user-research/guide-to-ux-research-methods | |||||||||||||||||||||||||||
98 | https://maze.co/guides/ux-research/ | |||||||||||||||||||||||||||
99 | https://www.youtube.com/watch?v=zGCRhd3r4fE | |||||||||||||||||||||||||||
100 |