Table of Contents
Advertisement
Tips and Tricks
Recommended Best Practice (cont.)
Inspirational Examples
The following examples may serve as inspiration and to provide
further guidance on best practices. It is by no means mandatory
to design and implement controls as illustrated in these examples.
Wigdget ID
When you drag a widget (e.g. a button) onto a page, you may
give it a customized ID.
Widget IDs do not have to be unique. Widgets can share ID, but
they must be of the same type.
This means that you can have two sliders in different panels
called "main-light" , but not one slider and one toggle button both
called "main-light" .
To create a duplicate of an existing widget on another page or
panel, just use Copy and Paste.
Create Groups of What Belongs Together
Consider grouping controls that belong together on the same
page. The pages you create in the in-room control editor appear
as separate tabs on the control panel.
Control of Lights
The combination of a slider and a toggle button could be used to
control lights. The toggle button switches the lights on or off; the
slider serves as a dimmer.
Consider the following strategy:
• Set the slider to minimum when the user turns the lights off
• Set the toggle button to off when the user moves the slider to
its minimum
D1535805 User Guide In-Room Control for Touch10. Produced June 2017 for CE9.0. © 2015–2017 Cisco Systems, Inc. All rights reserved
• Remember the value of the slider when the lights are turned
off, so that you can return to this value when the lights are
turned back on again
• If the light is at 40 %, when the user switches it off, he or she
would expect it to go back to 40 % (not maximum) when
switching the lights on again
• When the user selects one of the options in the group button (a
light preset), set the sliders and toggle buttons accordingly
• If the lights are changed away from a preset, for instance by
changing a slider or toggle button, deselect all options in the
group button.
Control of Temperature
The combination of a spinner and a large font text box (value)
may be used to control temperature. Use the spinner to set the
desired temperature, and the large font text box to show the
current temperature.
For the best user experience remember the following:
• Update the large font text box as the temperature in the room
changes.Update the text field of the spinner when someone
tap the up and down arrows
• Consult the Widgets chapter for details about how to update
the spinner's text field and the large font text box.
Control of Blinds
You can either use a spinner, or up and down arrows from the
Icons tab in the widget library.
Consider the following strategy:
• Tilt the slides as response to a short press on a direction arrow.
If tilted all the way, move the blinds up or down incrementally
• As response to a long press on a direction arrow, start moving
the blinds in that direction. They do not stop until all the way up
or down
• Short press any button in order to stop the movement after a
long press. Then no separate stop button will be needed.
Use a Button Only to Send a Signal
A button can be used just to send a signal, without changing the
button's state or visual appearance.
As an example, use the All lights on button to switch on all lights.
Do not change the button's color from gray to blue, but update
the other light controls to reflect the true status of the room.
Group Buttons
Group buttons are ideal when you want buttons to be linked,
so that only one can be selected at a time. For example room
presets.
When the individual buttons in a group are too small to contain
the text that describes their function, consider to use text boxes
for the description.
39
Advertisement
Table of Contents
Troubleshooting
