User Experience Design Fundamentals

Design Web Sites and Mobile Apps that Your Users Love and Return to Again and Again with UX Expert Joe Natoli.

Video Error

We tried several times to play your video but there was an unforeseen error. We have notified our engineers.

Visit to check that Flash is enabled on your browser.

With Flash enabled, please try again in a few minutes or contact support.

Take This Course
  • Lectures 58
  • Video 11 hours
  • Skill Level All Levels
  • Languages English, captions
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Course Description

Are your web conversion rates low? Do you know whether your web site is effective at meeting your goals? Do users get "stuck" and aren't able to complete the tasks they want to? Are your forms effective? How can your mobile app be improved?

It's becoming easier and easier to create web sites and mobile apps-- But harder and harder to measure the effectiveness of these applications. In Joe Natoli's well-designed course User Experience Design Fundamentals you'll learn how to create effective web sites, mobile sites and mobile applications that encourage conversions
and leave users wanting more.

It's not enough to simply have a web presence -- you must have a web presence that's effective to be successful. In this dynamic course Joe will guide you through the critical elements of user experience -- strategy, scope, structure, skeleton and surface. As you learn you'll be able to apply the knowledge Joe teaches in dynamic lab exercises-- and later to your own work as a developer or designer.

If you're a designer moving into a more complex digital world or a developer who has to occasionally function as a designer as well, this course is for you. You'll feel more confident as you make design related decisions about layout, color, information, design and typography after completing this exciting course.

What are the requirements?

  • Computer with internet connection and web browser

What am I going to get from this course?

  • Understand user experience design and why it's important
  • Understand the elements of user experience
  • Understand how the elements of user experience work together
  • Understand strategy as an element of user experience
  • Understand the research process
  • Identify business goals, and user needs
  • Understand scope as an element of user experience
  • Create a functional specification
  • Learn how to develop content requirements
  • Learn to prioritize specs and requirements
  • Understand structure as an element of user experience
  • Architect information effectively
  • Understand organizing principals for digital media
  • Understand skeleton as an element of user experience
  • Understand navigation design
  • Create an effective information design
  • Learn to create wireframes
  • Understand surface as an element of user experience
  • Learn visual design principals
  • Understand contrast and uniformity
  • Learn the best use of color and typography
  • Understand A/B testing processes
  • Learn resources available to assist with User Experience Design Process

What is the target audience?

  • Web Designers
  • Mobile Designers
  • Web Developers
  • Engineers
  • Entrepreneurs
  • Business Owners
  • Students
  • Anyone who wants to make more effective web sites and mobile sites

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: What is User Experience Design?
This video will give you a brief description about what User Experience Design accomplishes and how it works. You will be told a story, which will help illustrate how important User Experience Design is to your audience.
Explained in this video, is what UXD is not. The instructor will cover the common misconceptions of UXD.
Your instructor will cover the formal definition of what UXD consists of, along with why it's important. The key points as to what UXD is all about will be explained.

This video will explain why UXD is imperative and how it can greatly affect how others perceive your project

Section 2: Understanding the Elements of User Experience

This first video of chapter 2 will explain how you can gear your website and/or app towards the group of people you are targeting. By using simple methods, you can ensure that your project will be a success.

You will be prompted to strategize in this video. You will be shown how to ask yourself the proper questions in order to enhance your user's experience.
This video will go into depth about how the elements explained in this chapter are necessary for UXD. 
Section 3: Using the Elements - Strategy
This video explain what will be covered in this chapter - the practical application of strategy.
This video will outline the steps that need to be taken in order to properly research how to execute your strategy. 
Your instructor will cover specific questions you need to ask yourself in order to identify your business goals. This will be greatly helpful in the strategy element of UXD.
Learn how to create a "value loop" in order to engage your user. You will be shown to to identify what they need when visiting your website or app.
This video will explain what B2C means and how to properly engage consumers.
This video will prompt you to look at what is worth doing and what is a waste of your time when it comes to UXD.
Learn how your user first views your website or app and how to engage them based on what they are looking for.
This video will give an overview of what was covered in this chapter. Your instructor summarizes what the strategy element entails.
This video will challenge you to come up with a strategy for your project and prioritize your goals.
Section 4: Using the Elements - Scope
Instructor Joe will briefly go over what will be covered in this lesson - How to use the scope element in UXD
This extremely in-depth and detailed video will explain to you what scope is and how it will enhance UXD.
By using functional specifications you will be able to differentiate between software tasks and information.
This video covers all types of content including writing and images, and shows you how important it is to UXD
Joe will explain to you how to create requirements in this video.
This video will explain how to prioritize your requirements, what gets included, and what questions you need to ask yourself in order to benefit your business.
This video will go over what was covered in this chapter, along with defining scope, and how to generate requirements.
This exercise will prompt you to come up with a product evolution plan in order to implement the scope element successfully.
Section 5: Using the Elements - Structure
A brief run-down of what will be covered in this chapter, this video will go over what structure entails.
This video will define what structure is and cover topics including categories of information, interaction design, and information architecture.

Joe will cover what's important in interaction design. He will go over 5 principles to enhance your users' experience and how they interact with your website and/ or app. He will also go over various other key points in interaction design.

This video will show you how the information with your site or app should be structured so your users will be able to navigate through it with ease.
Learn how to organize your site by using nodes, facets, and specific rules of thumb.
This video will illustrate how to assign functions for each page within your website or app.
This video will go over what was covered in this chapter and discuss the key points of structure.

