UX


                                   VISUAL

                                                       
                                                   







   VR Training simulation           ︎︎︎  



         01.                                                                              Project Brief                                                                                


    My Role           The Team           Project Timeline           My Key Contributions

    UX Design        Project Lead        Aug - Jan 2022               Project Management
    UI  Design         PM                                                                    User Flows & Wireframe
                               UI/UX Design                                                  Prototyping
                               2 Experts                                                         Usability Test
                               Developer                                                        Interaction Design
                                                                                                          Interface Design






Next
Generation
Training
Tool.







Background



Electronic & Photonic Die Attach to substrates is a
key manufacturing technology driving computer
hardware, consumer electronics and communications.

 













Die Bonding Process


Die bonding is a manufacturing process used in the packaging
of semiconductors. It is the act of attaching a die (or chip) to
substrate or epoxy or solder, also known as die placement
or die attach.

The process starts with picking a die (chip) from a waffle pack
and then placing it at a specific location on the substrate.










Based on the research, We are facing the shortage of U.S.
photonics technicians. The market expected to grow from
58,000 today to 85,000 by 2023 and critical need for
cost-effective, scalable, modular online learning content.
In traditional training, users need go to a laboratory
for training. Due to the impact of the epidmeic, their studies
have been hindered.






How might we create a realistic tool
replica in 3D space accessible
via software will allow for pre-training?
















Challenge


Users are facing a dilemma: They need to learn
new skills, upgrade existing capabilities or complete
compliance training, but may not be able to do so
in person given the current environment. 


Target Users


🧑🏻‍🎓 Users at University

🧑🏻‍🔬 Technicians and Engineers












02-02
User Research





Learn from our users

We invited undergraduate students participated
in study to compare learning out comes using VR aids
or traditional video and in-person based instructions. 







Problem # 1
Cognitive Overload






The machine training is increasing in popularity. However,
their limited visuals and interactions makes it difficult for
users to interact with unfamiliar interface. It’s cognitive
overload for users when they first come across it. They
don’t know what exactly to do.

Solution: Translate requirements into functional elements
to optimized information hierarchy & Layout. And create
structural patterns that relate to the arrangement of
information and functional elements on the screen.
Insight # 2 
Inefficient learning



Traditional training involves time at the tool or intensive
2 to 4 day sessions, followed by full immersion in tool use.
In the process of learning, they need an experts to guide
every step of the process. There may be time lag between
time of training and time of tool use.


Solution: Develop a software that behave like a considerate
human being to help users to identify machine parts, and key
steps. Giving users a step-by-step flow they can learn it through
self-learning.







 

02-03
From Findings
to Features


After determining the specific goals and needs of users,
I redesigned a concise process according to the interface
of existing machines and experts’ suggestions.




Module 1 - Waffle Pack

Module 2 - Die

Module 3 - Alignment








Layout Options

Eye Tracking












02 - 04
User Testing


Does It Actually Work?

I started testing it in the early development stages to
make sure it was an inituitive, seamless user experience. 





Change 1 # Different Skill Levels


Before Testing
After Testing



At the beginning, I directly designed the "Waffle Pack" lesson and gave users the freedom to use all the tools. But I found out not everyone understand the function of each tool.
Design for the needs of a diverse set of users, so it doesn’t matter if user is an expert or a newbie.






Change 2 # Predictability


Before Testing
After Testing


There is no parameter, it takes a while for users to find the target; They don’t know exactly where they are and the number of coordinates they needs to accomplish.
Added visual cues serve as reminders for users. Allow users to navigate easily through the interface by providing points of reference as they move through the interface. The cue would help them predict the result of the action.





Change 3 # Visual Indicators


Before Testing
After Testing



I thought yellow was a more striking color to guide the user. It turned out that users were more sensitive to color than I thought.Too many colors will confuse them.
Keep consistency by using color.











03
Getting Started





                                           



                          



                                     
                       

                     
                        





︎BACK




©2025