Sidequest Redesign

Passion Project for Community

Interface Design
Sidequest is a third party desktop software for managing your Oculus VR Headsets. It is widely used by a group of XR developers and enthusiasts. However, the UI and interactions can used a little bit more work, and this is pretty much what this passion project is about.

For details of this project, you can read the case study here: https://jingquank.notion.site/Sidequest-Redesign-c07d35c4122149198804b1c80d5e5031

What is Sidequest?


According to their website -

SideQuest is a place to get more apps for your Oculus Quest, it is a completely safe way to enjoy some cutting edge content in VR and expand the capability of your standalone VR headset. We make it easier for users to access content that is not yet available on the Oculus Store and as a proving ground for developers to validate their content and kick start their communities.


Before We Shoot for the Moon...


Let’s get picky about what can be improved on the current version.


Some most obvious issues:


  1. This is the connection status of the headset. It works pretty fine actually, but since it is on the top left it should be carried more important actions.

  2. This is the real money of Sidequest desktop app. They are a series of actions for a user to manage and tweak their headsets, such as browsing folders, monitoring download status, using debug tools, etc. However, they are grouped in the same level of information and only be presented as icons, which makes them hard to recognize even for a seasoned user.

  3. A cool screen width cover wooooo! But it’s just, you know, the picture usually is a lil bit ugly :/

  4. Tabs to showcase the indie VR games ! Except it does not provide enough context, and there are many tiny buttons overlay above them (which are kinda meaningless since barely anybody is using them).

Let’s try fixing them...


  1. This section currently carries many info about the “headset”. Maybe it is a good place to initiate all the other actions that directly involve with the headset.

  2. Let’s find out what they are and what they do. Regroup them, and then relocate them to a more meaningful place.

  3. It can be too much to ask our lovely indie developers to turn into great graphics designers overnight ;) However, there should be ways to get around bad image quality on the interface design.

  4. Do a little surgery here, ditch the things that has low usage, and design a new layout to give more context.

Tweak some Visuals



Before

This is a color palatte from Sidequest’s branding guide.

Being dark and serious is ok but, those Midnight, Port Gore, Cobalt blue, and Just Black kinda looks the same. They don’t have enough contrast to build up an infomation hierachy.

After

I pick the “Dell Indygo” and use Material Design color generator to generate different shades of the pruple. Plus A bunch of other colors for status changes.

Interface


You can click on the image to get a high rez look on them. Wanna learn more about reasoning and process behind these redesign? Check out this in-depth case study I wrote: https://jingquank.notion.site/Sidequest-Redesign-c07d35c4122149198804b1c80d5e5031





🔙    Ke Ding             in            
Human Interfaces  /  Speculative Design  /  VR&AR  /  Video Game  /  Music Production  /