Applied Interaction Design

with David Hogue
please wait ...
Applied Interaction Design
Video duration: 0s 1h 49m Beginner

Viewers:

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.

Topics include:
  • 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
Subject:
Web
Author:

Welcome

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

please wait ...