top of page

Minecraft Dungeons
UI/UX Update
ELVTR | CASE STUDY
|ELVTR| is an online course offering advanced curriculum in UX/UI Design studies. The course study focuses on designing various components specifically adapted for gaming. Minecraft Dungeons is the subject of the course.
Player Journey
View video of a Minecraft Dungeons play through. Compare game developer's intentions with the player's experience. Propose game dev solutions in opportunity section.


Paper Prototype
Paper Prototype used to organize players' behaviors (game options) into various categories (screens/scenes).

Flowchart
Flowchart created from Paper Prototype.

Wireframes
First iteration of Home Screen, Gameplay Screen and Inventory Screen.
Home Screen

Gameplay Screen

Inventory Screen

Usability Test
Usability test conducted in-order to collect feedback from players.

Adjusted Wireframes
Wireframes adjusted based on player feedback from Usability Test.
Home Screen

Gameplay Screen

Inventory Screen

Feedback Adjustments
Details for Wireframe adjustments based on Usability Test results.

Updated UI and Simple Style Guide
UI adjustments based on Usability Test results. UI goal is to stay on brand with current art style.

Adjusted Wireframes
Wireframes adjusted based on player feedback from Usability Test.
Gameplay Screen

Adjusted Gameplay Screen

Wireframe

Adjusted Wireframe

Original UI

Adjusted UI

Home Screen

Wireframe

Adjusted Home Screen

Adjusted Wireframe

Accessibility
Use color-blind simulator to evaluate the accessibility of UI mockup. Make adjustments if necessary.

bottom of page