Applied Interaction Design
Video: WelcomeA hands-on approach to improving a website's navigation, screen layout, interactive content, and forms to create a more satisfying user experience.
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
(MUSIC). 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 a 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 why 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're 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.
There are currently no FAQs about Applied Interaction Design.