Improve Your UI Design FAST With These Exercises | Design With Me
Improve your UI (and UX) design skills fast with these 8 exercises!
⏰ Watch the full video to learn the exercises, or see timestamps below:
👀 Watch this next: https://youtu.be/451-kEpoc8w
SUBSCRIBE – If you haven’t already, and you like this content!
QUESTIONS – Have questions for future videos like this one? Drop it in the comments!
⏰ Timestamps ⏰
0:00 - Intro
0:19 - Button Feedback
0:56 - Designing In Motion
2:01 - Is This Responsive?
2:22 - User-Centered
2:56 - Simplify This!
3:32 - Heuristics
4:24 - Affordances & Signifiers
5:08 - Consistency & Constraints
6:10 - Outro
Disclaimer:
I like to be transparent with my audiences, so some exercises mentioned in this video were inspired by ChatGPT. If you’re looking for more design exercises, I recommend using this AI tool to practice with to improve your UI design skills.
Resources:
Download Figma (not sponsored): https://www.figma.com/downloads/
Branding Style Guides: https://brandingstyleguides.com/
Coca-Cola Brand Identity (used for research purposes only, not sponsored): https://brandingstyleguides.com/guide/coca-cola-2020/
Definitions:
12 Principles Of UX Design (Willenskomer, 2017): https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
User-Centered Design (Interaction Design Foundation, 2016): https://www.interaction-design.org/literature/topics/user-centered-design#:~:text=User%2Dcentered%20design%20(UCD),and%20accessible%20products%20for%20them.
Simplifying UX/UI Design (Nguyen, 2023): https://medium.com/design-bootcamp/simplifying-ux-ui-design-tips-for-reducing-cognitive-load-f28fce98a4b2
10 Usability Heuristics (Bora, 2023): https://uxdesign.cc/usability-heuristics-for-user-interface-design-aeec304fafc9
HCI (Interaction Design Foundation, 2016): https://www.interaction-design.org/literature/topics/human-computer-interaction#:~:text=Human%2Dcomputer%20interaction%20(HCI)%20is%20a%20multidisciplinary%20field%20of,(the%20users)%20and%20computers.
Affordances & Signifiers (Nolan, 2023): https://medium.com/design-bootcamp/affordances-vs-signifiers-the-importance-of-affordances-and-signifiers-in-user-experience-27aa7dface9e#:~:text=In%20summary%2C%20Affordances%20refer%20to,interface%20more%20usable%20for%20users.
#jazzybean #design #exercises #designexercises
Music/Audio:
Podcast Background Music While Talking Interviews - Copyright Free Music (on YouTube): https://www.youtube.com/watch?v=cdFqvdekuvI
📌 About:
In this video, I provide 8 UX/UI design exercises, helping designers improve their skills. If you are looking to find design exercises this is the video for you!
⏰ Watch the full video to learn the exercises, or see timestamps below:
👀 Watch this next: https://youtu.be/451-kEpoc8w
SUBSCRIBE – If you haven’t already, and you like this content!
QUESTIONS – Have questions for future videos like this one? Drop it in the comments!
⏰ Timestamps ⏰
0:00 - Intro
0:19 - Button Feedback
0:56 - Designing In Motion
2:01 - Is This Responsive?
2:22 - User-Centered
2:56 - Simplify This!
3:32 - Heuristics
4:24 - Affordances & Signifiers
5:08 - Consistency & Constraints
6:10 - Outro
Disclaimer:
I like to be transparent with my audiences, so some exercises mentioned in this video were inspired by ChatGPT. If you’re looking for more design exercises, I recommend using this AI tool to practice with to improve your UI design skills.
Resources:
Download Figma (not sponsored): https://www.figma.com/downloads/
Branding Style Guides: https://brandingstyleguides.com/
Coca-Cola Brand Identity (used for research purposes only, not sponsored): https://brandingstyleguides.com/guide/coca-cola-2020/
Definitions:
12 Principles Of UX Design (Willenskomer, 2017): https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
User-Centered Design (Interaction Design Foundation, 2016): https://www.interaction-design.org/literature/topics/user-centered-design#:~:text=User%2Dcentered%20design%20(UCD),and%20accessible%20products%20for%20them.
Simplifying UX/UI Design (Nguyen, 2023): https://medium.com/design-bootcamp/simplifying-ux-ui-design-tips-for-reducing-cognitive-load-f28fce98a4b2
10 Usability Heuristics (Bora, 2023): https://uxdesign.cc/usability-heuristics-for-user-interface-design-aeec304fafc9
HCI (Interaction Design Foundation, 2016): https://www.interaction-design.org/literature/topics/human-computer-interaction#:~:text=Human%2Dcomputer%20interaction%20(HCI)%20is%20a%20multidisciplinary%20field%20of,(the%20users)%20and%20computers.
Affordances & Signifiers (Nolan, 2023): https://medium.com/design-bootcamp/affordances-vs-signifiers-the-importance-of-affordances-and-signifiers-in-user-experience-27aa7dface9e#:~:text=In%20summary%2C%20Affordances%20refer%20to,interface%20more%20usable%20for%20users.
#jazzybean #design #exercises #designexercises
Music/Audio:
Podcast Background Music While Talking Interviews - Copyright Free Music (on YouTube): https://www.youtube.com/watch?v=cdFqvdekuvI
📌 About:
In this video, I provide 8 UX/UI design exercises, helping designers improve their skills. If you are looking to find design exercises this is the video for you!