Thermostat Wireframe: Iteration 6 · Turn the Heat On/O˜ Chelsea Hostetter - Page 4 73 F currently...

Thermostat Wireframe: Iteration 6ISDE 102: Chelsea Hostetter

Adjust the temperature from 70 degrees to 73 degrees

70F

FAN SCHEDULE

Goal: Adjust the temperature from 70 degrees to 73 degrees.

To adjust the temperature, the user adjusts the temperature by one degree by tapping the red up arrow on the touch screen interface.

The current temperature is shown in gray.

71F

72F

Chelsea Hostetter - Page 1

currently


Once the user adjusts the current temperature up or down, the color will change from gray to black, indicating to the user what they are setting the temperature.

FAN SCHEDULE FAN SCHEDULEH/C

ZZ Z

H/C

ZZ Z

H/C

ZZ Z

Adjust the temperature from 70 degrees to 73 degrees

73F


After tapping the red up arrow three times, the user acheives the goal of adjusting the temperature from 70 degrees to 73 degrees. The temperature will stay black until the temperature is acheived, and then it will turn gray.


FAN SCHEDULEH/C

ZZ Z

Toggle the Fan On/O�


73F

currently currently

FAN SCHEDULEH/C

ZZ Z

H/C

ZZ Z

Goal: Turn on the Fan

To turn the fan on, the user taps the fan icon.

The main screen is set to the current temprature (in gray).

Goal: Turn on the Fan

After the user taps the fan icon, the fan will display feedback that the fan is on. If the user wants to toggle the fan o�, they tap the fan icon again.

73F

FAN SCHEDULE

Turn the Heat On/O�


73F

currently

FAN SCHEDULE

currently

H/C

ZZ Z

Goal: Turn the Heat On

To turn the heat on, users simply tap the H/C icon on the bottom of the screen.

Goal: Turn the Heat On

When the user taps the heat button a heat/cool sub-menu folds out from the O� button into separate bubbles.

When the user selects someting, the circles converge with the user’s choice on top and pull back up the status bubble.

73F

FAN SCHEDULE

The system will not allow the user turn the heat AND the cool on at the same time—it will only allow one or the other to prevent the thermostat from confusing the system.

Additionally, if the user adjusts thetemperature down three degrees...

OFF

ZZ Z

73F

currently

HEATCOOLHEAT


I noticed that you’re warm. Would you like me to switch from heat to cool?

YES NO


72F

FAN SCHEDULE

71F

FAN SCHEDULEHEAT HEAT

...the user gets a prompt to turn the cooling on if they are too warm. If they select yes, the system will switch from heat to cool.

70F

FAN SCHEDULEOFF

HEAT



Great, I’ll turn the cooling on.

70F

FAN SCHEDULECOOL

Turn the Cool On/O�


Goal: Turn the Cool On

To turn the cool on, users simply tap the cool icon on the bottom of the screen.

Goal: Turn the Cool On

When the user taps the coolbutton a heat/cool sub-menu folds out from the O� button into separate bubbles.

When the user selects someting, the circles converge with the user’s choice on top and pull back up the status bubble.

73F

currently

FAN SCHEDULEOFF

FAN SCHEDULE

The system will not allow the user turn the heat AND the cool on at the same time—it will only allow one or the other to prevent the thermostat from confusing the system.

Additionally, if the user adjusts thetemperature up three degrees...

73F

currently

H/C

ZZ Z

COOLOFF

ZZ Z

73F

currently

COOLHEAT



NOYES

I noticed that you’re cold. Would you like to switch from cool to heat?

COOL

74F

FAN SCHEDULE

75F

FAN SCHEDULE

76F

FAN SCHEDULE

...the user gets a prompt to turn the heating on if they are too cool. If they select yes, the system will switch from cool to heat.

COOL COOL


Great, I’ll turn the heat on.


HEAT

76F

FAN SCHEDULE

Edge Case: Turning on the Cooling in Cold Weather


If the user would like to turn the cooling on in cold weather (which would break the system), the system has access to the month and region of the thermostat via access to the internet.

The green wireless signal indicates the thermostat is connected to the internet.

If a user should try to turn the cool on during typically cold months...

...the user gets a prompt to turn the heating o� and the fan on instead of turn-ing on the cool.

76F

currently

FAN SCHEDULEH

HEAT OFF

ZZ Z

73F

currently

COOLHEAT OFF

ZZ Z

73F

currently

COOLHEAT

Wait! It’s too cold out. Turning on cooling could damage your A/C unit.

If you’re too warm, I can turn o� the heat and turn on the fan.

