#eyeroll#eyeroll



iStaging Viewer

Apple Vision Pro App  ︎ 


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.





 


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.







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.


    (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
    .



    ︎ 2024 ︎ Secret Playground︎