zSpace - Home
Project Type
zSpace Home On-boarding design
Role
Led Product/UIUX Design
Date
Feb, 2019 - April, 2019
Team
Product manager, China team product director, professional education team in China, Engineer & QA team
Tool
Sketch, Invision, After Effects, Photoshop, Illustrator
Project
zSpace Home is a new product facing to consumer in China market. Consumer search and launch the zSpace AR/VR educational application through the zSpace Home.
As a brand new product, I mainly led design on-boarding, help user easily and quickly installing and setting the system. In the project, I collaborated with product manager, product director in China side, professional educational team in China and engineer, QA team.
Data Review
User
Interview
User
Persona
Journey
Scenario
Wireframing
Visual
Design
Prototyping
Test
User Interview
I have started with internal experts interview, the user group included: student in CH, parents in CH, teacher in CH, small business owner, gamer and internal service provider. From the interview I learnt the common and special need from different user group. The most answer/concern I have received is,
"I don't know how to interactive with the AR/VR laptop correctly."
I believed that interaction between hardware and system is the first prioritize problem I need solve through the on-boarding design. At the same time, according to the business goal which is mainly focus on consumer market. That also clear the product context,
As simple as possible, easy to understand.
User Persona & Journey
User Type
Teacher in CH
Student in CH
Parents in CH
Small business owner
Gamer
Internal service provider
Persona Page 1
User general personal information
User Journey & growth curve
Persona Page 3
Pain Points/Like/Experience
Persona Page 2
Jia Xu
Female, 38 years old, work for government in Shanghai, has a daughter in 10 years old. Hobby in cooking, family and community.
After her daughter started with 3 grade learning, she found that more and more heavy works came from school, her daughter lost study motivation. Her daughter enjoy new tech. In order increasing the joy of learning and motivation, Jia Xu purchased the zSpace Home laptop for her daughter as a new year present. Though she has learnt a lot information on the website before she decided to purchase the product, she still worried about if the AR/VR would work well. Even if the system need special installation. Jia Xu would like to teach her daughter how to use the product well.
Xiao Wang
Female, 10 years old, study in Ju Lu Lu elementary school in 3 grade. Hobby in gaming, drawing and reading.
After Xiao went to the 3 grade, much homework pressure came to her than before. In the fierce competition, it is difficult for her to get excellent score. Slowly, she did not have such a strong motivation to learn new knowledge, she hoped that there would be more interesting ways to learn. AR/VR technology used in the science class interests her a lot. Through hands-on method, just like a game, let her deepen her knowledge. She received this New Year's gift in the new year. Xiao use zSpace AR/VR new product laptop which is portable at home, which makes her very happy, and she is more willing to spend much time on learning after school every day.
Scenarios & User Flow
User scenario 1
How to connect the hardware correct? (Power in 2 parts and Stylus)
Does the laptop has battery left?
Does user connect with mouse or use touchpad?
Open the box.
Take out all parts
( Power, mouse, stylus, eyewear)
Start up the laptop
Yes
Either mouse or touchpad
On-boarding to guide user to plug in stylus
Finish other steps through the on-boarding guide
Finish the on-boarding and quite automatically
No
Trying to plug in the power
User scenario 2
How to interact between eyewear, stylus and system?
Does the laptop has battery left?
Does user connect with mouse or use touchpad?
Open the box.
Take out all parts
( Power, mouse, stylus, eyewear)
Start up the laptop
Yes
No
Trying to plug in the power
Either mouse or touchpad
On-boarding to guide user to put on the eyewear and sit in the satisfied distance and angel from laptop
Finish other steps through the on-boarding guide
Finish the on-boarding and quite automatically
User scenario 3
License agreement
Does the laptop has battery left?
Does user connect with mouse or use touchpad?
If user AGREE?
Open the box.
Take out all parts
( Power, mouse, stylus, eyewear)
Start up the laptop
Yes
Either mouse or touchpad
On-boarding to guide user to read information for license agreement
Finish other steps through the on-boarding guide
Yes
Finish the on-boarding and quite automatically
No
Trying to plug in the power
No
Link to the cotact us page
User scenario 4
Internet connection
Does the laptop has battery left?
Does user connect with mouse or use touchpad?
Start with either
internet connected
or not
Either internet connected
or not yet
Open the box.
Take out all parts
( Power, mouse, stylus, eyewear)
Start up the laptop
Yes
No
Trying to plug in the power
Either mouse or touchpad
On-boarding to guide user to connect with internet, let user know the apps have to work with connected internet
Show user if internet connected or not
Finish other steps through the on-boarding guide
Finish the on-boarding and quite automatically
User scenario 5
How user go back to the on-boarding experience after quit?
Finish the on-boarding and quit
automatically
Launch the zSpace Home system experience on the desktop by default
The on-boarding experience starts at the beginning
Finish the on-boarding and quit
automatically
Quite the experience at any step
Sketching, Wire-framing & Prototyping Test
Sketching and wire-framing is the best and effective way to make sure my assumptions workable for users according to several scenarios. From the sketching, I have created clickable prototyping to test with internal experts. Some of them are from my interview group at beginning, some are not. From the test result, I have learnt several ideas and iterate the design.
1. Don't need any fancy control, as simple as possible
2. Illustration with description combination for each step is necessary
3. Interactive gif can be considered to add into each step where we need
highlight for user to make attention
