By focusing on a user-centric approach and leveraging the unique capabilities of Apple Vision Pro, the iStaging Viewer app successfully created a compelling spatial environment for users to explore and interact with virtual content.
Company
iStaging Crop.
Type
Apple Vision Pro App
Role
UX/UI Designer, R&D
Team
Platform Director | Web Tsai
App Developer | Eason Yang
Product Manager | Jafee Cho
Timeline
May 2024 - Sep 2024 (App Launch)
Current (2.0)
Tool
Figma, Jira
The Problem
Designing a spatial environment for a newly launched device like Apple Vision Pro requires a deep understanding of user interaction with virtual content. The challenge lies in effectively transferring existig company products (VR Maker, METAmakeR, AR Maker) onto this platform while ensuring a seamless and intuitive user experience.
The SolutionThe iStaging Viewer app for Apple Vision Pro aims to provide a comprehensive spatial environment for users to interact with 3D content. It leverages the capabilities of the device to create immersive and engaging experiences.
Designing a spatial environment for a newly launched device like Apple Vision Pro requires a deep understanding of user interaction with virtual content. The challenge lies in effectively transferring existig company products (VR Maker, METAmakeR, AR Maker) onto this platform while ensuring a seamless and intuitive user experience.
The SolutionThe iStaging Viewer app for Apple Vision Pro aims to provide a comprehensive spatial environment for users to interact with 3D content. It leverages the capabilities of the device to create immersive and engaging experiences.
Design Features
Portal Access Create a virtual portal that links to specific iStaging products based on access codes, URLs, or titles.
Spatial Interface
Utilize the device's hand tracking capabilities for intuitive interaction with virtual objects. Allow users to select and interact with elements by simply looking at them.
Content Integtation
VR Maker
Seamlessly import and view panoramic images from the VR Maker platform. Additionally, transfer other functions like searching, interacting with marker tags, viewing floor plans, and navigating between panoramas.
METAmakeR
Integrate METAmakeR's 3D spaces into the virtual environment, allowing users to naturally explore and interact with them. Enable intuitive interactions with 3D objects and interfaces, while transferring existing functionalities to the virtual interface.
AR Maker
Enable users to place, scale, and manipulate 3D objects from the AR Maker platform within their virtual environment.
Portal Access Create a virtual portal that links to specific iStaging products based on access codes, URLs, or titles.
Spatial Interface
Utilize the device's hand tracking capabilities for intuitive interaction with virtual objects. Allow users to select and interact with elements by simply looking at them.
Content Integtation
VR Maker
Seamlessly import and view panoramic images from the VR Maker platform. Additionally, transfer other functions like searching, interacting with marker tags, viewing floor plans, and navigating between panoramas.
METAmakeR
Integrate METAmakeR's 3D spaces into the virtual environment, allowing users to naturally explore and interact with them. Enable intuitive interactions with 3D objects and interfaces, while transferring existing functionalities to the virtual interface.
AR Maker
Enable users to place, scale, and manipulate 3D objects from the AR Maker platform within their virtual environment.
Overview
Research
User Interview
Conduct in-depth interviews with potential users and product stakeholders to gain a comprehensive understanding of their needs and expectations for a spatial environment.
Competitive Analysis
Conduct a thorough competitive analysis of existing AR and VR applications, as well as current Apple Vision Pro applications, to identify industry best practices and potential pitfalls.
Device Research
Conduct a comprehensive technical analysis of Apple Vision Pro to inform design decisions and ensure optimal utilization of its capabilities.
Design Principle
Thoroughly review Apple's UX design principles and UI guidelines to ensure alignment with the brand's standards and best practices.
Research
User Interview
Conduct in-depth interviews with potential users and product stakeholders to gain a comprehensive understanding of their needs and expectations for a spatial environment.
Competitive Analysis
Conduct a thorough competitive analysis of existing AR and VR applications, as well as current Apple Vision Pro applications, to identify industry best practices and potential pitfalls.
Device Research
Conduct a comprehensive technical analysis of Apple Vision Pro to inform design decisions and ensure optimal utilization of its capabilities.
Design Principle
Thoroughly review Apple's UX design principles and UI guidelines to ensure alignment with the brand's standards and best practices.
(Sitemap)
UX Design Versions
Design decisions
Impact
User Goals
Prioritize features that align with the primary goals of users, such as exploration, creation, or collaboration.
Device Strengths
Focus on features that leverage the unique strengths of Apple Vision Pro, such as hand tracking and high-resolution displays.
Technical Feasibility
Consider the technical feasibility of implementing different features within the given timeframe and budget.
Visual
(Sketches/ Wireframes/ Visual Designs)
Results, Outcome, and Insights
User Satisfaction
The iStaging Viewer app received positive feedback from users, who appreciated the intuitive interface and immersive experiences.
Increased Engagement
Users spent more time exploring and interacting with virtual content compared to traditional 2D screens.
New Use Cases
The app opened up new opportunities for content creators and businesses to engage with audiences in innovative ways.
Insights for Future Development
The development process provided valuable insights into user preferences and challenges, informing future iterations of the app and potential new features.