UX Design for Web Developers

Watch UX Design for Web Developers

  • 2015
  • 1 Season

UX Design for Web Developers is an informative show produced by Packt Publishing that focuses on improving the user experience of web applications for developers. The show is presented in a tutorial format, where an expert designer guides the audience through the process of designing interactive and dynamic user interfaces for web applications. The show aims to help developers understand the key principles of user experience design and apply them to web development.

The show offers a comprehensive overview of UX design, starting with the basics and progressing to advanced techniques. In the early episodes, the presenter introduces the basics of UX design and highlights its importance in web development. They explain how UX design can help developers create user-centered designs that increase user engagement and satisfaction. The presenter also illustrates how UX design can help developers create applications that are easy to use, intuitive, and accessible to all users, regardless of their technical ability.

Later episodes cover a range of critical elements of UX design, such as user research, wireframing, prototyping, and testing. The presenter guides viewers through each stage and demonstrates how to apply UX design principles to their web development process. They present several popular design tools and applications, including Adobe XD, Sketch, and Figma, and show how to use these tools effectively to create UX designs.

One of the strengths of the show is its focus on practical, hands-on learning. The presenter guides viewers through the entire process of designing a web application, from start to finish, providing numerous examples and illustrations along the way. The show includes several interactive exercises that allow viewers to put their newfound knowledge into practice and receive instant feedback on their work.

One of the highlights of the show is its emphasis on mobile-first design. The presenter explains how mobile devices have surpassed desktops as the primary means of accessing the internet and promoting responsive design. They highlight several best practices for mobile design, such as designing for touch input, optimizing load times, and optimizing content for smaller screens. The presenter also explains how responsive design can optimize the user experience across a range of devices and screen sizes.

Overall, UX Design for Web Developers is an essential resource for any developer who wants to improve their web application's user experience. Whether you're a seasoned developer or a novice, the show's step-by-step approach and practical exercises make it easy to learn and apply UX design principles to your workflow. By watching this show, you'll gain a deeper understanding of user behavior, how to design for mobile devices, and how to create user-centered designs that enhance engagement and satisfaction. The show is a must-watch for anyone who wants to create successful, user-friendly web applications.

UX Design for Web Developers is a series that is currently running and has 1 seasons (76 episodes). The series first aired on December 30, 2015.

Filter by Source

