top of page
.png)
Meet
Meet Loomo
Loomo is a mobile robot sidekick, both a self-balance transporter and a personal assistant. Loomo went on sale in April 2018 worldwide and has been integrated into the lives of 30,000+ satisfied customers.
My Role:
Product Designer
Duration:
20 Months
Cross-Platform:
Robot, iOS, Android
I joined the Loomo team in May 2017, worked as the Product designer in a team of 2 PMs, 3 Product designers, and 20 engineers. And I drove the end-to-end designing, developing, and collaborating with different roles. I designed the entire robot interaction experience and the controlling mobile application from 0 to 1.
I led the end-to-end design of features including:
-
Robot personality / status system
-
Homepage
-
Skill menu page
- Follow-shot
- Auto-composition shot
- Voice / gesture interaction
- Out-of-box experience
- Interactive tutorial
- Over-the-air (OTA) system
- Usability testing
As a designer for smart products, for each feature, I conducted cross-platform design for both controlling mobile application (iOS, Android), and robot feedbacks (touch-screen interfaces
Voice, head, base movement, and lighting).
On this page, I'd like to mainly focus on 2 mobile application features: Skill Menu Page and Follow-shot. Share how I brought them from ideation to launch, and solved the users’ problem.
Story 1 - Skill Menu Page
Skills menu page
I used gamification design thinking to create an unlock and level up system, enhanced user engagement by 46%.
STORY #1
New users get confused about which skill to start with, easy to get stuck, and feel frustrated.
Problem
BACKGROUND
Design goals
-
Give good guidance for new users’ exploration.
-
Enhance user engagement.
-
Provide delightful visuals.
IDEATION
Gamification
Based on skills connections, users start with the basic skills, unlock new skills afterward.
Unlock
Skills can be upgraded while users spend more time on each skill. While upgrading, users get in-skill bonuses.
Level-Up
.png)
ITERATION #1
1st version: Skill cards
Like Alexa or Siri have false voice triggering when users did not call them, but they react. Gestures were also falsely triggered by mistakenly recognizing the random body language as the gesture commands and potentially starting to move suddenly!
Testing and design review
To verify the design, I held quick internal testing with 7 of my colleagues. At the same time, I shared the design plan with the whole design team including PMs and other designers for critique.
Insights
.png)
Higher engagement
Unlock and level-up are attractive
Longer interactive path
Scrolling cards not intuitive enough
ITERATION #2
2st version: Simplify the user flow
.png)
Remove the skill cards, click on skills icons to enter the skill, long press to check skill information.
Present level information with “badge” on the skills page.
Automatically unlock new skills and notify users with pop-ups.
Visual Design
Skill menu page
Illustrations
Designed illustrations, used different colors to indicate different skill levels.
Animations
To help user even engage more in the gamification system, designed animations for playful experience.
Skill Level Up
Homepage -> Skills Menu Page
VALIDATION
Usability testing & evaluation
I held usability testing to assess if the new skill system solves the user’s problem and achieve design goals:
Interview:
Field research:
with the methodology of field research and interview:
-
Participants: (8) Total
-
Demographics: Age 9 - 47
1. System Usability Scale (SUS) score - Objective judgment
2. Net Promoter Score (NPS) - Subjective judgment
3. Interview: 8 questions to gather user feedback
Compared the result with previous usability testing:
SUS:
Engage Time:
Completion Rate:
64 to
78
Increased
46%
76.25% to
92.25%
STORY #2
Follow-shot
Designed the feature of Loomo will keep following the targets while taking videos.
3 key iteraations.
Story2 - Follow-shot
BACKGROUND
What is Follow-shot
Loomo will keep following the targets while taking videos. The users can control robot with mobile phone, or directly use the robot to take following videos.
There are 2 different shooting modes to fit users' requirements based on scenarios.
Mode #1
Mode #2
During the design process, I've met several core challenges. I'd like share them and how I made decisions.
CHALLENGE #1 - MOBILE
Let users know who is being tracked
-
Designed green frame to demonstrate trackiing target.
-
Users can switch between two shooting modes with the tab bar.
-
If target lost, will mark with red frame and use toast to notify user.
CHALLENGE #2 - MOBILE
How to deal with multi-targets
-
If detect multi-targets, mark them with yellow frames and let users select target they want to track.
-
Automatically start tracking after selection.
-
User could preview videos they have taken.
More about Loomo
CHALLENGE #3: CROSS-PLATFORM DESIGN
Design for both mobile and on-robot applications
As the users can control robot with mobile phone, or directly use the robot to take following videos, I designed the control interfaces both for mobile application and robot interface.
Robot interface
Mobile application
.png)
I held usability testing with 5 participants, including observation for tasks and deep-dive interviews.
Usability testing & evaluation
NEXT STEP
What can we do better?
Tracking any defined target:
-
A group of people
-
Non-human target
Check More I Designed for Loomo
Voice Auto-shot
Voice Auto-shot
Over-the-Air (OTA) Update
Over-the-Air (OTA) Update
Usability testing &
Research
User Testing & Product Testing
bottom of page