TeamTreehouse - Design Skills for Web Developers (Track)

File Name

Size

Design Skills for Web Developers.md

7.4 kB

01. Intro to Design Thinking/Intro to Design Thinking.md

6.1 kB

01. Intro to Design Thinking/01. Becoming a Design Thinker/01. Design Thinking Origins.webm

12 MB

01. Intro to Design Thinking/01. Becoming a Design Thinker/02. Design Thinking Terms and Practices.webm

11 MB

01. Intro to Design Thinking/01. Becoming a Design Thinker/03. Mindsets vs. Methods.webm

11 MB

01. Intro to Design Thinking/02. Becoming Acquainted with Your User/01. Empathy Maps.webm

18 MB

01. Intro to Design Thinking/02. Becoming Acquainted with Your User/02. Data Collection.webm

25 MB

01. Intro to Design Thinking/02. Becoming Acquainted with Your User/03. Activity Data Collection.md

1.8 kB

01. Intro to Design Thinking/02. Becoming Acquainted with Your User/04. Who is My User.webm

16 MB

01. Intro to Design Thinking/02. Becoming Acquainted with Your User/05. Activity Who is My User.md

2.3 kB

01. Intro to Design Thinking/03. Understanding Your User’s “As-Is” Scenario/01. Journey Maps.webm

8.6 MB

01. Intro to Design Thinking/03. Understanding Your User’s “As-Is” Scenario/02. Phases.webm

12 MB

01. Intro to Design Thinking/03. Understanding Your User’s “As-Is” Scenario/03. Activity Phases in a Journey Map.md

3.1 kB

01. Intro to Design Thinking/03. Understanding Your User’s “As-Is” Scenario/04. Identifying the Opportunity.webm

7.8 MB

01. Intro to Design Thinking/04. Designing for Your User’s To-Be/01. Solving for Pain.webm

12 MB

01. Intro to Design Thinking/04. Designing for Your User’s To-Be/02. Big Ideas.webm

13 MB

01. Intro to Design Thinking/04. Designing for Your User’s To-Be/03. Activity Big Idea Vignettes.md

1.9 kB

01. Intro to Design Thinking/04. Designing for Your User’s To-Be/04. Storyboarding the New Journey.webm

11 MB

01. Intro to Design Thinking/05. Telling the Story/01. Roadmapping.webm

12 MB

01. Intro to Design Thinking/05. Telling the Story/02. Presenting Your Findings.webm

18 MB

01. Intro to Design Thinking/05. Telling the Story/03. Conclusion.webm

12 MB

02. Visual Design Foundations/Visual Design Foundations.md

2.7 kB

02. Visual Design Foundations/01. Elements of Design/01. The Elements and Principles of Art and Design.webm

9.9 MB

02. Visual Design Foundations/01. Elements of Design/02. Line, Shape, and Form.webm

8.9 MB

02. Visual Design Foundations/01. Elements of Design/03. Space and Texture.webm

10 MB

02. Visual Design Foundations/01. Elements of Design/04. Value and Color.webm

14 MB

02. Visual Design Foundations/02. Principles of Design/01. Balance and Harmony.webm

16 MB

02. Visual Design Foundations/02. Principles of Design/02. Emphasis, Variety, and Proportion.webm

7.5 MB

02. Visual Design Foundations/02. Principles of Design/03. Movement and Rhythm.webm

11 MB

03. Handling Feedback as a UX Designer/01. The Importance of Handling Feedback Well.webm

18 MB

03. Handling Feedback as a UX Designer/02. The Challenges of Handling Feedback.webm

17 MB

03. Handling Feedback as a UX Designer/03. Types of Feedback.webm

21 MB

03. Handling Feedback as a UX Designer/04. Requesting Feedback.webm

17 MB

03. Handling Feedback as a UX Designer/05. Getting Into the Right Mindset.webm

15 MB

03. Handling Feedback as a UX Designer/06. Receiving Feedback.webm

