15
SmartTap Warm Up Shower Water Plants Run Bath Add Button Edit Button/Button Info 3 4 2 1 6 5 7 8 1: Home Button, takes you to this screen 2: Water Usage Statistics Button 3: Remote Water Control Button 4: Settings 5:Button that performs preset action 6.Home Screen 7.Button To Adds Preset 8.Button That Allows Users To Edit And Check Preset Settings Add Button Edit Button/Button Info Warm Up Shower Friday, October 11, 13

Smart tap protoype pdf

Embed Size (px)

DESCRIPTION

Prototype for the mobile app I built as my personal project for UXDI.

Citation preview

Page 1: Smart tap protoype pdf

SmartTap

Warm Up Shower

Water Plants

Run Bath

Add Button Edit Button/Button Info

3 421

6

5

7

8

1: Home Button, takes you to this screen2: Water Usage Statistics Button3: Remote Water Control Button4: Settings5:Button that performs preset action6.Home Screen7.Button To Adds Preset8.Button That Allows Users To Edit And

Check Preset Settings

Add Button Edit Button/Button Info

Warm Up Shower

Friday, October 11, 13

Page 2: Smart tap protoype pdf

SmartTap

Which SmartTap Will You Be Using?

Kitchen Faucet

Shower

Bathroom Sink

Front Lawn Sprinklers

Back

2

1

3

1: First Step in the Add Button Set2: Picking which water outlet will be

utilized. In every step in the Add Button Set, making a decision will change the screen guiding the user seamlessly to the next screen and set of choices

3. Button that allows user to go back to the previous choice

Kitchen Faucet

Back

Friday, October 11, 13

Page 3: Smart tap protoype pdf

SmartTap

Boiling

Cold

Freezing

Hot

LukeWarm

Warm

Back

Preferred Temperature 1

1: Second step in the add button set

Boiling

Friday, October 11, 13

Page 4: Smart tap protoype pdf

SmartTap

Just A Drip

High Pressure

FULL BLAST

Med Pressure

Low Pressure

How much water would you like?

Back

1

1: Third step in the add button set

Med Pressure

Friday, October 11, 13

Page 5: Smart tap protoype pdf

SmartTap

When Should The Water Stop?

When The Time Is Up

When The Temperature Has Been Reached

When The RIght Amount Of Water Has Been Used

Back

1

23

1: Decision point, look of next screen dependent on the choice made on this one

2. If user chooses this button the next screen is skipped and user is taken automatically to the last screen

3. Fourth Step in the add button set

When The RIght Amount Of Water Has Been Used

Friday, October 11, 13

Page 6: Smart tap protoype pdf

SmartTap

Water Stops at 5 Liters

Back

42

6

5

8

3

7

1

9 0

DONE 3

1

2

1: Fifth step in the add button set2: User needs to click box to input a number3. User needs to click done to get to the next screen

DONE

Friday, October 11, 13

Page 7: Smart tap protoype pdf

SmartTap

Yes No

Would You Like To Be Alerted When This Task Is Done?

Back

2

1

1: Sixth Screen of the add button set2. Allows users to set up an alert that their

phone will give them when set task has finished

Yes No

Would You Like To Be Alerted When This Task Is Done?

Friday, October 11, 13

Page 8: Smart tap protoype pdf

SmartTap

Last Step:Name YourButton

Defrost Chicken

DoneGo Back

1

2

3

4

5

1: Seventh and final task in the add button set2: User must click box to add name3: Keypad to add name to the Button4: User must click done to finish up5: Button that allows user to go back

Go Back Done

Friday, October 11, 13

Page 9: Smart tap protoype pdf

SmartTap

You're All Set!

(Returning you to the home screen in 3… 2…1...)

1

1: Automatically returns the user to the home screen

Friday, October 11, 13

Page 10: Smart tap protoype pdf

SmartTap

Shower: 46 LitersKitchen Sink: 28 LitersBathroom Sink: 5 LitersSprinklers: 15 Liters

Water Used This WeekSorted By:

Total: 94 Liters

Line GraphPlain EnglishStats Viewed In:

1

2

3

4 5

1: Water Usage Statistics Screen2: Sort by day, week, month, year3: Usage statistics listed by outlet4: Display stats in readable format, current display5:Display statistics as a line graph measured over time

Friday, October 11, 13

Page 11: Smart tap protoype pdf

SmartTap

Warm Up ShowerButton InfoOutlet: Shower

Temp: Hot

Pressure:Drip

Stop When: DesiredTemp Is Reached

Alert When Done: Yes

Back

1

2

3

1. Button Info/Edit Button Screen2: User Clicks Button To Edit choice3. Name Of Button Being Edited

Back

Friday, October 11, 13

Page 12: Smart tap protoype pdf

SmartTap

Warm Up Shower

Water Plants

Run Bath

Add Button Edit Button/Button Info

OK Cancel

SmartTap Will Now Perform The Task

"Warm Up Shower"

1

2 3

1: Alert given out by the system once button has been pressed

2: User can confirm request3: User can deny request

OK Cancel

SmartTap Will Now Perform The Task

"Warm Up Shower"

Friday, October 11, 13

Page 13: Smart tap protoype pdf

SmartTap

Okay Cool

SmartTapJust Finished with "Warm Up The

Shower", thought I should give you a heads up

1

2

3

1: Alert given out by system when task has been completed

2. User can confirm3. User can confirm

Okay Cool

SmartTapJust Finished with "Warm Up The

Shower", thought I should give you a heads up

Friday, October 11, 13

Page 14: Smart tap protoype pdf

SmartTap

Shower

Bathroom Sink

Sprinklers:Pressure: MedTemp: FreezingRun Time: 5 Minutes

Kitchen Faucet

2

3

1

1. Remote Water Control Page

2. Ability to turn on SmartTap outlet

3. Ability to change the settings at which the outlet is producing water

Friday, October 11, 13

Page 15: Smart tap protoype pdf

SmartTap

Add A SmartTap Faucet

Change Font

Change Color Settings

Turn Alerts Off

Back

1

1. Settings Page

Friday, October 11, 13