Lesson 6: Interaction Design, UI, and Storyboarding

Interactivity means the user is not just watching. The user can choose, click, navigate, respond, control sequence, and receive feedback.

Examples: menus, quiz buttons, interactive timelines, clickable maps, simulation controls.

In IT, interactivity must be designed around user goals. This is the heart of user-centered design. Instead of asking "What features can we add?" ask:

• What does the user need to do?
• What might confuse the user?
• What supports fast completion?

An interactive project fails if users cannot predict what to do next.

Information architecture is the organization of content. It answers: What sections exist? Which items belong together? How does a user move from one part to another?

Common navigation structures include:

• linear,
• hierarchical,
• hub-and-spoke,
• non-linear exploratory.

A wireframe is a simple structural layout of screens. It does not need final colors or polished graphics. It shows the title area, menu placement, content blocks, buttons, and search or input fields.

Wireframes are useful because problems are easier to fix early than after full visual design.