18 MB

03. Handling Feedback as a UX Designer/07. Acting on Feedback.webm

20 MB

03. Handling Feedback as a UX Designer/Handling Feedback as a UX Designer.md

1.6 kB

04. Receiving UX Feedback by Example/01. Receiving Constructive Feedback.webm

6.8 MB

04. Receiving UX Feedback by Example/02. Receiving Non-constructive Feedback.webm

8.1 MB

04. Receiving UX Feedback by Example/03. Receiving Prescriptive Feedback.webm

8.8 MB

04. Receiving UX Feedback by Example/04. Example Responses to Feedback.md

863 B

04. Receiving UX Feedback by Example/Receiving UX Feedback by Example.md

1.2 kB

05. Collecting Design Inspiration/Collecting Design Inspiration.md

809 B

06. Introduction to Wireframing/Introduction to Wireframing.md

4.9 kB

06. Introduction to Wireframing/01. What Is Wireframing/01. What Are Wireframes.webm

29 MB

06. Introduction to Wireframing/01. What Is Wireframing/02. Benefits of Wireframing.webm

42 MB

06. Introduction to Wireframing/01. What Is Wireframing/03. Types of Wireframes.webm

47 MB

06. Introduction to Wireframing/01. What Is Wireframing/04. How Wireframes Are Used.webm

50 MB

06. Introduction to Wireframing/02. How to Make Wireframes on Paper/01. Hand-drawn Wireframes.webm

41 MB

06. Introduction to Wireframing/02. How to Make Wireframes on Paper/02. Demonstration of Wireframing on Paper.webm

130 MB

06. Introduction to Wireframing/02. How to Make Wireframes on Paper/03. Tips and Tools.webm

33 MB

06. Introduction to Wireframing/02. How to Make Wireframes on Paper/04. Sharing and Getting Feedback.webm

22 MB

06. Introduction to Wireframing/02. How to Make Wireframes on Paper/05. The Pros and Cons of Wireframing on Paper.webm

14 MB

06. Introduction to Wireframing/02. How to Make Wireframes on Paper/Project Files/introduction-to-wireframing.zip

1.7 MB

06. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/01. Wireframing in Balsamiq.webm

27 MB

06. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/02. Demonstrating Wireframes in Balsamiq.webm

49 MB

06. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/03. Sharing and Getting Feedback in Balsamiq.webm

10 MB

06. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/04. Pros and Cons of Wireframing in Balsamiq.webm

10 MB

06. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/Project Files/introduction-to-wireframing.zip

1.7 MB

06. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/01. Making Wireframes in Adobe XD.webm

20 MB

06. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/02. Demonstrating Wireframes in Adobe XD.webm

26 MB

06. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/03. Sharing and Getting Feedback in Adobe XD.webm

21 MB

06. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/04. The Pros and Cons of Wireframing in Adobe XD.webm

17 MB

06. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/Project Files/introduction-to-wireframing.zip

1.7 MB

09. Creating User Experiences/Creating User Experiences.md

7.1 kB

09. Creating User Experiences/01. Intro to User Experience (UX) Design/01. Welcome to User Experience.webm

24 MB

09. Creating User Experiences/01. Intro to User Experience (UX) Design/02. Who Are Users.webm

16 MB

09. Creating User Experiences/01. Intro to User Experience (UX) Design/03. Why Do Users’ Experiences Matter.webm

17 MB

09. Creating User Experiences/01. Intro to User Experience (UX) Design/04. UX Basic Theory.webm

9.0 MB

09. Creating User Experiences/01. Intro to User Experience (UX) Design/05. UX vs. UI Design.webm

20 MB

09. Creating User Experiences/01. Intro to User Experience (UX) Design/06. UX in Context.webm

27 MB

09. Creating User Experiences/02. Understanding Our Users/01. The Importance of Users.webm

18 MB

09. Creating User Experiences/02. Understanding Our Users/02. The Importance of Designing for Users.webm

