Project: Internet of Things
  • Project Introduction
  • Project Challenge
  • Project Instructions
    • 1 DEFINE PROBLEM & VALUE PROPOSITION
      • 1.1 IoT Product Research
      • 1.2 IoT Code Tutorials
      • 1.3 Project Ideas
      • 1.4 Competitive Analysis
      • 1.5 User Research
      • 1.6 Value Proposition
      • 1.7 Design Requirements
      • 1.8 Interaction Storyboard
      • 1.9 Proposal Presentation
    • 2 DESIGN & BUILD SOLUTION
      • 2.1 Project Schedule
      • 2.2 System Model
      • 2.3 Interactive Prototype
      • 2.4 Prototype Evaluation
      • 2.5 Smart Device and Apps
      • 2.6 Product Website
      • 2.7 Product Video
      • 2.8 Solution Presentation
    • 3 EVALUATE & REFINE SOLUTION
      • 3.1 Solution Evaluation
      • 3.2 Solution Refinements
      • 3.3 Project Poster
      • 3.4 Evaluation Presentation
      • 3.5 Public Presentation
      • 3.6 Project Reflection
      • 3.7 Class Celebration
  • References
    • IoT Code Guidebook
    • CxD Principles & Practices
    • Research Topics in Computing
Powered by GitBook
On this page
  1. Project Instructions
  2. 1 DEFINE PROBLEM & VALUE PROPOSITION

1.8 Interaction Storyboard

Previous1.7 Design RequirementsNext1.9 Proposal Presentation

Create an with a sequence of 3-6 sketched screen mockups to show how a user would interact with your smart device’s web app to perform a task. Be sure to select a primary task that is central to the purpose of your product.

REMINDER: As you decide what tasks your web app could perform, keep in mind the ways your web app can interact with your Photon device through :

  1. A web app can get the value of a Photon device variable

  2. A web app can call a custom function on a Photon device

  3. A web app can get event notifications from a Photon device

❏ Deliverable

Submit an image (photo, scan, etc.) of your team's interaction storyboard.

✓- Below Standard

✓ Meets Standard

✓+ Exceeds Standard

Interaction storyboard sketches are unclear, incomplete, or do not represent a primary task.

Interaction storyboard sketches clearly show screen layout and task flow for completing a primary task using web app.

Interaction storyboard sketches demonstrate clear focus on utility, usability, and user experience: task represents useful function; user interface layout and task flow are easy to understand and efficient to use; interaction has other aspects contributing to satisfying user experience.

interaction storyboard
Particle Cloud
Sketch Templates for Phone, Tablet, and Desktop
Interaction Storyboard for Task using Smart Light Web App
Interaction Storyboard for Task using Smart Thermostat Web App