top of page

ONBOARDING

Message showing traveling to the next location

Role: UI and UX design, prototyping, testing, research, and deployment
Hardware: Meta Quest 2, Meta Quest Pro
Software: Figma, Photoshop
Audience: All Foretell Reality Enterprise Clients 
Time frame:  March- May 2023
Team: Olivier Morland (Developer), Dror Goldberg (Supervisor), Howard Olah-Reiken (Technical Supervisor), Woodrow Proctor (Developer), Stephen Hricko (QA Engineer)

AIMS

The onboarding design aims to:

  1. Reduce frustration when starting a new VR app.

  2. Make the experience informative.

  3. Enhance user-friendliness and visual consistency.

  4. Orient the user to the app and create a delightful experience.

Specifically, it focuses on:

  1. Fewer clicks to reach desired experiences.

  2. Showing users a preview of their appearance and voice.

  3. Shifting from "rooms" to a calendar-based meeting system.

  4. Cutting down on excessive text.

OLD LOGIN FLOW

PROJECT DETAILS

New elements to complete the onboarding process include:

  1. Splash Screen:  When you open the app, you'll be greeted with a friendly and colorful welcome screen.

  2. Diagnostics: This screen provides technical information to enhance your experience and troubleshoot issues. You might need to update the app or grant permissions (this is in the pipeline).

  3. Login: Securely log in with the option to save your credentials for future convenience.

  4. Terms and Conditions: Accept the terms once, and you won't be asked again unless there's an update.

  5. Setup: Customize your avatar, set up meeting schedules, and explore tutorials. You can choose between private and public meetings, all searchable by name or code (tutorials are still in progress).

  6. Transition: This scene displays the download progress in a familiar environment

    For design research, we looked at onboarding processes in apps like ShapesXR, Meta Horizons, and Innerworld.

NEW LOGIN FLOW

PROTOTYPES & MOCKUPS

CHALLENGES & OUTCOMES

Redesigning the onboarding flow was a great design challenge to solve. I gained experience presenting prototypes and product requirements to different teams, implementing feedback, and iterating until the design was simple enough.

Challenges

​

  1. Collaboration with various teams, including R&D, design, development, and executives, involving regular check-ins and feedback.

  2. Feedback evolved from verbal to email, Google Docs, and a complex model in Jira, not the standard process.

  3. Some features took a long time to develop, causing release delays.

  4. A few features were put on hold for a month, making it challenging to pick up later.
     

Outcomes:

​

  1. Gained proficiency in Figma, using comments, exports, and groups for rapid prototyping.

  2. Reduced onboarding time.

  3. Highlighted Foretell Reality's unique avatar customization features.

  4. Significantly decreased onboarding instructions and time.

  5. The new modern and clean design is more appealing to new users.

  6. Simplified the avatar editing process.

  7. Steps are now reported as easy to follow.

  8. Enhanced reliability and security with improved terms and conditions.

bottom of page