Seasons
UX Course Review
38. UX Course Review
December 30, 2015
Reviewing the process steps.
UX Course Review
38. UX Course Review
December 30, 2015
Reviewing the process steps.
Validate and Iterate Your Prototype
37. Validate and Iterate Your Prototype
December 30, 2015
Gathering feedback and making changes to your wireframes.
Validate and Iterate Your Prototype
37. Validate and Iterate Your Prototype
December 30, 2015
Gathering feedback and making changes to your wireframes.
Test Your Prototype
36. Test Your Prototype
December 30, 2015
Testing clicks through a prototype and defining test metrics.
Test Your Prototype
36. Test Your Prototype
December 30, 2015
Testing clicks through a prototype and defining test metrics.
LEAN User Testing
35. LEAN User Testing
December 30, 2015
Learn from prototyping and test ideas quickly.
LEAN User Testing
35. LEAN User Testing
December 30, 2015
Learn from prototyping and test ideas quickly.
Connecting and Building Your Clickable Prototype
34. Connecting and Building Your Clickable Prototype
December 30, 2015
Exporting website pages as .png to organize folders.
Connecting and Building Your Clickable Prototype
34. Connecting and Building Your Clickable Prototype
December 30, 2015
Exporting website pages as .png to organize folders.
Flushing Out Your Wireframes
33. Flushing Out Your Wireframes
December 30, 2015
Improve your wireframe prototype for a clickable prototype.
Flushing Out Your Wireframes
33. Flushing Out Your Wireframes
December 30, 2015
Improve your wireframe prototype for a clickable prototype.
Wireframe Setup for Prototyping
32. Wireframe Setup for Prototyping
December 30, 2015
Connect your wireframes into a clickable prototype.
Wireframe Setup for Prototyping
32. Wireframe Setup for Prototyping
December 30, 2015
Connect your wireframes into a clickable prototype.
Wireframe Your Desktop Screen
31. Wireframe Your Desktop Screen
December 30, 2015
Expanding desktop screens.
Wireframe Your Desktop Screen
31. Wireframe Your Desktop Screen
December 30, 2015
Expanding desktop screens.
Wireframe Your Tablet Screen
30. Wireframe Your Tablet Screen
December 30, 2015
Expanding mobile screens onto larger tablets.
Wireframe Your Tablet Screen
30. Wireframe Your Tablet Screen
December 30, 2015
Expanding mobile screens onto larger tablets.
Wireframe Your Mobile Screen
29. Wireframe Your Mobile Screen
December 30, 2015
Defining your system pages.
Wireframe Your Mobile Screen
29. Wireframe Your Mobile Screen
December 30, 2015
Defining your system pages.
Applying Usability to the Home Page
28. Applying Usability to the Home Page
December 30, 2015
Reviewing the heuristic scale in your home page.
Applying Usability to the Home Page
28. Applying Usability to the Home Page
December 30, 2015
Reviewing the heuristic scale in your home page.
Usability
27. Usability
December 30, 2015
Defining usability.
Usability
27. Usability
December 30, 2015
Defining usability.
Desktop Best Practices
26. Desktop Best Practices
December 30, 2015
Reviewing a list of best practices.
Desktop Best Practices
26. Desktop Best Practices
December 30, 2015
Reviewing a list of best practices.
Mobile Best Practices
25. Mobile Best Practices
December 30, 2015
Why mobile first best practices matter.
Mobile Best Practices
25. Mobile Best Practices
December 30, 2015
Why mobile first best practices matter.
Discuss Best Practices in UX Design
24. Discuss Best Practices in UX Design
December 30, 2015
Go through the best practices in place for UX design.
Discuss Best Practices in UX Design
24. Discuss Best Practices in UX Design
December 30, 2015
Go through the best practices in place for UX design.
Using Graphics
23. Using Graphics
December 30, 2015
Introducing PNGs, web icons, webGL, and vectors.
Using Graphics
23. Using Graphics
December 30, 2015
Introducing PNGs, web icons, webGL, and vectors.
Media Annoyances
22. Media Annoyances
December 30, 2015
Understanding how a content media connects with people.
Media Annoyances
22. Media Annoyances
December 30, 2015
Understanding how a content media connects with people.
Media Types
21. Media Types
December 30, 2015
Understanding how media should be considered and used during web design.
Media Types
21. Media Types
December 30, 2015
Understanding how media should be considered and used during web design.
Creating Interactions
20. Creating Interactions
December 30, 2015
Why we need forms?
Creating Interactions
20. Creating Interactions
December 30, 2015
Why we need forms?
Formatting Pages and Content Chunking
19. Formatting Pages and Content Chunking
December 30, 2015
Formatting a home page using mobile through desktop.
Formatting Pages and Content Chunking
19. Formatting Pages and Content Chunking
December 30, 2015
Formatting a home page using mobile through desktop.
Envisioning an Information Ecosystem
18. Envisioning an Information Ecosystem
December 30, 2015
Creating content that connects people and making it work for them.
Envisioning an Information Ecosystem
18. Envisioning an Information Ecosystem
December 30, 2015
Creating content that connects people and making it work for them.
Home Page Wireframes
17. Home Page Wireframes
December 30, 2015
Why wireframing home page is important?
Home Page Wireframes
17. Home Page Wireframes
December 30, 2015
Why wireframing home page is important?
Building Your Setup
16. Building Your Setup
December 30, 2015
Why you should use a wireframe grid and its components.
Building Your Setup
16. Building Your Setup
December 30, 2015
Why you should use a wireframe grid and its components.
Wireframing
15. Wireframing
December 30, 2015
What this means.
Wireframing
15. Wireframing
December 30, 2015
What this means.
Responsive Web Design
14. Responsive Web Design
December 30, 2015
Why mobile first matters.
Responsive Web Design
14. Responsive Web Design
December 30, 2015
Why mobile first matters.
Landing Pages, Templates, and Page Clustering
13. Landing Pages, Templates, and Page Clustering
December 30, 2015
Understanding the importance of a landing page.
Landing Pages, Templates, and Page Clustering
13. Landing Pages, Templates, and Page Clustering
December 30, 2015
Understanding the importance of a landing page.
SERPS as Home Pages and Location-free Browsing
12. SERPS as Home Pages and Location-free Browsing
December 30, 2015
What SERPS is?
SERPS as Home Pages and Location-free Browsing
12. SERPS as Home Pages and Location-free Browsing
December 30, 2015
What SERPS is?
Design Patterns - Don't Reinvent the Wheel
11. Design Patterns - Don't Reinvent the Wheel
December 30, 2015
What design patterns are they?
Design Patterns - Don't Reinvent the Wheel
11. Design Patterns - Don't Reinvent the Wheel
December 30, 2015
What design patterns are they?
The Essential Elements
10. The Essential Elements
December 30, 2015
Reviewing your sitemap.
The Essential Elements
10. The Essential Elements
December 30, 2015
Reviewing your sitemap.
Structure and Information Architecture
9. Structure and Information Architecture
December 30, 2015
Building a sitemap.
Structure and Information Architecture
9. Structure and Information Architecture
December 30, 2015
Building a sitemap.
Understanding the Need for Structure
8. Understanding the Need for Structure
December 30, 2015
Understanding the definition of UX problems and why structure helps solve problems.
Understanding the Need for Structure
8. Understanding the Need for Structure
December 30, 2015
Understanding the definition of UX problems and why structure helps solve problems.
Intervention Planning
7. Intervention Planning
December 30, 2015
Reviewing your defined problem.
Intervention Planning
7. Intervention Planning
December 30, 2015
Reviewing your defined problem.
Problem Definition- User Flows, Decision Tress, and Screen Flows
6. Problem Definition- User Flows, Decision Tress, and Screen Flows
December 30, 2015
Watching a user use a website.
Problem Definition- User Flows, Decision Tress, and Screen Flows
6. Problem Definition- User Flows, Decision Tress, and Screen Flows
December 30, 2015
Watching a user use a website.
Empathy Mapping
5. Empathy Mapping
December 30, 2015
The definition of UX problems and why empathy matters.
Empathy Mapping
5. Empathy Mapping
December 30, 2015
The definition of UX problems and why empathy matters.
Essentials of Human-centered Design
4. Essentials of Human-centered Design
December 30, 2015
Build your observation skills and learn how to improve empathy for your users.
Essentials of Human-centered Design
4. Essentials of Human-centered Design
December 30, 2015
Build your observation skills and learn how to improve empathy for your users.
Fundamentals of Building a Website
3. Fundamentals of Building a Website
December 30, 2015
Web design is a process that starts with information architecture and ends with a finished website.
Fundamentals of Building a Website
3. Fundamentals of Building a Website
December 30, 2015
Web design is a process that starts with information architecture and ends with a finished website.
UX Design Fundamentals
2. UX Design Fundamentals
December 30, 2015
Technology is changing our world and UX practices are a way through the changes.
UX Design Fundamentals
2. UX Design Fundamentals
December 30, 2015
Technology is changing our world and UX practices are a way through the changes.
The Course Overview
1. The Course Overview
December 30, 2015
A quick overview of UX, what it is, and who is involved in it.
The Course Overview
1. The Course Overview
December 30, 2015
A quick overview of UX, what it is, and who is involved in it.
Description
Where to Watch UX Design for Web Developers
UX Design for Web Developers is available for streaming on the Packt Publishing website, both individual episodes and full seasons. You can also watch UX Design for Web Developers on demand at Amazon.
  • Premiere Date
    December 30, 2015