UI Design Flow Charts and Wireframes Project

Flow Chart and Wireframe Project

Summary

I decided to keep the flow chart and wireframes simple, so the user would not get confused while navigating the screens. The flow chart and wireframe were kept simple to help others understand how to read and follow it, even if they do not know what a flow chart or wireframe is.

Flow Chart

 This is what my flow chart looks like. It is kept simple and encompasses all of the screens that go into my game.




Wireframes

These are my wireframes for each screen. The wireframes do not include anything aesthetic design, but show the positions of buttons and images.














Images of my screens




These are just two of the many menus that came from my flow chart and wireframe.

Playable Link


Comments

Post a Comment

Popular posts from this blog

Blog 3-UI Elements

Image
UI Elements in Borderlands 3 Diegetic Diegetic elements in Borderlands 3 can be seen in the form of the ammo count of some guns. It is in the world and it gives feedback to the character. It also does not hinder gameplay at all. Non-Diegetic    The non-diegetic elements can be seen in the form of pop-ups that tell the user what button to hit for specific actions, such as "hold X" to swap a weapon for the one that is currently equipt. The circle around the button will fill up to complete these actions.    Spatial The spatial elements in Borderlands 3 can be seen in the form of information screens that pop up to help the user. One of the most common screens that the user will see is the information about the stats of a gun when the user is looking at it while it is on the ground. Meta Meta elements can be seen when the user gets low on health and when they go into "fight for your life." When the user's health is low, the screen sta...
Read more

Assignment #1 Uncanny Game Characters

Image
Uncanny Game Characters What is Uncanny Valley? Uncanny Valley is a term used to describe how bad visuals take away from the emotional attraction of a creation. Uncanny Valley uses a graph to show how visuals can take away from the emotional aspect of a creation. The graph is based on social perception of a creation. The graph is broken up into three catagories, Movement, Appearance, and Overall. When looking at something we tend to add human characteristics even though it may not be human, the more we start to add human characteristics to an object, the more it starts to look creepy.  A Caracter that Avoids Uncanny Valley The characters in Castle Crashers avoid uncanny valley for the most part. They are 2D characters that have a cartoon look to them and exhibit human characteristics such as eyes and limbs. They do not have other human characteristics such as noses or ears. Their movement would be an android on the movement scale, close to a decorative robot on ...
Read more

Blog #4 High Concept

Image
High Concept Concept 1. Emotion- determined, vengeful, angry 2. Color- Silver and black 3. Shape- skinny  4. Texture- Metal 5. Speed- Fast 6.Size- Medium Mind Map The character is a fast-moving and vengeful thing because of a murderer who killed his family. It is fast because of his slender nature and is determined to get whoever killed his family. The thing is a silver metal looking item.  Thumbnail Sketches Flora These are the thumbnails I made with the pictures above that I found for Flora. Fauna I created a black panther, black snake, and black bear thumbnail from the pictures above that I got from my black animal search. Places I used the keywords "spiky" and "building" as suggested in the reading. Also, I used it as places from my mind map, like the reading said we should. People I tried to make an angry thumbnail with different gestures to prove their emotions. Cl...
Read more