Applied Interaction Design
Dave Hogue has been studying how people interact with digital devices and interfaces for over 15 years, and knows how design can make or break a website. In this course, he shares a hands-on approach to improving interaction design for a better user experience on the web. This course breaks down the components of an example site, from its homepage to categories, content, and the shopping cart, and introduces common customer scenarios that can be used to identify opportunities for improvement. You'll learn how to enhance navigation, gather feedback after interactions, manage content layers, and add features such as infinite scrolling, collapsible modules, and dynamic content to enrich the user's experience. Then compare the before and after websites to understand why these techniques make them more engaging and effective.
- Defining a customer scenario
- Improving navigation
- Working with content in grids
- Establishing a sense of place on category pages
- Exploring infinite scroll and pagination methods
- Using tooltips to deliver contextual content
- Working with light boxes and layers
- Improving form structure
- Handling errors and presenting effective error messages
- Comparing the original site to the enhanced site
- [Voiceover] Hello and welcome to Applied Interaction Design. I'm Dave Hogue. In this course, we're going to use the essential principles of interaction design to create a better, more engaging, and more interactive website. We'll start by reviewing the five interaction design principles and a few other key concepts such as understanding the context of a user experience. Then we'll create a scenario or use case to help guide us through our review of the original website. We'll also use that scenario to help inform our design recommendations to make an improved website that is more effective, more engaging, and more interactive.
As we review the original website, we'll identify weaknesses and discuss in more detail whey they are problems. Then we'll look at how we improve the site and discuss what we changed and why. Although we may discuss some more technical issues in this course, we are not going to delve into coding and review how the improvements to our website were developed. We'll be focused on how to create better interactive experiences. So, let's start applying our interaction design skills.
Foundations of UX: Making the Case for Usability Testing28,686 Views
Responsive Design Workflows179,558 Views
Persuasive UX: Influencing Behavior Patterns25,313 Views
UX Design Techniques: Creating Personas117,272 Views
UX Design Techniques: Creating Scenarios and Storyboards90,220 Views
Illustrator CC 2013 One-on-One: Fundamentals1,676,368 Views
Illustrator CC 2013 One-on-One: Mastery301,789 Views
iOS 8 App Development with Swift 1 Essential Training1,023,003 Views
PHP with MySQL Essential Training4,259,922 Views
Edge Animate Essential Training630,358 Views