top of page
cherryBlossomWallpaperlg_2.png
Animal Crossing New Horizons

UX + UI Coursework |  2023

OVERVIEW

An analysis of Animal Crossing New Horizons' UX/UI fundamentals.
This project was completed as part of ELVTR's UX/UI in Gaming course. 

"Blossom Trees" by Miranda Buechler, Illustrator

  • Player experience
    architecture

  • User research + testing

  • Illustrator: all 2D art

  • Screen mockups

ROLES

circleDisplayIcons_rolerole.png

8 weeks

DURATION

circleDisplayIcons_duration.png

Figma

Illustrator

Photoshop

TOOLS

circleDisplayIcons_tools.png

CHALLENGES

circleDisplayIcons_challenge.png
  • Innovative heuristics for effective communication

  • Limited timeline

  • Uncharted territory: learning something new is fun!

IDEAL
PLAYER + JOURNEY

WIREFRAMES
+ USABILITY TEST

roadMapNumbers_3.png

STYLE GUIDE
+ MOCK UP

CVD

ACCESSIBILITY

Let's face it, "What is UX/UI in gaming?" is not the easiest question to answer. Below is my study on what makes a fun experience, where I break down, recreate and improve usability in the immersive game,
Animal Crossing New Horizons.

Happy scrolling!

​

This project was completed as part of ELVTR's UX/UI in Gaming course. 

A special thanks to 

nintendo-logo.png

UX | THE IDEAL PLAYER + JOURNEY

starParalax.png
star1.png
cloudsStatic.png
star3.png
star1.png
star2.png
star2.png
star1.png

OUR
STAR
PLAYERS

Our target audience is looking for a chill, immersive experience.
The target age range is 16 - 45 years old.

Requirements include our players owning a Nintendo Switch.

Player journey maps, paper prototypes and flow charts allow designers to look at the methods through which info will be communicated to players (a.k.a. UX heuristics).

starPurple.png
starPurple.png
starPink.png
starPink.png
BLUEsTAR1.png
starPurple.png
BLUEsTAR1.png
BLUEsTAR1.png
starPink.png
starPurple.png
BLUEsTAR1.png
starPurple.png
starPink.png

WIREFRAMES + USABILITY TEST

User research provides scientific tools that can be implemented to reduce miscommunications between devs + gamers.
Below are my wireframes of two screens encountered in AC:NH, test results, actionable items, and the resulting refined wireframes.

UI | STYLE GUIDE + MOCK UP

kk slider.png
sunsetParalax.png
cloudsStatic.png

A styleguide provides UI direction to ensure tone, iconography + typography are cohesive.

ACNH_styleGuide.jpg
peach.png
peach.png

COLOR VISION DEFICIENCY (CVD) ACCESSIBILITY

tomNook_speech.png
tomNook.png

  GOOD RULES OF THUMB:

  • If you can't play your game in grayscale, it's not accessible.

  • Let players customize the UI colors.

  • Make nothing in your game dependent on color alone.

   HIGHLIGHTED CHANGES

  • The Residents now have a coordinating texture to go with their home icon on map.

  • The wave texture has been removed from the Resident pool to eliminate the clashing of texture-on-texture.

  • The mid-level topographical terrain has its own texture to make it more distinguishable, while the rocks no longer have texture at all.

accessibilityScreenComment.png

POST MORTEM

So, what is UX/UI in gaming? 

When players know how to make the right decisions in a game, that is good UX/UI design.

​

We UX/UI designers are the bridge between game developers' intentions and players' expectations. When players can perceive, understand + remember information, miscommunications are eliminated.

​

Happy gaming!

​

LIKE WHAT YOU SEE? LET'S CHAT!

Success! Message received.

tulipsWhite.png
tulipsYellow.png
tulipsWhite.png
tulipsYellow.png
BirdOfParadise.png

© 2024 by MIRANDA BUECHLER

bottom of page