#19 Fixes

I made a few changes to some of the screens based on the feedback I received.

First complaint was about the UI being unreadable on some parts, specifically the how to play screen and I can see why.

One of the problems I saw was that the letter F looks like an S making it confusing to the player. Its better to have clear readable font than a cool looking font that players wont be able to read.

Letter F

5a1853d6d2516_FllokslikeanS.png.0c9804258956fa7f0554c816ac1aed9a.png

I looked back at some of my previous choices for the fonts and decided to go with one.

“8 Bit Wonder” Font

5a18545bd4eb8_8bitwonderfont.jpg.436af0da04a88f2ae3b74722f3ffd551.jpg

To see if it would work I swapped the font on the how to play screen

Its a lot more readable than the previous font and the letter F looks like the letter F instead of an S.

How to play screen with new font

5a1854823e213_howtoplaynewfont.thumb.jpg.86d8d92a1fa6e52e6eb42298f65397cd.jpg

 

To see how it would look on a different screen I applied the font to the main menu.

Both fonts look similar with its retro look but the difference is that all the letters are the same height with the new font making it easy to read while the old font has different heights on some letters making it a little more difficult to understand.

Main menu with new font                                                             Main menu old font 

5a18551f6a902_mainmenuwithfont.thumb.jpg.3ea715078e4893ee3d1c2acbcedb0c62.jpg5a1854dbc453d_mainmenu.thumb.jpg.90824023b0134e2136c8abaff4c263fc.jpg

 

One thing a player would like to see is a sound option.

I don’t plan on having music in the game but I would like some sound in the game,

Sounds for:

Climbing

Falling

Losing (when the cat leaves the screen from falling a sound will trigger informing the player that its game over)

Earning coins

Buying something in the shop

 

In case the player wanted to turn off those sounds I added a sound button to the main menu and the pause menu.

Pause Button on the top right

5a18551f6a902_mainmenuwithfont.thumb.jpg.3ea715078e4893ee3d1c2acbcedb0c62.jpg

Pause Menu

5a18583381e9f_pausescreensoundon.thumb.jpg.7c88533e32c61bdf533f6a38d698aa62.jpg

To show the player the sound is off a red line will appear over the sound button.

5a185867bc1e9_pausescreensoundoff.thumb.jpg.443e32a6ed433c5b80a4c3c026e64685.jpg

 

Another issue a player had was that they couldn’t tell how many coins they had in the shop so I made it more obvious by adding “Your coins” telling the player that this is how many coins they have.

5a1858d7919a3_shopyourcopins.thumb.jpg.549686ec8dc733987204dff1f6cc5987.jpg

 

I wanted it to be obvious to the player but i’m not happy about the words “your coins” on the screen I want it to be obvious but I also want it to be subtle. Instead of having “your coins” on the screen I decided to put the payers coins on the top right of the screen, it doesn’t straight up tell the player that this is their coins but with other phone games this is normally where the players gold or coins show so with the players experience with other phone games it should be obvious to he player that this is the players coins.

Shop menu with players coins on the top right

5a18596da3130_shopcoinsontopright.thumb.jpg.35d9946f6a208176dbe888d3f42bdf25.jpg

 

An example of displaying the coins to the player is the game “Jet pack joyride”

On the shop screen the coins are shown on the top right and it doesn’t tell the player that this is how many coins they have, its shown in such a way that the player knows this from just looking at it.

3x1M4tr.png.9d4c20ff87590257b43fd8f3b5c9a4b1.png

 

Lastly I got feedback on the climbing segment, the player was confused on which side they need to tap to progress.

To make it more obvious I added a dark box to show they player when the blocks reach the box those are the next blocks the player should focus on.

Game screen with box

5a185b74ba4a8_gamescreendark.thumb.jpg.15750455152708441bd5a8cc530bc7e3.jpg

 

Similar to piano tiles where the player knows which tile they need to tap next because it will be the tile closest to the bottom of the screen. Also once the payer taps on a tile it will turn grey telling the player that they have tapped this tile and they don’t need to tap it again.

Piano tiles example

5a185d05115dd_Dont_Tap_the_White_Tile_screenshot.thumb.png.da3fe7d0de34b6f70fca92429f0d8af5.png

 

When the player taps the right block then it will turn grey telling the player that they don’t needs to tap it again insuring the player doesn’t tap it by mistake.

Game screen with grey block

5a185d2447ecb_gamescreengrey.thumb.jpg.72c814dbae258d9c2ae9abe15fd69a39.jpg

 

I messed around with some colours to display the box and I want it to be clear and easily seen to the player, I tried to use a lighter colour but it blends in a bit with the light brown tree. So for now I’l stick with a darker colour.

Game screen with lighter coloured box

5a185d7a36b91_gamescreenlight.thumb.jpg.f40776390132cbee6edd876b403ad17f.jpg

 

Advertisements
Categories Uncategorized

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 )

Connecting to %s

%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close