[Research] Transitions + Flow of “Monument Valley” and “HBO Go” – Harper McVey

MONUMENT VALLEY:

Monument Valley is a puzzle game that was developed and published by Ustwo Games in which the player guides the character, Ida, through a series of optical-illusion-based mazes.

The app has a beautifully simplistic design, which allows the art of the game to become the “star of the show.” On menu screens there are little to no titles, which leaves the user to figure out things intuitively, much like how the user solves the puzzles in the game. The chart below explains one of the most basic “user flow paths” within the app, starting from the loading screen and ending with a finished puzzle.

The captions are paired with the screenshots to describe the selection flow.

Monument Valley Flow Chart

This is the basic user flow of the game. The puzzles are set out in a liner story that revolves around Ida, so the user experience is essentially the same of all players.

The smooth, fading transitions and simple sound effects create a mystical ambience throughout gameplay, further immersing the user in the world of Monument Valley.

 

HBO GO:

HBO Go is HBO’s “TV Everywhere” app, which allows users to stream all of HBO’s original content — as well as movies, specials, and sporting events — on demand.

The app’s design in minimal yet elegant, making for a user-friendly experience for all. The chart below explains one of the most basic “user flow paths” within the app, starting from the loading screen and ending with viewing an episode.

The captions are paired with the screenshots to describe the selection flow.

HBO GO Flow Chart.png

In addition to this series of selections, the user can also directly search for content by using the magnifying glass icon or view their settings under the menu.

In addition to the flow, the transitions between screens enhance the user experience. When a new screen is selected, it comes in to view from right to left and if the user chooses to go backwards, the screen travels in the opposite directing — now going from left to right.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s