35 MB

09. Creating User Experiences/02. Understanding Our Users/03. Determining Your Users’ Personas.webm

36 MB

09. Creating User Experiences/02. Understanding Our Users/04. Empathy for your Users.webm

30 MB

09. Creating User Experiences/02. Understanding Our Users/Project Files/cux-pdfs-s2_3.zip

182 kB

09. Creating User Experiences/03. Strategy Determining Goals for your Product/01. Understanding Your Users’ Goals.webm

24 MB

09. Creating User Experiences/03. Strategy Determining Goals for your Product/02. Thinking of Your Goals.webm

19 MB

09. Creating User Experiences/03. Strategy Determining Goals for your Product/03. Combining Your Goals With Your Users’ Goals.webm

9.8 MB

09. Creating User Experiences/03. Strategy Determining Goals for your Product/04. Structuring Experiences Around Specific Goals.webm

29 MB

09. Creating User Experiences/03. Strategy Determining Goals for your Product/Project Files/cux-pdfs-s2_3.zip

182 kB

09. Creating User Experiences/04. Planning Your Users’ Journey/01. Users Expect a Process Understanding User Flows.webm

25 MB

09. Creating User Experiences/04. Planning Your Users’ Journey/02. Getting Our Steps in Order.webm

47 MB

09. Creating User Experiences/04. Planning Your Users’ Journey/03. Contrasting User Goals.webm

16 MB

09. Creating User Experiences/04. Planning Your Users’ Journey/04. Making User Flows.webm

20 MB

09. Creating User Experiences/04. Planning Your Users’ Journey/05. Recap What We’ve Learned.webm

19 MB

09. Creating User Experiences/04. Planning Your Users’ Journey/Project Files/CUX_Stage4.zip

452 kB

10. Typography for Designers/Typography for Designers.md

7.0 kB

10. Typography for Designers/01. Introduction to Typography/01. What is Typography.webm

33 MB

10. Typography for Designers/01. Introduction to Typography/02. How Typography Affects the User Experience.webm

21 MB

10. Typography for Designers/01. Introduction to Typography/03. Typography Terminology.webm

15 MB

10. Typography for Designers/01. Introduction to Typography/04. Different Types of Type.webm

21 MB

10. Typography for Designers/01. Introduction to Typography/05. Print vs. Digital.webm

28 MB

10. Typography for Designers/02. How to Choose and Use Fonts/01. How to Install Fonts.webm

17 MB

10. Typography for Designers/02. How to Choose and Use Fonts/02. Consider the Use Case.webm

4.7 MB

10. Typography for Designers/02. How to Choose and Use Fonts/03. How to Choose a Text Typeface for the Web.webm

24 MB

10. Typography for Designers/02. How to Choose and Use Fonts/04. How to Choose a Display Typeface.webm

30 MB

10. Typography for Designers/03. Web Typography/01. Font Weights, Styles, and Sizes.webm

45 MB

10. Typography for Designers/03. Web Typography/02. Horizontal Space Measure and Margins.webm

36 MB

10. Typography for Designers/03. Web Typography/03. Vertical Space Line-Height and Vertical Rhythm.webm

38 MB

10. Typography for Designers/03. Web Typography/Project Files/Typography-for-Designers-Project-Files.zip

2.2 MB

10. Typography for Designers/04. Laying Out Type/01. Introducing Typographic Hierarchy.webm

26 MB

10. Typography for Designers/04. Laying Out Type/02. Typographic Hierarchy Style, Weight, Size, and Position.webm

23 MB

10. Typography for Designers/04. Laying Out Type/03. Typographic Hierarchy Caps and Color.webm

42 MB

10. Typography for Designers/04. Laying Out Type/04. Layout Treatments.webm

13 MB

10. Typography for Designers/04. Laying Out Type/05. Combining Typefaces.webm

21 MB

10. Typography for Designers/04. Laying Out Type/Project Files/Typography-for-Designers-Project-Files.zip

