OneTouch /wʌn/ /tʌtʃ/ why :
To reduce human cognitive load and choice overloading for a better user experience. Team Sumeet Singh Shivani Datar Atharva Attarde Shambhavi Phule Guided By Associate Prof. Shoubhik Dutta Roy Asst. Prof. Supriya Ugale Pravin Ghodke Course Human Machine Interface MIT INSTITUTE OF DESIGN, PUNE
OneTouch | 01
Context
An example of a washing machine with confusing button labeling and unintuitive controls.
Problems
HMI Solutions
Overwhelming amount of options
The interface will not show irrelevant or rarely needed information since it decreases the efficiency.
Incomprehensible interfaces
The interface will not overload the user’s cognitive, visual, auditory, tactile, or motor limits.
Need of manual
The interface will allow the user to perceive that they are in control and will allow appropriate control
Non-standardized symbols
Interface will match the user’s social customs and expectations.
Lack of layout
The interface will not overload the user’s cognitive, visual, auditory, tactile, or motor limits.
Lack of effective use of colour
The interface will present elements simply and have an attractive and appropriate design.
Readability and intuitive usage
The interface will communicate as efficiently as possible and behave in a manner such that users can accurately predict what will happen next.
Design Details Sequential Processing
Color Palette
•
Flow starts on the top left.
•
•
Proceed first to wash mode selection, then program selection.
The colors used create high contrast with the machine, giving users an enhanced readability experience and visual satisfaction.
•
Asymmetric display provides added assistance in directing the workflow.
•
It also adds to the aesthetic value of the machine.
Aesthetics
Shape and Form
•
Colors have been used to ensure max usability.
•
The interface has got four main touch tactile buttons, to make the usage clear and simple for the user.
•
Buttons light up and grow bigger in size.
•
The display screen along the knob displays information in an organized hierarchy.
•
A high contrast background / font to improve readability.
•
The feedback in buttons is better than those in touch screens and thus reduces confusion in the user’s mind.
•
The knob is a feature related to machines since a long time, making it easier for the user to get acquainted with the interaction.
Design Anatomy •
In order to switch/select the functions of the machine, the user has to rotate and press the knob.
•
The centre Knob display hosts various icon and text notifications (Tub cleaning, Child Lock, Detergent, App Connection, and Servicing).
•
The outer Display ring has different Floating action buttons for the 4 main icons buttons which are on the horizontal display ( Mode, Advanced, Quick Settings, and Play/Pause).
Technical Specification Knob
Benefit
•
A circular knob elevated at 30mm from the screen with 50mm diameter
•
•
Shows the status and other notifications of the machine.
Provides the best protection from breaking and scratches on the knob screen interface.
•
The knob will be a display for which an OLED screen can be used with a corning gorilla glass 3 finish on top.
•
This type of screen is generally used in fitbits.
OneTouch | 02
Screen
Benefit
•
The circular screen of 70mm surrounded by the knob contains the details of the mode, machine cycle selected.
•
•
Touch sensitive button technology will be ideal for this part.
•
This screen displays various symbols/icons so a sharp display is needed.
•
A similar kind of interactive screen can be seen in smartwatches and other home appliances and can be effective here as well.
•
So, screen types such as: OLED, TFT, LCD
The interface used here is rugged, light weight, durable, touch sensitive, cost effective and water resistant.
Information Architecture
Please go through the link for the Mockup.
https://youtu.be/8lzd4Yydl80
Scan the QR code
OneTouch | 03