Interaction Design

46 seminars, 25 instructors, and you.

Users and organizations both want immersive experiences. Helping them achieve that is where you come in. Find out which tools and techniques leading designers have used to create delightful interactions -- whether via a click of the mouse or a tap of the finger.

Headshot of Stephen Anderson
Stephen Anderson

The Architecture of Understanding

You’ll learn…

  • Context and Coordination—How do we design for experiences that span people, artifacts, and environments?
  • Connected Devices—Disruptive experiences will get devices and sensors to talk seamlessly to each other. What’s needed to design for these devices?
  • Interaction Techniques—What are interaction patterns universally present in GUIs, touchscreens, wearables, and whatever the future throws at us? And how do these interactions lead to understanding?
Topics:
Premium Access Only Become a Subscriber to watch it now
RECORDED LIVE AT UI19
Headshot of Luke Wroblewski
Luke Wroblewski

Screen Time: Multi-Device Design

You’ll learn…

  • Why understanding screens—their sizes, input types, and modes of use—is necessary before designing for them
  • Why awareness of big picture trends—like high resolution and widescreen—is important to content quality and layout
  • How to manage thorny issues like “the fold” using vertical media queries
  • How to account for multiple input types like mouse cursor, keyboard, and touch
  • How to take into account different user postures, viewing distances, and environments in your designs
Topics:
Premium Access Only Become a Subscriber to watch it now
RECORDED LIVE AT UI19
Headshot of Rachel Hinman
Rachel Hinman

The Mobile Frontier

You’ll learn…

  • How to think about and create experiences that span and scale across multiple devices
  • Where natural UIs go beyond what we can do with traditional graphical UIs
  • Ways to traverse the chasm between gestures and mouse-based interactions
  • Moving from efficiency and tasks towards providing a sense of comfort and connection
Topics:
Headshot of Bill Scott
Bill Scott

Designing Rich Interactive Experiences

You’ll learn…

  • Build smart user interfaces that are driven by content, controls, or data.
  • Break up IA while achieving seamless flows and intuitive interactivity.
  • Improve animations by focusing on what can be simplified rather than added.
  • Create meaningful experiences by using standard design patterns in elegant ways.
Topics:
Headshot of Robert Hoekman Jr.
Robert Hoekman Jr.

Web Anatomy: Effective Interaction Design with Frameworks

You’ll learn…

  • Identify, take apart, and use framework patterns, to easily create a usable design
  • Spot common frameworks, and make sure you have the necessary elements
  • Augment frameworks, to collect new and innovative approaches to complex design challenges
  • Quickly isolate areas where innovation will pay off to jump start your design process
Topics:
Headshot of Hagan Rivers
Hagan Rivers

Designing Better Navigation for Web Applications

You’ll learn…

  • Step back and see global navigation as a separate application with its own needs and constraints
  • Identify common mistakes in tab, menu, and tree-based navigation systems that you can avoid
  • Design liberating and powerful applications without designing global navigation first, leading to a better application design and a better global navigation design
  • Use Hub Diagrams to create an overview of your navigation system that works the way your users think
Topics:
Headshot of Jared Spool
Jared Spool

Galleries: The Hardest Working Pages on Your Site

You’ll learn…

  • Utilize the Scent of Information to ensure the user’s trigger words are present
  • Understand how galleries help users make confident choices
  • Identify the key elements that search result pages borrow from the average gallery (and what makes them different)
  • Use strategies for ordering links for easy findability. (Hint: Alphabetical order isn’t one of them!)
  • Know when images help and when they get in the way
  • Understand how dynamic Ajax elements can help or hinder a user finding what to click on
  • Take advantage of when users are scanning and when they are reading
Topics:
Headshot of Jared Spool
Jared Spool

Web 2.0: The Power Behind the Hype

You’ll learn…

  • How Web 2.0 works with a walk-through of Flickr, demonstrating how the application's developers integrated Web 2.0 approaches to create an improved user experience for sharing pictures
  • How APIs expand the user experience by allowing outside developers to build supplemental interfaces that are outside the core development team's resources and priorities
  • How RSS brings data to your users on their schedule, allowing them to monitor the portions of the data which are most important to them
  • How Folksonomies (also known as tagging) can enhance the existing data hierarchy, making personally important information easier to retrieve
  • How Social Networking can enhance the users' experience by combining the information and opinions of multiple users into view
Topics:
Headshot of Carolyn Snyder
Carolyn Snyder

Paper Prototyping: Streamlining the User-Centered Design Process

You’ll learn…

  • The importance of early feedback in the design process
  • How to create a paper prototype and who should be involved in the creation process
  • When it is most beneficial for your design team to use paper prototyping and what kinds of interfaces can be prototyped
  • When images help and when they get in the way
  • How paper prototyping is related to usability testing and what paper prototyping will and will not find when conducting a usability test
  • How to facilitate a paper prototype usability test, from room set-up to reporting test results
Topics:

Accessibility

2 seminars

Newest: Accessibility as a Design Tool

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Ajax

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Applications

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Content

3 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Critique

1 seminar

Newest: Sketching for Understanding

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

CSS3

2 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Design

4 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Design Process

2 seminars

Newest: Accessibility as a Design Tool

2 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Design Teams

1 seminar

Newest: Sketching for Understanding

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Experience Mapping

1 seminar

Newest: Designing for Micro-moments

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Form Design

1 seminar

Newest: Designing for Sign-up

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Frameworks

1 seminar

Newest: One Design to Work Everywhere

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Interface Design

4 seminars

Newest: First-Person User Interfaces

3 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

JavaScript

2 seminars

Newest: Designing UIs with jQuery

2 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

jQuery

1 seminar

Newest: Designing UIs with jQuery

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Micromoments

2 seminars

Newest: Dig into Tiny Design Details

2 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Mobile

15 seminars

Newest: Screen Time: Multi-Device Design

7 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Navigation

2 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Prototyping

3 seminars

Newest: Prototyping a Responsive Design

3 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Reviews

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Sketching

1 seminar

Newest: Sketching for Understanding

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Skills

2 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Surveys

1 seminar

Newest: Designing Effective Surveys

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Technologies

1 seminar

Newest: The Immobile Web

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

User Engagement

2 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

UX Skills

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}

Visual Design

3 seminars

Newest: CSS3 for Everyone

3 instructors

Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name} Headshot of {instructor_first_name} {instructor_last_name}

Web 2.0

1 instructor

Headshot of {instructor_first_name} {instructor_last_name}