• No products in the cart.

Cut through complexities of web centered designs, build interactive, mobile-friendly sites with UX design best practices.

Course Description

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 fulfills 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 the 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 give an indication of 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.

Learning Outcomes

  • 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


Familiarity with HTML and CSS is all that is needed to kick-off this amazing journey!

Who is this course intended for?

This 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.

Your Instructor

Packt Publishing

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 everyday tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Course Curriculum

What Makes a Great User Experience?
The Course Overview 00:00:00
UX Design Fundamentals 00:00:00
Fundamentals of Building a Website 00:00:00
Applying Human-centered Design
Essentials of Human-centered Design 00:00:00
Empathy Mapping 00:00:00
Problem Definition- User Flows, Decision Tress, and Screen Flows 00:00:00
Intervention Planning 00:00:00
Enhancing Site Navigation and Laying Out Our Site
Understanding the Need for Structure 00:00:00
Structure and Information Architecture 00:00:00
The Essential Elements 00:00:00
Design Patterns – Don’t Reinvent the Wheel 00:00:00
SERPS as Home Pages and Location-free Browsing 00:00:00
Landing Pages, Templates, and Page Clustering 00:00:00
Wireframing 1 – Using Responsive Web Design
Responsive Web Design 00:00:00
Wireframing 00:00:00
Building Your Setup 00:00:00
Designing the Home Page
Home Page Wireframes 00:00:00
Envisioning an Information Ecosystem 00:00:00
Formatting Pages and Content Chunking 00:00:00
Creating Interactions 00:00:00
Using Media
Media Types 00:00:00
Media Annoyances 00:00:00
Using Graphics 00:00:00
Best Practices and Usability
Discuss Best Practices in UX Design 00:00:00
Mobile Best Practices 00:00:00
Desktop Best Practices 00:00:00
Usability 00:00:00
Applying Usability to the Home Page 00:00:00
Wireframing 2.0
Wireframe Your Mobile Screen 00:00:00
Wireframe Your Tablet Screen 00:00:00
Wireframe Your Desktop Screen 00:00:00
Prototyping – Clickable Wireframes
Wireframe Setup for Prototyping 00:00:00
Flushing Out Your Wireframes 00:00:00
Connecting and Building Your Clickable Prototype 00:00:00
The LEAN UX Prototype User Testing and Iteration Process
LEAN User Testing 00:00:00
Test Your Prototype 00:00:00
Validate and Iterate Your Prototype 00:00:00
UX Course Review 00:00:00

Course Reviews


  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

  • $99.00 $10.00
  • Course Certificate

    Related Courses

    © Learnsector