Interaction Design: Structure

Explore the role of structure in interaction design. Learn how to create information architecture deliverables, design page-level structure, create flow diagrams, and more.

Introduction

• Structure is the backbone of UX

1. Understanding Structure

• Understanding the big picture
• Defining different structural flows
• Role of information architecture
• Defining information architecture
• Navigation labels and content inventory

2. Designing Page-Level Structure

• Information scent and hierarchy
• Overview of page-level elements
• Overview of information density
• Organizing with a grid

3. Interface Design Considerations

• Sitemap and flow diagram
• Establishing the goals of the site
• Layout, hierarchy, and grouping
• Headings and content
• Iterating through layouts
• Determining the right interface elements to put it all together

Conclusion

• Next steps