Interaction Design: Software and Web Design Patterns

Explore a variety of web and software application patterns. Discover how each pattern is used in practice, as well as how to apply them in the creation of tables, menus, and more.

Design patterns are the nexus of interaction design, visual design, and technology. Web applications are more complex than standard web interfaces, requiring robust patterns and paradigms to ensure usability. In this course, Diane Cronenwett explores a variety of common web and software application patterns, showing how they're used in practice, as well as how to apply them to more efficiently create great products. While practicing designers may already recognize some of the patterns covered in this course, Diane highlights new approaches and contexts that make revisiting each pattern a valuable exercise. Plus, she delves into key design principles, as well as core web and software application interactions such as navigation and tables.

Introduction

• Designing web and software applications

1. Web Application and Software Patterns Overview

• Web applications and software patterns
• Common actions
• Customizable actions
• Navigation headers

2. Setup and User Assistance

• First time experience
• Multi-step tasks
• First use task list
• Guided tour
• In-line help

3. Tables and Data

• Tables: Column, sort, and pagination
• Table actions
• Dynamic data panel
• Tree views

4. Controls

• Tool bars
• Drag and drop
• Sliders
• Preview
• Menus

Conclusion

• Next steps