3. Empathize Define Ideate Prototype Test
Why did we met & work on a
project about the virtual world?
Curious about user
experience within
virtual space
Jisu Kang Chungnyeong Lee Chanu Lee
Experimenting with
the virtual space
would be interesting
A lot to improve in
terms of convenience
5. Empathize
Quantitative: survey
Empathize Define Ideate Prototype Test
• We surveyed several people interested in virtual space, especially A&T students.
Things that people expect from virtual space services
From survey
As a result of survey, there were many opinions related to accessibility.
• 26 people has joined the survey during 2021.10.11. – 2021.10.18.
6. Empathize
Qualitative: Interview
Empathize Define Ideate Prototype Test
• Among the people who participated in the survey, three interviews who are currently striving in the design
field and want to expand their area to virtual space were selected and surveyed.
“I tried to create my own virtual space to solve virtual space
accessibility, but I don't have a 3D tool that I can handle.”
“I study how to handle 3D tools, but I gave up because it was difficult to
code and use script.”
“I don't know what to start without a teacher or a lecture.”
Key opinions about editor
• Interviews were started focusing on the accessibility of virtual space, and in common, there was a story about
editors regarding the experience of creating virtual space themselves to solve the accessibility of virtual space.
They tend to feel difficult to use 3D tools to generating virtual spaces.
We finally found the problem from this stage
8. Define
User + need + insight
Empathize Define Ideate Prototype Test
User : People who want expert-level virtual space customization but have difficulty in coding.
Insight
Need: Even if they can't write a script, even if it’s their first time to create a virtual space, they want a
service that allows them to demonstrate their design capabilities.
Brief define on problem
“I tried to create my own virtual space to solve virtual space
accessibility, but I don't have a 3D tool that I can handle.”
“I study how to handle 3D tools, but I gave up because it was difficult to
code and use script.”
“I don't know what to start without a teacher or a lecture.”
They feel difficult in modeling and coding
They don’t know how to start with 3D editor, especially they start with Unity 3D a lot.
9. Define
Empathize Define Ideate Prototype Test
Problem
Target user
• There is no UI that can be a hint for 3D beginners (similarity with PPT, word files, etc.)
• There are many web-based editors, so there are many restrictions on operation – such as using shortcut
keys or using buttons
• When the creator start making it, he can’t see clearly what to do first.
• Current 3D tools are limited for the creators who are not familiar with modeling or coding.
People who wants to experience virtual space development easily.
• Planners and designers who are interested in virtual space, but have no experience in 3D-related software,
and who cannot do coding well
• Developers who have used 3D software and want to easily distribute metaverse platforms
10. Define: Persona(1)
Empathize Define Ideate Prototype Test
College student 강수민
Personal information
• Age: 21
• Residence: Seoul,
Korea
• Job: college student
• Mbti : ISFJ
Life Style
He/she is a fourth-semester college student and started his university life in the COVID-19 era, so he uses
virtual space a lot. Meetings with friends (birthday parties, various games, studies, etc.), meetings, and
classes in various fields, including virtual space.
Several virtual space services are used, but detailed functions are not highly utilized. As there are various
platforms, each platform has different detailed functions, and it is inconvenient to take time to acquire them.
In addition, the structure of the toolbar or platform that can use multiple functions differs from platform to
platform, requiring a service that collects only the advantages and essential functions of each platform.
There are not many tools or coding languages that can be handled at a high level, so it is not easy to
produce services that are convenient to use directly, so I am learning several 3d tools.
Problems & Fears
-Because the process of encountering virtual space for the first time and learning its functions is
complicated, there is a limit to its active use.
-It's inefficient to use different virtual spaces depending on the situation.
-In order to create a -3d space, the current tools have high entry barriers.
Service & tool used
• Service: gather town,
Minecraft, zepeto
• Tool: Unity, Maya
Wants & Needs
-Wants to produce a service that includes only the necessary functions depending on the purpose
-Looking for an editor who doesn’t need high entry barriers such as modeling and coding
• Beginner of a program who wants to generate virtual spaces which is suitable for the purpose
of use.
11. Define: Persona(2)
Empathize Define Ideate Prototype Test
Personal information
• Age: 24
• Residence: Seoul,
Korea
• Job: college student
• Mbti : ENTP
Personal & Habits
He/she lives in a hot place, so he/she likes to visit restaurants and thinks he/she is sensitive to trends. I
sincerely feel that Metaverse is in vogue recently, and I want to learn more about virtual space as a content
creator, but I have no idea how to approach it as a creator. He recently enjoyed watching Netflix Squid Game
and Street Woman Fighter. He/she said that he/she is seriously thinking about purchasing a new MacBook
Pro after hearing the news of Apple's announcement of a new MacBook Pro.
Problems Fears Needs
He/she has been constantly told that it is non-face-to-face, meta-bus, and virtual space these days, and that
department conferences are also held in the form of meta-bus, and graduate schools specializing in meta-
bus are created. He/she thinks that Metaverse is really popular, but from the creator's point of view, he/she
says he/she is not sure how to approach it and how to produce content within it. He/she can easily get
advice from people around him/her to make it into Unity, but he/she has used it, but doesn't know what to do
and has to write a code to use difficult functions, so he/she has given up.
Task
He/she wakes up at 9 a.m. and writes documents on a laptop or works on personal project at a cafe near
the university. He/she takes classes by zoom and eats at a nearby fast food restaurant. He/she watches
YouTube with AirPods plugged in, and after class, he/she develops projects for department conferences at
home or cafes, or conducts zoom meetings to prepare hackathon or contests.
Equipment & system
used
• iphone 8 +, MSI laptop,
DELL monitor.
• He doesn’t have any
desktop
Attitude to Technology
He/she can easily access and view apps that can use smartphones such as YouTube and Netflix, and can
skillfully use graphic editing tools such as Photoshop, Illustrator, and Premier Pro, which are used for class
tasks or personal work. However, he/she thinks that he/she is weak at coding or writing scripts, and 3D
graphics programs such as Cinema 4D, 3D MAX, and MAYA are difficult to handle.
College student 이로울 • A creator who can’t do coding well and wants to post his work in a virtual space.
12. Define: Persona(3)
Empathize Define Ideate Prototype Test
Personal information
• Age: 26
• Residence: Seoul,
Korea
• Job: A member of BIC
of an IT company
• Mbti : INTJ
Problems & Fears
-He is afraid of complex tool challenges because he has to create virtual spaces in a short period of time.
- As it is the first time to create a virtual space, fear of meeting the team's planning intentions and
consumer needs.
Wants & Needs
-He is looking for a tool that can hold at least the skeleton even if he leaves everything to outsourcing without
completing everything.
-I don't need advanced functions, and I hope it's a tool that makes it easy to make space.
-Since it’s my first time making a virtual space, I want a kind editor with guidelines and help.
-I need to create a virtual space suitable for the planning intention, so I’m looking for a tool that's easy to
modify after feedback.
Service & tool used
• Service: Animal
crossing
• Tool: photoshop,
premier, illustrator
Life Style
김시우 is a member of the new business planning team of an IT company and has been working for six
months. He managed to adapt well to his work, and one day, he received a surprise order from his boss to
create a virtual space. The only tool he has used is 2D tools, and the only virtual space service he has used
is Animal Crossing, so he has very little experience in using and manufacturing virtual space. It is difficult to
adapt to 3D editors because he is familiar with 2D tools, and he needs to create space in a short period of
time, so there is not enough time to deal with and compare multiple tools.
BIC member 김시우 • A member of a company who needs to make a simple virtual space for marketing and planning.
13. Define
Empathize Define Ideate Prototype Test
Goal
From developers with experience in using 3D software to planners who have to study and create something through
virtual space, we will offer a powerful developer-friendly virtual space editor UI that is easy for everyone to use.
• Users who have only used 2D-based images, text editors, and video editors can use it familiarly, predictably, and easily
decorate their own rooms
• All users who have used 3D-based tools can use the editor using traditional way without awkwardness and accommodate
80% of the most important functions
• An easy tool for both new and 3D users
• Tools that allow mistakes and redo
Project overview
In order for virtual space services to spread to the public and become a new standard, many developers must
flow in and continue to be supplied. The industry can grow only when the entry barrier is lowered and the pie
in the market is grown. Under these circumstances, even if you are not good at coding or lack of experience in
creating space, we provide virtual space editors with low-level essential functions that allow many to create
your own virtual space, just as you handle powerpoint and word files, and manage your own blog.
17. v
Ideate
Empathize Define Ideate Prototype Test
Card sorting: brainstorming about the function about the editor
We categorized them according to twelve subjects.
18. v
Ideate
Empathize Define Ideate Prototype Test
• guidelines for the editor
• tutorial for creater
• show functions in stages
• separate the easy and advanced
functions
• microphone on/off
• express emotion
• chat
• loading
• share screen
• camera on/off
• function to replace the scripts
• animation presets
• animation setting
• generate event when click the
object(interaction)
• interaction setting
• object collision setting checkbox
• basic movement with mouse & wasd
• gravity setting
• user start point setting
• gravity in space & user movement
setting
• remove object
• import object in using preset window
• generate object by search without
modeling
• customizing the tool bar
• change editor UI based on situation
• add or delete functions based on
situation
Interface Object add / delete
Physics & Movement Interaction & Animation
Add step
About situation
19. v
Ideate
Empathize Define Ideate Prototype Test
• transparency setting
• masking the texture
• texture setting
• position of x, y, z, showing size,
function of locking the proportion
• generating the wall
• selection tool
• undo/redo
• hand tool
• zoom in/zoom out
• preview
• editor view, user view on/off
• change the person perspective (fpp,
tpp)
• change view point
• easy way to find x, y, z axis
• save
• register / login
• avatar customizing
• remove the avatar customizing
window when moving to another
space(portal)
• function we can see the space list
that we created
• unity export
• web export
• embed the youtube video
About style Change view
Etc
Change view point
Basic tools
Export & Import
21. v
Ideate
About the terms
Empathize Define Ideate Prototype Test
editor
creator user
virtual
space
create
We will concentrate on
the editor
22. v
Ideate
Concept
Empathize Define Ideate Prototype Test
Except for the upgraded design, rest part of the
editor will be designed according to the UI
arrangement of most 3D programs.
We will make up for the shortcomings in existing
UI after doing a usability tests.
Name & Overall
Basic tool
Upgraded UI/UX design
The overall concept is to provide a flow in
which virtual space is created, so that
users can use the editor joyfully, following
the flow more easily based on the story as
if God is creating the world. Setting the
editor's name as Gaia, the first Goddess of
mythology.
If so, it would be good to divide the steps to
intuitively create a virtual space.
If the steps are divided based on people's 'action',
people will be able to follow the steps more
intuitively.
23. v
Ideate
Concept
Empathize Define Ideate Prototype Test
Add: add objects that make up the world
Action-based editor: flow of action
Style: apply style to objects(choose texture, give light to the world)
Dynamic: set the interaction and animation to object to make the world dynamic
Interface: create an interface window for communication
Share: invite people to the created world
5 stages based on the action
34. Usability test
Empathize Define Ideate Prototype
1. Add an object and make it bouncing for 3 seconds if the
user click it. Put blue light and background music in the
space and export it as a Unity file.
2. Take the same object as step 1 from the user library to
create a space which has two objects, and add a starting
point between the two objects. Make the size, position,
and rotation of the two objects different. Share the link of
this virtual space with your friend through SNS.
3. Place a YouTube video in space, create a space with an
object with a chat window interface, and create a link so
that users can access the space.
Test
Task
Remark
Instead of making task about selecting magic editor or go
straight to the editor, left it to the user’s choice and keep
noting the unique points from the start.
Things to ask individually
What kind of event do you think will
happen if you press Change View and
Load Avatar button?
Testers: 3
35. v
Usability test
Empathize Define Ideate Prototype Test
1. It will be better to make an additional
option not to select music since some
testers don’t want to select music.
Feedbacks
36. v
Usability test
Empathize Define Ideate Prototype Test
2. There was an opinion
that the toolbar could
move freely (like an
illustrator)
6. It will be better to change the
name ‘sound zone’ to ‘add sound’
and make it possible to deal with
the range and sound setting after
the user drag and drop the
sound file on the screen, since
the testers are confused with the
function because of the name
‘sound zone’.
5. Some testers pressed the
load avatar button when they
saw the task about adding a
starting point, so it will be
better to add a function to
set the starting point if the
user move the avatar.
4. Since the stage ‘Map’ is located in the first stage, it feels like a
difficult setting, and it took testers a long time to find the add stage.
We should adjust the order of steps.
3. We could remove the
import function from the
lower left user library since
users are confused add with
import
Feedbacks
37. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Select magic builder or
go straight to the editor
Type the name of your world
Choose a type of space
that you want to make
①
②
①
①
②
②
Move to next page
Move to next page
Move to next page
Flow of the prototype
About feedbacks
Select the light Place some objects in the space(drag & drop) Choose the music
① ①
② ② ②
①
Move to next page Move to next page Move to next page
By accepting feedback 1, added the
additional option to skip adding music.
38. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Loading…
Go to editor with your
world
Creating space… Bringing light to the world…
Strengthen and breathe into the ground… Check out the created world in the editor
39. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage0: map
40. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
The God avatar is landing in the scene
Click load avatar
41. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
By accepting feedback 5, added the function that the user can
set the start point by moving the avatar after load the avatar.
0, 0, 0
By accepting feedback 3,
deleted ths import
window below the user
library
Click load avatar
42. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage0: map
43. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage1: add
44. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Notification modal
By accepting
feedback 6,
change the name
‘sound zone’ to
‘add sound’.
Stage1: add
Follow the stages
45. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage2: style
46. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage2: style
47. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Click light
48. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Click object
49. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Click object
If the user try to click and move the object, gaia
displays an indicator for the user.
50. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage3: dynamic
51. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage3: dynamic
52. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage4: interface
53. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage4: interface
54. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Stage5: share
55. v
Empathize Define Ideate Prototype Test
Prototype magic builder | editor
Follow the stages
Toggle on
Toggle off
Stage5: share
56. Key points of our project
Empathize Define Ideate Prototype Test
The flow and logic that we derived the problem
How did we accept the feedbacks after the usability test
The new functions of our editor ‘Gaia’
• magic builder
• load God avatar
• set interface
• creation that following stages