CxD Archive
Project: Internet of Things
Computing by DesigniDEW Data AnalyticsCxD 2020 Summer WorkshopCxD 2021 Summer Workshop SeriesCxD 2022 Summer WorkshopsCxD Cross-DisciplinaryProject: Trivia AppProject: ChatbotProject: Video GameProject: RoboticsProject: Internet of ThingsProject: Data Visualization (Dashboard)Code: Trivia AppCode: ChatbotCode: RoboticsCode: Video GameCode: Internet of Things 2.0Code: Web App Data VisualizationVideo Game Code Reference ArchiveVideo Game ProjectCode: RoboticsCode: ChatbotCode: Trivia AppCode: Video GameInternet of Things ProjectIntro to Informatics and Web Development
Project: Internet of Things
Computing by DesigniDEW Data AnalyticsCxD 2020 Summer WorkshopCxD 2021 Summer Workshop SeriesCxD 2022 Summer WorkshopsCxD Cross-DisciplinaryProject: Trivia AppProject: ChatbotProject: Video GameProject: RoboticsProject: Internet of ThingsProject: Data Visualization (Dashboard)Code: Trivia AppCode: ChatbotCode: RoboticsCode: Video GameCode: Internet of Things 2.0Code: Web App Data VisualizationVideo Game Code Reference ArchiveVideo Game ProjectCode: RoboticsCode: ChatbotCode: Trivia AppCode: Video GameInternet of Things ProjectIntro to Informatics and Web Development
  • 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
Export as PDF
  1. Project Instructions
  2. 1 DEFINE PROBLEM & VALUE PROPOSITION

1.8 Interaction Storyboard

Previous1.7 Design RequirementsNext1.9 Proposal Presentation

Last updated 6 years ago

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