Strivr | VR Training Portal

UX Design

 

Introduction

I worked as a UX designer at Strivr, a virtual reality educational startup that offers VR training content tailored to enterprises. I designed for the Strivr Virtual Reality Training Management Portal, a web platform that allows enterprises to interact with VR content, analyze learner’s outcomes and manage VR devices. 

 

Timeline and Scope

  • June 2023 to December 2023

My Contributions

  • I designed all four projects based on pre-existing portal design components.

  • I was critiqued by the Strivr design director and a senior UX designer

Background

All four projects were created for the content area of the platform.

Research

Research introduction

Portal Training Architecture

The training section of portal allows different user groups to upload contented with content details to portal, buy content, build courses from content, deploy courses, remove courses, and track courses.

VR Training Structure

Course, module, content
 

Information Architecture

Information architecture

Personas

Strivr

Content Developer

  • Creates VR content for a specific company and uploads to portal

  • Adds supplementary details to content and publishes to specific enterprise library or store

Professional

Customer Success Manager

  • Communicates with enterprise about content and deployment needs

  • Deploys content to headset

Professional

Solutions Team Member

  • Tests content before deployment

  • Builds courses for specific enterprise

Enterprise

Third Party

Professional

Content Manager

  • Reviews content and content details in content library and store

  • Creates courses from content in content library

  • Deploys, removes and tracks content

Professional

Testing Team Member

  • Tests and organizes courses before deployment

Professional

Content Developer

  • Creates VR content and uploads to portal

  • Adds supplementary details to content and publishes to content store

Three Projects

1. Content Store

I was tasked with creating a content store existing in the training section of portal that would be able to support 10 pieces of content and be scaleable to support 100,000+ pieces of content. I based the content store off of preexisting and tested design patterns from the Apple, Google, and Amazon app stores as well as Netflix, Amazon Prime Video, and Hulu streaming platforms.

Content store discover page

Make it stand out

Whatever it is, the way you tell your story online can make all the difference.

Research Insights Translated into Design Decisions

Research Insight

 

Design Decision

Enterprise content manager needs a way to navigate between discover content, available content and my content.

 

Secondary top navigational menu

Content store needs categorization

 

Content grouped into side scrolling lists with an option to expand to view entire list

2. Content Details Page

I redesigned this page to make the content details more readable, visually attractive, and to help users more easily preview content. The research for the redesign of this page included the page elements and metadata needed for each persona, and the necessary supplementary details that attracts an enterprise to train on a piece of content.

  • Balance between how much content developers are willing to upload and add and how much content users need to be able to have a clear picture of the VR content. Each version has changes to content - and should also have changes to content details pages

Design: 

  • Structurally readable 

  • Elements include: hero video, image previews,

  • Primary information with secondary info below, it reads well

Research Insights Translated into Design Decisions

Research Insight

 

Design Decision

Different personas need different primary and secondary metadata available

 

Make a design that allows for flexible primary and secondary metadata structure

Metadata
Secondary metadata

Developers are reluctant to put effort into adding information that helps describe and explain VR content

 

Do not allow content developers to publish their content until they add all the required supplementary information.

Content details page with necessary info not filled in

Content managers and enterprise needs to have detailed information around a piece of vr content in order to buy or learn on it

 

Add additional hero video, and supplementary photos for content details page

Hero image and supplementary imagery

3. Create New Content

Introduction

Research Insights Translated into Design Decisions

Research Insight

 

Design Decision

Enterprise content manager needs a way to navigate between discover content, available content and my content.

 

Secondary top navigational menu

Moving Forward

Limitations and Future Recommendations

Needs to be usability testing. Portal continues to expand and gets rebuilt. Priorities continue to expand.

  • Take the training section of of the dropdown menu

  • Better stuff

Next Step

VR content portal.