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 interaction storyboard 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 Particle Cloud:

  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

Sketch Templates for Phone, Tablet, and Desktop

❏ 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 for Task using Smart Light Web App
Interaction Storyboard for Task using Smart Thermostat Web App