TURN HEAT OFF

LEAVE HEAT ON

Edge Case: Turning on the Cooling in Cold Weather

Great, I’ll turn the heat o� and turn the fan on.


76F

FAN SCHEDULEH/C

ZZ Z

Setting up the Internet


70F

Internet Setup

Setting up hellointernet...

Searching for Wireless Networks....

2WIRE111

hellointernet

2WIRE145

2WIRE231

Internet Setup

What’s the password for your wireless?

delete

done

Don’t see your network? Tap here to enter it.

FAN SCHEDULE

CANCEL CANCEL

H/C

ZZ Z

Goal: Setting up the Internet

When the system detects that it is not connected to the internet, a dialogue box will pop up to ask the user to set up the internet.

The user can tap either on the dialogue box or the wireless signal.


The thermostat searches for wireless networks, and the user chooses from the available networks. If the network is not shown, the user can manually enter it below.

In this example, the user chooses their network, hellointernet.


Once the user chooses their network, a prompt opens for the user to enter the password, as well as a keyboard. The user pressed the “Done” key when they are complete.

Hey, you haven’t set up the wireless yet! Tap here to set it up.

GO BACK



Internet Setup

hellointernet has been set up!

If you need to access the wireless settings anytime, just tap the wireless signal at the top-right hand side of the screen.

OKOK


The user gets a completion screen and further instructions on how to access the wireless settings.


The wireless network now appears as green to show the user that it is connected to the wireless network.

If the user selects the “Cancel” button and they have not set up the time/date...

70F

FAN SCHEDULE

Internet Setup

Searching for Wireless Networks....

2WIRE111

hellointernet

2WIRE145

2WIRE231

Don’t see your network? Tap here to enter it.

CANCEL

H/C

ZZ Z



Time and Date

I need at least the current time and date to provide you with the best

service possible.

OK

Time and Date

A prompt displays for the user to enter the time and date.

Once the user sets the time and date, they select the “OK” button to confirm.

The wireless will display—but not as green if the network has not been set up. However, it will not display the pop-up dialogue to remind the user of the wireless settings if it has been connected with the time/date.

6 00PM12 16 AT

Thanks for the time and date!

If you need to access the wireless settings anytime, just tap the wireless signal at the top-right hand side of the screen.

OK 70F

FAN SCHEDULE

-

H/C

ZZ Z

Turning the Schedule On


70F

FAN ON SCHEDULE

SCHEDULE

BACK

DAILY SCHEDULEONOFF

70F

10AM65

F

1PM70

F

6PM11AM 2PM 5PM 7 P12PM

COOL2:07 PM

Goal: Open the Schedule

If the user wishes to open the schedule, they locate the “Schedule” button on the lower right hand side of the screen and tap it.

Goal: Open the Schedule

The schedule menu slides up and reveals the “Daily Schedule.” There is a toggle to switch the schedule on and o� and a “Back” button to take the user back to the main menu. The current time is displayed in the lower right hand screen. If the user taps this, it will return them to the current time. The user flips the toggle to turn on the schedule.

With the goal acheived, the user can press the “Back” button to see the main menu.

2:07 PM

SCHEDULE

BACK

DAILY SCHEDULEONOFF

70F

10AM65

F

1PM70

F


Turning the Schedule On


70F

FAN ON SCHEDULE RUNNING

COOL

On the main screen, the schedule button has changed colors and is now indicating that a schedule is currently running.

Schedule: Adding a Schedule at 11:30 AM


70F

FAN ON SCHEDULE RUNNING

SCHEDULE

BACK

DAILY SCHEDULEONOFF

70F

10AM65

F

1PM70

F


COOL2:07 PM

Goal: Adding a schedule at 11:30 AM for 72 degrees

The user taps on the schedule to access the schedule menu.


