This week, we met with our clients to present all the work we have done so far, including some high fidelity mock-ups of our concepts, yay! We’ll get to the prototypes in a minute, but first, let’s meet the cute characters that will star in our mini-games and micro-interactions.

We present to you — “The Zoids”

Image for post
Image for post
Just look at these little guys :)

Now back to main attraction — prototypes!

Of the 8 concepts we decided to move forward with, we spiffed up 5 for the client presentation, including Remember That Time, Flu Monster, Triage + Transporter, Physical Wayfinding, and Live GIF.

Side note: for anyone like me who forgets and is curious what GIF stands for—it’s Graphics Interchange Format.

Image for post
Image for post

Remember That Time (RTT)
RTT is a narrative-driven mini-game that lets players choose an object related to a story of a time when the Zoid hurt herself. After selecting an object, the scenario is presented as a short, interactive animation where the player tries to avoid injury. Eventually, the character is wounded, and the player needs to decide which medical facility is appropriate for the injury depicted.

Image for post
Image for post

Flu Monster
The flu monster is a fiend that lives in the dark corners of the web — just kidding. This half-cuddly, half-menacing flu-ball of a character is intended to be placed around a section of a website or app. As you scroll, it can move with the page and interact with other elements.

The animation can be as simple as jumping up and down or peeking out from behind other content, trying to get you to catch it (pun intended). With some playfulness, we can delight our users while offering a helpful reminder to get a flu shot this season.

Image for post
Image for post

Triage + Transporter
In this mini-game, the player is tasked with sending Zoids to the appropriate medical facility based on their symptoms and level of pain (indicated by the faces, which use the Wong-Baker scale).

Image for post
Image for post
Original image courtesy of Pittsburgh International Airport

Physical Wayfinding
Have you ever seen a projection on the floor of a store or mall that you can interact with? Well, the basis of this responsive environment incorporates the same technology.

Suppose you are walking through the foyer of an international airport, where bacteria and viruses from anywhere in the world may linger. You hear a sneeze, and a projection appears around you and others in the vicinity.

You can interact with the projection just by moving around the floor. Using this playful medium, we can deliver messages that reveal healthcare options nearby or point people towards other interactive modules.

Image for post
Image for post

Live GIF
Imagine an animated image. Not too difficult, right? Now imagine that animated image without a screen. Not sure what that looks like?

This concept makes use of lenticular printing to create a single board containing multiple images, which changes frames as the viewing angle shifts from one side to the other.

Next time, we will begin turning our mock-ups into interactive modules. Stay tuned to see these concepts come to life as interactive and playable demos!

Next Up–It’s more than a fun experience. How can we deliver actionable information?

Written by

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store