1. Interactive Prototype John Mark Josling Katrina Rhoads Lindsay Tabas Ivan Tam

2. Problem Statement & Goals To develop an interface for facility managers to control or monitor a building’s entire lighting system that has been equipped with wireless lighting controls. Monitor energy usage Control the lighting at various levels of granularity Provide notice of lighting failures

3. Personas Tomas Cupertino, 51 (Primary User) Facilities Manager Texan with a big, loving family Good at his job, but no high school degree Basic computer skills – email, Word & web forms Main Goal: To deal with maintenance issues in a timely manner Dan Mason, 46 Physical Plant Utilities Manager Divorced, father of two Pays campus wide utility bills Works on automating energy usage with motion sensors and the like. Main Goal: To reduce energy usage

4. Scenarios Scenario 1: It was a long weekend and Tomas needs to check for new lighting problems that occurred over the weekend. Scenario 2: The museum is having a special showing this week and Tomas would like to keep a select number of rooms on 2 hours later than usual. Scenario 3: New energy-saving devices have been installed last week and Dan wants to check for energy savings over the past 7 days.

5. Tasks Task 1: You are a building manager who is responsible for reporting lighting problems to the building electricians. It is first thing Monday morning and you want to use the system to discover any lighting failures that occurred over the weekend. Task 2: Your building is having a special showing all this week in honor of a new exhibit. The building is staying open 1 hour later all week. Task 3: The company picnic is tomorrow so everyone took off early and is obviously in a rush. You realize you are the last one out of the building, but several of the building's lights are still on. Task 4: Earth Week is next month so you decide to check on the lighting energy usage and inform the staff about this month's progress.

6. Tools: The Tradeoff HTML Javascript CSS Benefits: Interactive Widgets Form Elements Navigation System Drawbacks: Inability to change arbitrarily Graphing

7. Low Fidelity Testing: Lessons Learned "Recent Lighting Problems" and the [New] label The idea of "Grouping" and "Scheduling" lights –The design lacked sufficient visual cues to connect the two functions Locating outside lights on the building floor plans. "Turn Lights On/Off" page as modal Comparison checkbox and the drop-down menu options on "View Interactive Graph"

8. Differences Between Lo-Fi and Interactive Prototype Naming Convention and Pages BeforeAfter NEW REMOVED

9. Differences Between Lo-Fi and Interactive Prototype Dashboard

10. Differences Between Lo-Fi and Interactive Prototype Lighting Maintenance: View Problems

11. Differences Between Lo-Fi and Interactive Prototype Grouping and Scheduling

12. Differences Between Lo-Fi and Interactive Prototype Energy Graph

13. “Wizard of Oz” and Other Features Not Implemented Save state between pages Static, pre-created data Internet Explorer specific Graphing Add New Schedule Wizard A screen shot of step 2 in the future Add New Schedule Wizard

14. Sample Storyboard, Task 2: Your building is having a special showing all this week in honor of a new exhibit. The building is staying open 1 hour later all week Schedule Lights

15. Walkthrough Interactive Prototype Interactive Prototype