2.2 MB

10. Typography for Designers/05. Going Further with Type/01. Responsive Typography.webm

15 MB

10. Typography for Designers/05. Going Further with Type/02. More Grid Systems.webm

11 MB

10. Typography for Designers/05. Going Further with Type/03. Variable Fonts.webm

20 MB

10. Typography for Designers/05. Going Further with Type/04. The Fine Details.webm

11 MB

10. Typography for Designers/05. Going Further with Type/Project Files/Typography-for-Designers-Project-Files.zip

2.2 MB

11. Before and After Typography/01. Typography Before.webm

3.7 MB

11. Before and After Typography/02. Typography After.webm

26 MB

11. Before and After Typography/Before and After Typography.md

837 B

11. Before and After Typography/Project Files/Before+and+After-Typography.zip

4.4 MB

12. Creating Mockups/01. Introduction to Mockups.webm

18 MB

12. Creating Mockups/02. The Purpose of Mockups.webm

18 MB

12. Creating Mockups/03. Preparing to Make Mockups.webm

18 MB

12. Creating Mockups/04. Making Mockups.webm

60 MB

12. Creating Mockups/05. Efficiency Tips.webm

8.4 MB

12. Creating Mockups/06. Sharing Mockups.webm

14 MB

12. Creating Mockups/Creating Mockups.md

1.5 kB

12. Creating Mockups/Project Files/creating-mockups-project.zip

16 MB

13. Before and After Color/01. Color Before.webm

1.9 MB

13. Before and After Color/02. Color After.webm

18 MB

13. Before and After Color/Before and After Color.md

792 B

13. Before and After Color/Project Files/Before+and+After-Color.zip

33 MB

14. Before and After Layout/01. Layout Before.webm

2.7 MB

14. Before and After Layout/02. Layout After.webm

7.8 MB

14. Before and After Layout/Before and After Layout.md

817 B

14. Before and After Layout/Project Files/Before+and+After-Layout.zip

347 kB

15. Introduction to Design Systems/Introduction to Design Systems.md

3.8 kB

15. Introduction to Design Systems/01. Understanding Design Systems/01. What is a Design System.webm

93 MB

15. Introduction to Design Systems/01. Understanding Design Systems/02. Exploring Design Systems.webm

43 MB

15. Introduction to Design Systems/01. Understanding Design Systems/03. Design System Components.webm

67 MB

15. Introduction to Design Systems/02. Visual Design Language/01. Color.webm

41 MB

15. Introduction to Design Systems/02. Visual Design Language/02. Typography.webm

58 MB

15. Introduction to Design Systems/02. Visual Design Language/03. Space.webm

36 MB

15. Introduction to Design Systems/02. Visual Design Language/04. Image.webm

37 MB

15. Introduction to Design Systems/02. Visual Design Language/05. Motion.webm

31 MB

15. Introduction to Design Systems/03. User Interface Library/01. Introducing User Interface Libraries.webm

12 MB

15. Introduction to Design Systems/03. User Interface Library/02. Exploring User Interface Libraries.webm

57 MB

15. Introduction to Design Systems/04. Voice and Tone/01. Introducing Voice and Tone.webm

58 MB

15. Introduction to Design Systems/04. Voice and Tone/02. Exploring Voice and Tone.webm

32 MB

16. Accessibility For UX Designers/Accessibility For UX Designers.md

3.5 kB

16. Accessibility For UX Designers/01. Introducing Accessible Design/01. What is Accessible Design.webm

36 MB

16. Accessibility For UX Designers/01. Introducing Accessible Design/02. Web Content Accessibility Guidelines.webm

31 MB

16. Accessibility For UX Designers/01. Introducing Accessible Design/03. WCAG Principles Perceivable.webm

34 MB

16. Accessibility For UX Designers/01. Introducing Accessible Design/04. WCAG Principles Operable.webm

29 MB

16. Accessibility For UX Designers/01. Introducing Accessible Design/05. WCAG Principles Understandable.webm

