The Cleaning-Robot Mobile App

Bayu Ferdian
Nov 11 · 4 min read

Design case study on how we redesign a dashboard for a mobile app to control the Cleaner Robot

BACKGROUND

The Cleaning Bot. Looks a lot like Disney’s Eva in Wall-E movie

This is an interesting case study we did so far. We found out recently a robot company called LionsBot. You can see the profile in the video below:

To control and manage the bot's performance, the manufacturer developed an Android-based mobile app. Unfortunately, because their main focus is on robot development, the mobile app experience was not well designed. So, they outsourced this job to another company.


THE CHALLENGE

How might we design the User Interface Design solution for the Robot Dashboard.


UNDERSTANDING THE PROBLEM

Here is what we did:

We did a role-playing test to understand what would be a problem for the real users when interacting with the mobile app and the cleaning-bot.

Findings:

Locating and walking to get to the robot when it stops working is really painful.

Let’s say if the user is on the 1st floor of the building and the robot is on the 5th floor. Imagine if the robot is malfunctioning, can the user get to where the robot is at the right time?


USER AND THE CONTEXT

Let’s talk about the user. To get a better understanding of how Singaporean will operate and interact with both the robot and the mobile app, we need to understand the user and the context they will be in.

Most of the cleaning service officer in Singapore are the senior citizens, around 45 years old and above. Although some are also in the productive age range.

a group of elderly Singaporean who works as the office cleaning officer
a group of elderly Singaporean who works as the office cleaning officer
The cleaner squad from https://www.e-cs.sg/ This is just an illustration, they are not the real customer of LionsBot.

A few collective assumptions and well-known facts about these cleaning officers are:

  1. Their eyesight might not be at the maximum condition.
  2. Their savviness in mobile technology could vary.
  3. There could be a part where they need to work in direct sunlight.

IDEATION

Before we jump into the design part, we need to remember the key information from the above sections:

  1. The user will most likely the senior citizen who works as the Office Cleaning officer.
  2. Their eyesight might not be at the maximum condition.
  3. Their savviness in mobile technology could vary.
  4. There could be a part where they need to work in direct sunlight.
  5. How to locate the robot is the most painful point.
  6. Remembering the number as the robot command is not easy.

To generate the best ideas we did the remote Crazy8-ish workshop. By using Figma, we collaborate right from the sketching part. We basically use Figma as a canvas, each of us will sketch on a paper first. Then we upload the sketches, present our ideas and do the Zen Voting.

This is a Figma canvas. We use it to ideate and documenting the process.

The final wireframe contains these solutions:

  1. A map to show the bot's location. We think there could be multiple bots working simultaneously.
  2. Icon-based Control Buttons. ‘It’s better to recognize than recall’ is one of the infamous Heuristic Principles. It means, it is better to make more recognizable in form of visual than relying on numerical symbols.
  3. Super Big Buttons. To help the user, we think having a big enough button will ease their work.

PROTOTYPING

Here is the final User Interface Design:

New proposed User Interface Design

Later on the final design phase, we add the “Time to completion” element to inform the user when will they need to go to get the robot.


WHAT’S NEXT

Hopefully, we can get a wider scope of this project so we can revamp the whole experience so we can validate and iterate more.


Hey, Folks!

Giza Design Lab is an Indonesian design agency with Human-Centered Design approaches. We help companies to design their product experience to get more love from their customers. Want us to help your design project? Send email to info@gizadesignlab.com, go check our website and follow us on Instagram.

GizaLab

Behind the scenes, journal and stories about a UX Agency based on Bandung, Indonesia

Bayu Ferdian

Written by

UX Consultant at GizaDesignLab.com | UXiD Bandung

GizaLab

GizaLab

Behind the scenes, journal and stories about a UX Agency based on Bandung, Indonesia

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade