top of page

|ELVTR | Minecraft Dungeons Case Study

header2.png

|ELVTR| is an online course offering 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.

Player-Journey4c.png
Player-Journey4b.png

Paper Prototype

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

2_sticky-notesb.png

Flowchart

Flowchart created from Paper Prototype.

2_flowchart.png

Wireframes

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

Home Screen

1a Home Screen.png

Gameplay Screen

1b Gameplay Screen.png

Inventory Screen

1c Inventory Screen.png

Usability Test

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

2 Usability Test Result.png

Adjusted Wireframes

Wireframes adjusted based on player feedback from Usability Test.

Home Screen

3a Home Screen Adjustments.png

Gameplay Screen

3b Gameplay Screen Adjustments.png

Inventory Screen

3c Inventory Screen Adjustments.png

Feedback Adjustments

Details for Wireframe adjustments based on Usability Test results.

4 Usability Test Adjustments.png

Updated UI and Simple Style Guide

UI adjustments based on Usability Test results. UI goal is to stay on brand with current art style.

Assignment4_UI_icons_styleguide.png

Adjusted Wireframes

Wireframes adjusted based on player feedback from Usability Test.

Gameplay Screen

ogGP.png

Adjusted Gameplay Screen

updatedGP.png

Wireframe 

1b Gameplay Screen.png

Adjusted Wireframe 

3b Gameplay Screen Adjustments.png

Original UI

UI-original.png

Adjusted UI

UI-Adjustments.png

Home Screen

home2.png

Wireframe 

1a Home Screen.png

Adjusted Home Screen

home1.png

Adjusted Wireframe 

3a Home Screen Adjustments.png

Accessibility

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

ui-colorblind-sim-test.png

BACK

HOME

NEXT

bottom of page