14 MB

16. Accessibility For UX Designers/01. Introducing Accessible Design/06. WCAG Principles Robust.webm

16 MB

16. Accessibility For UX Designers/01. Introducing Accessible Design/07. Accessibility and the Design Process.webm

33 MB

16. Accessibility For UX Designers/02. Design an Accessible Form/01. Form Accessibility.webm

27 MB

16. Accessibility For UX Designers/02. Design an Accessible Form/02. Delivery Information screen.webm

22 MB

16. Accessibility For UX Designers/02. Design an Accessible Form/03. Error reporting screen.webm

9.6 MB

16. Accessibility For UX Designers/02. Design an Accessible Form/Project Files/accessible-form-project-file.zip

17 kB

17. Evaluating Design/Evaluating Design.md

6.0 kB

17. Evaluating Design/01. Introduction/01. The Three Phases of Research.webm

20 MB

17. Evaluating Design/01. Introduction/02. Understanding Qualitative vs. Quantitative Research.webm

15 MB

17. Evaluating Design/02. Preparing for Usability Testing/01. Approaches to Usability Research.webm

20 MB

17. Evaluating Design/02. Preparing for Usability Testing/02. Moderated Testing.webm

41 MB

17. Evaluating Design/02. Preparing for Usability Testing/03. Unmoderated Testing.webm

19 MB

17. Evaluating Design/02. Preparing for Usability Testing/04. Preparing for Your Usability Study.webm

9.5 MB

17. Evaluating Design/02. Preparing for Usability Testing/05. Evaluate the Usability Test Plan.md

2.2 kB

17. Evaluating Design/02. Preparing for Usability Testing/06. Introducing the Usability Test Plan.webm

26 MB

17. Evaluating Design/02. Preparing for Usability Testing/07. Choosing Your Target Audience.webm

8.6 MB

17. Evaluating Design/02. Preparing for Usability Testing/08. Writing a Test Script.webm

10 MB

17. Evaluating Design/03. Running a Usability Study/01. Usability Test Script.md

4.6 kB

17. Evaluating Design/03. Running a Usability Study/02. Running a Test.webm

81 MB

17. Evaluating Design/03. Running a Usability Study/03. Moderator Best Practices.webm

24 MB

17. Evaluating Design/03. Running a Usability Study/04. Analysis.webm

23 MB

17. Evaluating Design/03. Running a Usability Study/05. The Write-Up.webm

31 MB

17. Evaluating Design/03. Running a Usability Study/06. Guerilla Usability Testing.webm

65 MB

17. Evaluating Design/04. Quantitative Methods/01. AB Testing.webm

31 MB

17. Evaluating Design/04. Quantitative Methods/02. AB Testing Analysis.webm

18 MB

17. Evaluating Design/04. Quantitative Methods/03. Funnel Analysis.webm

12 MB

17. Evaluating Design/04. Quantitative Methods/04. User Survey Basics.webm

20 MB

17. Evaluating Design/04. Quantitative Methods/05. Creating User Surveys.webm

16 MB

17. Evaluating Design/04. Quantitative Methods/06. Analyzing User Surveys.webm

12 MB

18. Presenting Design Ideas/01. Know Your Audience.webm

18 MB

18. Presenting Design Ideas/02. Set Expectations and Goals.webm

7.7 MB

18. Presenting Design Ideas/03. State the Problem and Goals.webm

4.8 MB

18. Presenting Design Ideas/04. Research the Problem.webm

3.8 MB

18. Presenting Design Ideas/05. Solving the Problem.webm

10 MB

18. Presenting Design Ideas/06. Timeline and Next Steps.webm

1.7 MB

18. Presenting Design Ideas/07. Feedback.webm

3.4 MB

18. Presenting Design Ideas/Presenting Design Ideas.md

1.6 kB

19. Continue Learning about UX Design/Continue Learning about UX Design.md

1.3 kB