The user taps on 11AM to set the schedule to 11:30 AM (they can also tap any time on the schedule line and adjust the time to 11:30 AM.


A submenu appears underneath the bubble with a default temperature of 70 degrees. The rest of the bubbles are grayed out as they are currently inactive. The user then can adjust the temp/time with the arrows.

SCHEDULE

BACK

DAILY SCHEDULE

70F

10 AM65

F

1 PM70

F

6 PM70

F

11 AM

70F

AT 11 00 AM

BACK

CANCELOK



SCHEDULE

BACK

DAILY SCHEDULE

70F

10 AM65

F

1 PM70

F

6 PM70

F

11:15 AM

70F

AT 11 15 AM

BACK

OK CANCEL


The time is adjusted by 15 minute increments.

SCHEDULE

BACK

DAILY SCHEDULE

70F

10 AM65

F

1 PM70

F

6 PM70

F

11:30 AM

70F

AT 11 30AM

BACK

SCHEDULE

BACK

DAILY SCHEDULE

70F

10 AM65

F

1 PM70

F

6 PM71

F

11:30 AM

71F

AT 11 30AM

BACK

OK OKCANCEL CANCEL



SCHEDULE

BACK

DAILY SCHEDULE

70F

10 AM65

F

1 PM70

F

6 PM72

F

11:30 AM

72F

AT 11 30AM

BACK

SCHEDULE

BACK

DAILY SCHEDULE

70F

10 AM65

F

1 PM70

F

6 PM72

F

11:30 AM

72F

AT 11 30AM

BACK

OKOK CANCEL CANCEL


There will be a dialog box that pops up that tells the schedule was created successfully. The user can dismiss this by pressing “OK.”

If the user wants to cancel schedule creation, they tap the cancel button.


The user confirms the new schedule by tapping “OK.”

SCHEDULE

BACK

DAILY SCHEDULE

BACK

70F

10AM

72F

65F

1PM7

62PM 5PM12PM11:30 AM

Schedule created successfully.

OK



2:07 PM

SCHEDULE

BACK

DAILY SCHEDULEONOFF

70F

10AM65

F

1PM70

F


This will bring up a dialog box that confirms if the user would like to cancel the schedule.

Once the user confirms, they are brought back to the main schedule screen.

SCHEDULE

BACK

DAILY SCHEDULE

BACK

70F

10AM

72F

65F

1PM7


Cancel schedule creation?

NOYES

Schedule: Deleting a Schedule at 11:30AM


2:07 PM

SCHEDULE

BACK

DAILY SCHEDULE

70F

10 AM65

F

1 PM70

F

6 PM72

F

11:30 AM

72F

AT 11 30

BACK

SCHEDULE

BACK

DAILY SCHEDULEONOFF

BACK

70F

10AM

72F

65F

1PM7


Goal: Delete a schedule at 11:30 AM

When the user wants to delete a schedule, they tap on the schedule that they would like to delete.


On the schedule subscreen on the right hand side, there is a red “Delete” button. The user taps this button and...


The user receives a dialog box to confirm that they would like to delete the schedule.

DELETEOK

AM

SCHEDULE

BACK

DAILY SCHEDULE

BACK

70F

10AM

72F

65F

1PM7


Delete the schedule?

NOYES

Schedule: Deleting a Schedule at 11:30AM


2:07 PM

SCHEDULE

BACK

DAILY SCHEDULEONOFF

70F

10AM65

F

1PM70

F


Once the user confirms, they are brought back to the main schedule screen.

Schedule: Adjusting a schedule from 70 to 72 degrees at 6PM


2:07 PM

SCHEDULE

BACK

DAILY SCHEDULEONOFF

70F

10AM65

F

1PM70

F


2PM

Goal: Editing a schedule from 70 to 72 degrees at 6PM

When the user wants to edit a schedule, they tap on the schedule that they would like to edit. In this case, they tap on the schedule at 6PM.

SCHEDULE

BACK

DAILY SCHEDULE

70F

6PM5PM 7PM 10PM 12AM

70F

AT 6 00PM

DELETEOK

2PM

SCHEDULE

BACK

DAILY SCHEDULE

71F


71F

AT 6 00PM

DELETEOK

Goal: Editing a schedule

When the user taps on the schedule, this brings up the edit submenu. When they want to edit the temperature/time, they press the up/down arrows to edit. To change the temperature to 72 degrees, the user would press the up arrow twice.

Schedule: Adjusting a schedule from 70 to 72 degrees at 6PM


2PM

SCHEDULE

BACK

DAILY SCHEDULE

72F


72F

AT 6 00PM

OK DELETE

2PM

SCHEDULE

BACK

DAILY SCHEDULE

72F


Schedule edited successfully.

OK

2PM

SCHEDULE

BACK

DAILY SCHEDULE

72F


72F

AT 6 00PM

OK DELETE

If the user taps anywhere outside of the edit submenu, the submenu will close.

Goal: Editing a schedule

When the user taps on the “OK” button, a dialog box pops up to inform the user that the schedule is edited successfully.

Thermostat Wireframe: Iteration 6 · Turn the Heat On/O˜ Chelsea Hostetter - Page 4 73 F currently...

Documents

Transcript of Thermostat Wireframe: Iteration 6 · Turn the Heat On/O˜ Chelsea Hostetter - Page 4 73 F currently...