Stacking all the lights and blinds in a room allow users to easily adjust the entire room at once. The stack acts as a “adjust all” feature.
Tapping the stack expands to show all the lights or blinds in that room, giving the user the ability to control each one individually.
As the user begins to adjust an item, the control interface takes over the entire screen allowing the user to use larger gestures that require less concentration.
Principle can be used in unconventional ways to prototype unique interactions. We used these prototypes for internal testing and to get buy-in from key stakeholders.
This prototype was built from scratch with p5.js a javascript library. It was used to refine the interaction and behavior of the controls as well as communicate subtle details to Veev’s software engineers.
Tapping the "All Lights" button will toggle all lights on/off. You can lower or raise the brightness of the lights in unison by dragging outward on the room's "Lights Stack".
There are times when presets or whole room control won't cut it and you need to dial in each light individually. Expanding the stack reveals controls for each light in the room.
