THE CHALLENGE:
No1robotics needed an improved version of their beta release applications for a better client experience with the Pepper robot. My mission was to help them redesign their application for better usability and scalability of the product.
THE OUTCOME:
A Pepper and CMS application ready to use by multiple clients. Currently, four hospitals in various locations in the Netherlands are making use of No1Robitc's Pepper application in the waiting room or during their consult. They use the application for educational and entertainment purposes, to make the hospital experience innovative for their patients and support caretakers with their work.
Robert Megens
Wendy Castelijns
Binod Nepali
TEAM:
WORKED ON:
Ux & UI design, interactions & animations, visual design, branding and strategy, customer support, manual writing
YEAR:
Aug 2019 - Ongoing
ROLE:
Ux & UI design, interactions & animations, visual design, branding and strategy, customer support, manual writing.
TEAM:
Robert Megens
Wendy Castelijns
Binod Nepali
YEAR:
Aug 2019 - Ongoing
Through team discussion and by keeping the target users in mind, I was able to extract and refine the key pillars of the desired application aesthetics. The focus was to make the design simple and quickly implementable. Therefore the material design guidelines and the library was used for creating our own design UI kit. Since the application had to be for multiple clients, a vibrant and playful style for the Pepper application was chosen that would fit for users from multiple age categories.
DESIGNING UI KIT
Next step was to work towards possible solution. This involved a series of sketching and lengthy discussions about the application information architecture where we covered the new product's infrastructure, features, and hierarchy. We reorder information based on the priority and merge application features together. This step was quite challenging, but also very exciting to see how the new application was coming together.
SKETCHING & RESTRUCTURING
"And then, everything was finally sewn together!"
Through the main menu on Pepper, Pepper users are able to choose activities that they want to do or has to do during their consult.
The Final Product
I created my high fidelity mockups in Adobe XD to allow the programmer to inspect the file. I worked very closely with the programmer to spec out any missing interactions that were not covered in the high fidelity mockups. I conducted a UX review of all front-end screens that were implemented to ensure it was aligned with the designs before it went to any client.
Pepper. Redesign Pepper robot application for No1Robotics.
No1Robotics
No1robotics believes in a future, where social robots will be part of our everyday lives. They help and support people in the health care, education, local government, and retail to make their first step in applying humanoid robots in the workspace. Recently No1 robotics started to design, develop & implement their own applications on the adorable humanoid robot called Pepper, to better serve their client use case within the health care domain. After having two successful pilot applications running, they had to take the next step to further develop their application.
The Client
The goal - exposition
No1robotics' goal is to establish a finalized product that would improve the current clients experience and more importantly attract new ones. Therefore, the aim was to make an attractive application that was easily applicable for multiple clients to quickly scale up the business.
However, to achieve this goal, No1robotics had to first eliminate usability issues with the beta releases and restructure the application for the next iteration of their products. Since the beta applications were created based on two different use cases, two separate products were created with each consisting again of two different applications. This made it hard to scale up the product and maintain the current applications. Their product was also missing a certain identity of the company. No1Robotics was lacking people with the expertise to help them achieving their goal and that is where I came to place. I took on the challenge of defining what No1Robotics stand for and how I could improve their product.
The Users
Currently, No1Robotics clients consist of hospitals and clinics using Pepper for educational and entertainment purposes for both children and elderly care. Doctors and nurses are the ones using Pepper in daily bases during their patient visits and consults, while patients are the one interacting with Pepper and learning from what it has to say.
To understand the goal and needs of these clients, I talked to different caretakers in how they use the beta application during their consult and their overall experience with the application. This painted a clear picture of the use case scenario, their needs and wants.
DOCTORS & NURSES
CMS PLATFORM & PEPPER USER :
UPLOAD & MANAGE CONTENT ON PEPPER
PERSONALIZED PROGRAM FOR PATIENTS
USES PEPPER TO SUPPORT THEIR WORK
ADULTS
PEPPER USER:
ENTERTAINMENT
EXERCISE BUDDY
PERSONALIZED COMPANION
CHILDREN
PEPPER USER:
EDUCATIONAL CONTENT
INTERACTIVE CONVERSATIONS
PLAYFUL EXPERIENCE
Mapping
After having a clear map of the use case scenario, I explore the current state of the applications. Through heuristic evaluation, I was able to pinpoint usability problems that needed to be addressed. Based on these insights, I conducted affinity mapping with my colleague to synthesize the pains identified. We grouped these problems under common themes and features in the platform. We further categorizing these problems into broader Epics into the key areas of the applications. This not only helped to prioritize usability issues in order of need but also helped to shape the product roadmap. This resulted in me doing less research on extending application features and instead focus more on the overall structure and the redesign of the current applications.
Defining the problem
Wireframing
Through wireframing, I focused on creating seamless user flows within the admin side...
... and the Pepper side.
1. Upload content
Within the file tab, caretakers are able to upload different type of content, depending on the activities chosen in the package.
2. Manage content
By creating folders in the folder tab, caretakers can categorize content for specific age categories or make personalized content per patient.
3. Play animations
Through the Pepper interaction tab, caretakers can create funny and personalized text fragments and play that on Pepper.
4. Set up a program
By creating a timeline in the admin application, caretakers can make their own program for their patients.
The admin
1. Choose activities
Pepper offers lots of different activities within the main menu ranging from exercises, to news and games.
2. Story telling
Adorable Pepper does not only show its content on the tablet, but also read and engange with the activities.
3. Interaction
With the speech recognition feature, Pepper is able to understand voice commands and interact with the user.
4. Reward
With this application, Pepper is easily adaptable to different age catagories and therefore it profides tailored experience to any user
Pepper Application
More than just a CMS platform
The admin is much more then only a content management system. Besides managing the conetent, caretakers can create own content, animations and activity timelines for an unique custom experiences.
1. Upload content
Be creative with your own content
3. Play Animations
Choose funny and expresive Pepper animations
2. Managing content
Create your folders and access all your files directly
Voice UI
With the speech recognition, Pepper is able to understand commands. To make the experience for the user easy, the application give tips what to say to pepper.