Instructor Joe challenges you to look at how information is accessed across different platforms. In this lab, you will learn how different forms of media have different layouts and ways of delivering information.

Section 6: Using the Elements - Skeleton
In a brief run-down of what will be covered in this chapter, this video will go over what the skeleton element entails.
Joe will discuss what the skeleton element includes, such as interface design, navigation design, and information design.

Interface design includes predictability, simplicity, and intuitiveness. This video will demonstrate how to properly execute your interface design.

In this video, you will be shown the importance of navigation design and how to administer it effectively on your website or app. You will learn multiple ways in which this can be done, including how to design your site map.
This video will explain what your users are used to seeing and how that can effect their experience on your website or app. Your instructor will also cover how to show your users how to do whatever it is they need to do while they are on your site.
Your instructor Joe will explain how important the quality of the content on your website or app is, along with how to properly organize it.
This video will explain what wireframes are, why they are important, and how to make them look similar across all platforms
This video will go over what was covered in this chapter and discuss the key points of the skeleton element.
This lab will have you critically thinking about how a large website is structured, and will offer insight as to how your website or app should be set up.
Section 7: Using the Elements - Surface
Instructor Joe will briefly go over what will be covered in this chapter - How to use the surface element in UXD
This video will help you understand what the surface element of UXD is. Visible language and organization are covered in this video.

Alignment, proximity, repetition and contract will be explained in this video and how they are pertinent to the surface element.

Learn where your user's eye goes first when they visit your website or app. This video will show you the F-Pattern, as well as the Z-Pattern. This will help you determine how to layout your project.
Contrast and uniformity work hand-in-hand to enhance a user's experience. Learn how to grab the user's attention while not overwhelming them in this video.
Consistency in visual design allows users to build an accurate mental model of the way the site, app, or system works. Learn how to properly execute consistency in this video.
This video will show you exactly how color and font can play a huge role in UXD. These features can make or break your project, and by determining how to properly use these tools, you will have success with your website or app.
This video will give you an overview of what was covered in this chapter. Your instructor summarizes what the surface element entails.
This lab will ask you to view other websites and analyze them by asking critical questions about the appearance. This will help you in designing your project. 
Section 8: Takeaways and Resources
Instructor Joe will give you some of his final thoughts on UXD and briefly summarize the course. He will go over the elements along with what needs to be done in order to execute a successful UXD.

This video will show you how to choose your tools and techniques, along with how certain strategies work to your (and your user's) advantage.

In this helpful video, Joe will provide website which will assist you in the wireframing and prototyping of your site. They are all extremely easy to use and they each have their own advantages.
This video will explain how and why you need to test your website. Your instructor will also provide different websites that specialize in A/B testing.
This video explains the importance of content inventory and also points out great software that can help you with taking your inventory.

Instructor Joe will tell you about why you need to gather feedback from your users and will also show you some great software that will assist you in conducting your testing.

Knowing how your website is performing is essential in making it a success. This video will show you how to properly monitor your site's popularity in search engines by using different analytics software.
Wrapping up this course, Joe provides you with a few websites that can assist you in furthering your education about UXD.

Instructor Biography

Joe Natoli, 25 year UX & UI Industry Veteran, Apps Sites & Software

What I can promise you

I am never anything less than completely honored when someone registers for one of my classes or workshops. I know your time is valuable, so I absolutely guarantee you will get proven methods and actionable advice that you can implement as soon as you get back to your desk.

No bullshit, no magic, no dog and pony show. Just things that provide measurable value when done right.

How I can help

It’s the first question everybody asks: What can you do for me, Joe?

Well, essentially I can help you create differentiation and spur growth, by making sure your designs and products deliver the right experience. Whether it’s a site or an app or an enterprise system, I can teach you how to find and remove UX-related obstacles to success with training programs born from 25+ years of industry experience. And by the time I’m done you’ll be positioned to deliver memorable user experiences that create loyal customers and increase user adoption.

What I do

I teach designers and developers to integrate best practices in User Experience (UX), Customer Experience (CX) and Human Factors Engineering (HFE) into the things they’re already doing. I'm not interested in formal processes and procedures -- I'm interested in helping you get results.

My time working with Fortune 100 companies to small startups has taught me that all the miles of formal UX processes strung together do not in and of themselves make anything any more useful, usable or valuable.

There is no perfect scenario. Book knowledge often fails where the rubber hits the road. And if you’ve been doing this for longer than ten minutes, you know that already.

So instead, I’m looking to leverage the things you’re already doing, make minute adjustments that don’t force you into unfamiliar territory. It’s more about the mindset you have than the actions you take. So in almost all cases, the tactical stuff stays the same. What you think about before you act, however, changes.

And when that happens, the things you create and build and sell deliver more value to the people who use them – and therefore more value back to you or your clients.

Who I've done it for

I’ve been privileged to serve a number of clients who have realized substantial business benefits from this strategic approach to user experience design. With industry leaders like Broadridge, Chamberlain, Conde Nast, Johns Hopkins, Lucent, PHH Arval, SC Johnson and many more, I’ve been fortunate to see measurable success come from tried-and-true best practices in UX and design.

I've also worked with several government clients, from state and local governments in VA and MD to federal agencies such as NIH, NSF and the Department of Homeland Security.

Ready to start learning?
Take This Course