The home screen provides an overview of what's going on in the house -- things such as total watts used, which lights & devices are on, favorites (a list of lights that are most commonly used), etc.
The user taps a device and can interact with that device by turning it on, setting the dim, etc.
For this contest, I'd like two screens designed (I'll be upgrading the contest to show 2 screens with an increased payout). These two screens are:
Screen #1: Home screen
In general, the home screen should work as a type of dashboard where the user can see what's going on in the house and access quick functions. The app navigation could begin here as well; for example, I might tap on a shortcut that says "12 devices on" and see a new page showing me all of the devices that are currently on.
Some possible things that will be on the home screen:
- How many lights are on currently
- How much energy is the house using right now? (tap to see a historical log of energy usage)
- Favorite (tap to see a list of favorite devices)
- Scene activation (user defines scenes in PC app which could then be custom-activated from here)
Screen #2: Device List Screen
Show a device list screen. When the user navigates, they will almost always end up at a screen with a list of devices. These devices will provide the user the ability to interact with and change the device. Additionally, there should be a way for the user to "select" a device to perform more detailed interactions on the device. For example, a dimmer might provide a way to turn the light on or off and set the brightness from the list screen. The user could then "select" the dimmer and would see a popup to do things like set a timer to turn it off, adjust the pre-set levels, etc.
For your design of this screen, please try to incorporate at least one of each of these devices:
- Dimmer: User will turn it on/off and adjust the brightness from the list item. Selecting it shows a popup with level presets, etc.
- Thermostat: User will see the current state (Heating, turned on? current temp). User taps to make changes to it in a popup window.
- Door lock: User will be able to see if the door is locked or unlocked and should be able to lock or unlock it from the list.
- Motion Sensor: This is a "read only" device -- it'll only show the state of the device, such as motion detected or not. No user interaction is possible.
The following is a list of icons the app will use. Please provide them in a large format 512x512 PNG or as an AI vector graphic
- Energy Usage
- Power Devices: this shows all devices that are on. This will includes, lights, dimmers, thermostats, locks, etc. So it needs to be something that can illustrate that a device is on but not so restricting as a light bulb, since that is only one type of device
- Dimmer Light On
- Dimmer Light off
- Standard light (not a dimmer) on
- Standard light (not a dimmer) off
- Lock (locked)
- Lock (unlocked)
- Ip Camera
- Motion Sensor (no motion)
- Motion Sensor (motion detected)
- Door/Window sensor (See here for reference of what they look like: http://goo.gl/69TtD) opened
- Door/Window sensor closed
- Sensor (generic sensors which normally just shows a reading)
- Siren (silent/off)
- Siren (making noise/on)
- Outlet (on)
- Outlet (off)
- Rooms (tapping this icon will show the user a list of rooms)
- Scenes (a scene is a pre-defined "view" of the lights, such as "Movie Time" or "Reading Scene")
- Water sensor (no water detected)
- Water sensor (water detected)