AR View
Make a bridge over traditional 2D LiveTour and AR context!
Overview
AR Tag is a new type of tag for VR Maker users to see product in 3D models, and project in AR scene in the LiveTour. On the editor side, the host can upload their product 3D models by simply filling URLs from AR Maker. With AR Tag, users are able to view a more comprehensive product in a immersive showroom, and see what the product looks like in the real world without physically having it in hands.
Time
06/2022 - 07/2022
Role
Researcher, UI Designer
User Interview
An user interview is conducted beforehand to investigate using background, extent of demands, prototype opinions, and cost preferences. The interview includes EMEA team, representing the luxury industry, clients from the wood machinery industry and the 3C electronic industry. The interview results are probed into VR Maker-related and AR Maker-related respectively, marked with the following yellow and pink colors, for further discussion between the 2 BUs.
User Interview Result Draft
Personas & Solution Chart
Firstly, we interviewed EMEA team, Guild of the wood machinery industry , and executives from the 3C electronic industry, to gain a broad view of the possible user scenario of the AR tag in VR environment. Probing deep into the demand of our users, and defining the intersection of the problem, our team divided existing users into groups who have similar using scenario but in different industry. A persona is built based on each group of the users, with behaviors and 3D modeling scenarios were thoroughly investigated and described.
Feedbacks regarding viewing experience, user interface and loading speed were later defined clearer by value and effort in the chart, marked with three colors representing different BUs.
Persona of 2 types of users
Overall user thoughts
Define the problems
UI and Interaction
Based on the problems defined, we came up with the design of single tag and multi tag with AR button serving as solution. ( Check prototype ) When user click the “view in 3D” button, the model pops out without background and with clearer tool button below. When user click the “out of 3D” button, the tag pops back with fluid customed spring animation. Tutorial and AR projection are now shown without background, too. Users stay in the same immersive page and are able to bounce back to the 3D model or the tag more quickly.
UI of single tag and AR model in viewer (web)
UI of single tag and AR model in viewer (mobile)
Final Mockups
AR model in single tag (mobile device)
