"Realistic" Thermostat Interface vs Minimalist
I am developing a Web Interface for Temperature control of certain rooms/zones. Every time the +
icon is clicked, a new card
appears as shown. The large number will be the temperature based on a sensor and the two smaller numbers are the lower and upper bounds of the temperature set-point.
I am battling with myself as to which design is more UI/X friendly. From a coding perspective the latter is easier and less work (but the first is still already coded). I would be willing to merge the two somehow per suggestion.
This method allows the temperature to be selected using the mouse scroll wheel (Demo Here) and I planned to add the up
/down
carets (as shown in the minimalist design) later for mobile support.
This design would feature only up
/down
button selection of temperature set-points. (I still need to add the ability to chose the lower or upper limit before changing its value with the carets)
Specific items on which I would appreciate feedback:
1) Aesthetics
2) Usability (and implied intuition therein)
3) Readability
Thanks in advance for any/all feedback!