top of page
visual communication.png

Visual Communication

Why is Visual Communication Important?

Visual communication connects viewers to meaning. It is immediate, attention-catching, and clear.

Documentation can be a slog if it isn't made visual. A game development team requires constant, efficient, and foolproof communication.

For players, visual communication guides how to play games in a fast, intuitive fashion.

Card Game Instructions

Iteration 1

edit1.png
edit2.png
edit3.png

Iteration 2

revision1.png
revision2.png
revision3.png
revision4.png

Iteration 3

page1.PNG
page2.PNG
page3.PNG

Playtesting and Revision

Playing the game with two groups, I recorded observations and made changes based on their mistakes.

View Iterations

Current

print_Instructions-1.png
print_Instructions-2.png
print_Instructions-3.png
print_Instructions-4.png
print_Instructions-5.png
Horror Platformer Assets
rainbow.png
rainbow.png
afterhours copy.png
scale.PNG

Giganticness in 2D

Communicating the setting for this game was a tall order: a children's classroom that is gigantic compared to the player (a teddy bear).

To accomplish this, I added lots of detailed, gritty textures into things we would normally consider small but were huge next to the player.

book.png
truck toy.png
jar.PNG

Implied Function / Usage

With environments made of random objects, I had to communicate different mechanics.

A darkened book with objects placed in front of it showed it could be used to hide, but could not be climbed on.

Trucks had wheels, and so could clearly be pushed.

Jars were transparent, and therefore could not work as hiding places.

Jars and books had the added bonus of being very scalable, horizontally or vertically.

rainbow.png
rainbow.png
tlass title.png

Design Goals

This book is where players hear story and make choices. It's also where they learn from success and failure.

Tlass UI iterations.png

Rapid Iteration

These are iterations of UI before the next art pass. While other layouts were more beautiful, dividing the book into two pages (narrative and resources) was most functional.

resource notifications.png
gold rules.png
crew loss.gif
crew loss still.gif

GIF

Woes and Win Conditions

Players must navigate the rules to win or die.

Notifications point the player to elements of importance - the resources. Gold, the win condition, is most highlighted.

Rules appear when hovering over resources, acting as a constant guide. Gold's "win condition" rule is highlighted red.

Changes in quantities are emphasized: smooth motion, color changes, and flashing numbers capture the player's attention.

Running out of any resource will result in a loss - signified by the red, flashing skull that appears when they choose a deadly choice.

death signifier.gif
death signifier-0.png

GIF

custom inspector window.PNG

Designer-Friendly Script

This easy-to-use designer window helped speed up narrative implementation.

rainbow.png
rainbow.png

Unannounced Title

economy doc taster.PNG

Engaging Visual GDD

Throughout the creation of this GDD, I was dedicated to making it engaging, informative, and readable for the rest of the development team and whoever might join the team after I left the project. I accomplished this through clear diagrams, custom art, and appealing visual organization.

Economy Section of GDD

bottom of page