1.8 Interaction Storyboard

✓ TASK

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.

➤ EXAMPLE

Interaction Storyboard for Task using Smart Light Web App

Interaction Storyboard for Task using Smart Thermostat Web App

★ RUBRIC

✓- 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.