Sword Reverie in Game UI/UX

Date: Oct. 2020 - Dec. 2020

Role: UX/UI Design & Research

Solo Project

My UI/UX Tasks:

Research

Task Flow Design

Wire Frame

Test & Iterate

In Game UI High Fi

Menu UI High Fi

Progression UI High Fi

Health UI Redesign

Creating a User Centered Experience in VR

Large Texts &
Spatial Layout

Best practices for VR are still being explored

Differences from Mobile & Web

Fonts are not adapted for 3D space. We should pay more attention to how they are used and be sure that the user is able to read them.
When we place font in VR scene in distance 1 meter from observer this font should be 2.32 -6.04cm height.

Ui Comparision
Font Size
Responsive
12 - 16pt
Distance,
Degree
Position in space
Faced Perpendicular
Line length
(symbols)
50 - 75
30 - 40
20-40
Alignment
Left
Left
Any
Weight
Bolder
Color and contrast
Dark grey
Dark grey
High
Line Height
(line spacing)
1.3 - 1.5
1.4 - 1.8
1.0 - 1.3
Animation
(subtle animations to guide the user)

Research

Gather Requirements

Design Principles

Work Flow

Wireless system

Lorem ipsum dolor sit amet, consectetur.
Adipiscing elit Suspendisse varius enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni in eros elementum tristique.

User Tested

Iteration is Key

Health Bar Version 2.0

More immersive, but not in strong and impressive style

Health Bar Version 1.0

Hard to recognize mana icon

Paused Page Version 2.0

Higher contrast but not readable and user-friendly

Paused Page Version 1.0

Low contrast, small texts, user-unfriendly

Progression Design

Thanks for Watching

Interested about Sword Reverie? Ask me for a playable build or watch our youtube videos.

Back to top
❤ Resume ⬇️