Manreet Manghera

Washing Machine Interface

I redesign the Washing Machine Interaction to help the user use the washing machine more easily and interactively. It will also solve the confusion which is created due to multiple functions and buttons provided on the machine interface and makes it more user-friendly.

Title: Washing Machine Interface

My role: UX/UI Designer

Tools: Adobe XD

Duration: 10 weeks

WASHING MACHINE

Problem Statement

To improve user experience by reducing difficulty, confusion in usability, cognitive load, and choice overload when using a washing machine interface.

User Personal

User Personal 1
User Personal

User Journey Mapping

User Journey Mapping

Digital Designs

Digital Designs

Primary Designs

These four are my primary interface designs for washing machines. The interface is simple and easy to use. All the features will be touching the screen without any interface confusion.

Digital Designs

Secondary Designs

These two designs are primary interface designs with a little complex interface. However, simple and easy to use. Some additional functions and buttons are added in secondary designs than primary designs.

Digital Designs

Defining Selected Design

Defining Selected Design​
Defining Selected Design​
Defining Selected Design​
Style Guide
Power Button

Press the “POWER BUTTON” to start the washing machine

Washing Interface
Washing Interface

With starting sound, the “WELCOME” screen will appear with animation on it. Moreover, wave-like animation will Always appear at the back of the welcome screen.

Washing Interface
After that, the program option will display on the screen through which the users can select any of the option according to their choice.
Washing Interface
Washing Interface
Washing Interface
Washing Interface
Washing Interface
Washing Interface
Washing Interface
Washing Interface

View of Program options.
Each program option is displayed with an image and the time required for that option is also displayed on the screen. Additionally, the selected program is highlighted with a circular rectangle whereas other options are faded.

Washing Interface

All the information related selected program will appear on the
new screen.

Washing Interface

After that, users can select the water level based on the number of clothes to wash.

Washing Interface

Click on “START”.

Washing Interface

The countdown screen for a particular option will display the time
and progress

Washing Interface

The screen will display an “END” message to notify the end of the task.

A Video Showcasing Washing Machine interface

Check out More Projects

Forever Bakery App

UX/UI Design

Air Canada Kiosk

UX/UI Design

Redesign Magazine

UX/UI Design