UX Design for Web Developers
4.0 (21 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
299 students enrolled
Wishlisted Wishlist

Please confirm that you want to add UX Design for Web Developers to your Wishlist.

Add to Wishlist

UX Design for Web Developers

Cut through complexities of web centered designs, build interactive, mobile friendly sites with UX design best practices
4.0 (21 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
299 students enrolled
Created by Packt Publishing
Last updated 1/2016
Current price: $10 Original price: $75 Discount: 87% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand the important concepts of human psychology, HCI, design and product thinking that make up UX
  • Build a website structure keeping in check user flows and sitemaps
  • Exploit wireframes and build a solid one for responsive web design
  • Get to grips with UX best practices and incorporate them in your web design
  • Apply heuristics and usability to create a successful web plan
  • Learn how to build a clickable wireframe prototype to enhance responsiveness
  • Apply user testing and design iteration to ensure smooth web experience
View Curriculum
  • Familiarity with HTML and CSS is all that is needed to kick-off this amazing journey!

User experience (UX) design is a theoretical understanding of how users interact with websites. The major challenge developers building a company website face is finding the right balance that fulfils the objectives of the company as well as the needs of their users. A poor user experience leads to losing out on customers and in turn the company losing out on money.

User experience design underpins all major decisions taken by web designers when laying out web pages. It is governed by fundamental principles and practical approaches including wireframing, bootstrapping, and even pen and paper designs that gives an indication about the user experience that a successful site needs to offer to its users.

UX Design for Web Developers is a breakthrough guide that reveals the fundamental rules that govern how most people read and work with websites, through the process of redesigning a mobile friendly website.

We’ll start off our journey by understanding why we need UX, how UX came to be, and where it fits in the business and web development. We’ll explore the fundamental skills for structuring and defining a website along with content strategy. We’ll take a look at a variety of media touch points that have potential to engage and influence your audience’s experience.

With an overall review of some of the best practices of UX design we’ll start building our application with screens that allow us to think about the interactions. We’ll touch down on the important concept of setting up wireframes and fix the loophole of static application by building a simple clickable, prototype using the Invision tool. We’ll complete our journey with a finished website plan ready for testing and feedback.

By the end of this course, you will gain the ability to think like a UX designer, through engaging human centered design practices, UX methodologies, useful UX tricks, as well as skills required for interactive web designing.

About The Author

Chris R Becker is an imaginative and creative interaction designer / UX designer / Design researcher and educator. A conceptual thinker, he has the ability to design across media platforms for solutions within experience design, interaction, information architecture, business and brand strategy, web and app design, advertising, systems design, and print. He is organized and passionate for following design problems from concept to finished product. He is also well versed in prototyping, design research, human-centered design methodologies, and user testing for taking ideas from the drawing board to the real world. He is competent in pre-press and production and is not afraid to get his hands dirty, with a strong communication background through positions in versed industries.

Chris teaches at the Loyola Marymount University, UCLA – Extension & Art Center College of Design. His clients include Vitasigns, Apple, Beats by Dre, Nissan, VW, STEAM Carnival, Theranos, CB2, Men's Wearhouse, Hyundai, Toyota, and more.

Who is the target audience?
  • This video course is a complete package for web developers who are interested in gaining a foundation, or growing an understanding of user experience for the web.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
38 Lectures
What Makes a Great User Experience?
3 Lectures 22:35

A quick overview of UX, what it is, and who is involved in it.

Preview 02:08

Technology is changing our world and UX practices are a way through the changes.

UX Design Fundamentals

Web design is a process that starts with information architecture and ends with a finished website.

Fundamentals of Building a Website
Applying Human-centered Design
4 Lectures 37:15

Build your observation skills and learn how to improve empathy for your users.

Preview 03:12

The definition of UX problems and why empathy matters.

Empathy Mapping

Watching a user use a website.
Problem Definition- User Flows, Decision Tress, and Screen Flows

Reviewing your defined problem.
Intervention Planning
Enhancing Site Navigation and Laying Out Our Site
6 Lectures 29:50

Understanding the definition of UX problems and why structure helps solve problems.

Preview 02:24

Building a sitemap.

Structure and Information Architecture

Reviewing your sitemap.

The Essential Elements

What design patterns are they?

Design Patterns – Don't Reinvent the Wheel

What SERPS is?

SERPS as Home Pages and Location-free Browsing

Understanding the importance of a landing page.

Landing Pages, Templates, and Page Clustering
Wireframing 1 – Using Responsive Web Design
3 Lectures 11:17

Why mobile first matters.

Preview 03:06

What this means.


Why you should use a wireframe grid and its components.

Building Your Setup
Designing the Home Page
4 Lectures 19:34

Why wireframing home page is important?

Preview 02:23

Creating content that connects people and making it work for them. Formatting a home page using mobile through desktop
Envisioning an Information Ecosystem

Formatting a home page using mobile through desktop.

Formatting Pages and Content Chunking

Why we need forms?

Creating Interactions
Using Media
3 Lectures 16:10

Understanding how media should be considered and used during web design.

Preview 04:58

Understanding how a content media connects with people.

Media Annoyances

Introducing PNGs, web icons, webGL, and vectors.

Using Graphics
Best Practices and Usability
5 Lectures 24:56

Go through the best practices in place for UX design.

Preview 05:44

Why mobile first best practices matter.
Mobile Best Practices

Reviewing a list of best practices.

Desktop Best Practices

Defining usability.


Reviewing the heuristic scale in your home page.

Applying Usability to the Home Page
Wireframing 2.0
3 Lectures 22:57

Defining your system pages.

Preview 08:49

Expanding mobile screens onto larger tablets.

Wireframe Your Tablet Screen

Expanding desktop screens.

Wireframe Your Desktop Screen
Prototyping – Clickable Wireframes
3 Lectures 18:57

Connect your wireframes into a clickable prototype.

Preview 04:23

Improve your wireframe prototype for a clickable prototype.

Flushing Out Your Wireframes

Exporting website pages as .png to organize folders.

Connecting and Building Your Clickable Prototype
The LEAN UX Prototype User Testing and Iteration Process
4 Lectures 20:37

Learn from prototyping and test ideas quickly.

Preview 05:11

Testing clicks through a prototype and defining test metrics.

Test Your Prototype

Gathering feedback and making changes to your wireframes.

Validate and Iterate Your Prototype

Reviewing the process steps.

UX Course Review
About the Instructor
Packt Publishing
3.9 Average rating
8,109 Reviews
58,354 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.