Hey Quote Coders,
Quote Codes launched this week! And we would like to take this opportunity to thank you guys from the bottom of our hearts for the love and support you have shown towards the game. Quote Codes has been featured by Apple in over 83 countries worldwide and has broken into top 20 in its category in Canada and UK. We are just so so proud and humbled by the reception. Here is the download link again for the ones who haven’t already (Seriously what are you waiting for?) – https://itunes.apple.com/in/app/quote-codes/id1142929451?ls=1&mt=8
Right, lets continue the story of the game. In the previous blog, Joseph explained about his font choice and preference of a very whimsical and fun font. We thought we had something good going but as we started to develop we realized how wrong we were.
Design and App Flow Failures.
The first step we did was try to chalk out the App Flow of the game. How will the player navigate and interact with the game was crucial. We divided the app into 2 segments.
- Game Play
- Main Game Screen (The main gameplay screen)
- Game End Screen (The screen that shows the decoded quote)
- Tutorial (static tutorial screen that shows the rules of the game)
- Stats (stats depicting quotes the player has decoded)
- Settings (A settings page)
- Credits (A credits page)
- Categories (Categories section so user can select themes of quotes)
Sometime on Illustrator and I came up with this mess.
Not making excuses but at the time Adobe hadn’t come out with the XD and our first instinct was to use illustrator from the very go.
So after the app flow we tried putting in the designs on them.
Our initial thoughts were to use the primitive font as main headers in UI which as you can see looks too cryptic and cluttered.
In the previous blog, Joseph explained how he thought the DK Clair De Lune font was perfect for the game. But, as you can see from these designs, though it looked alright, it wasn’t really readable and made the whole game scene quite confusing. Plus Apple’s Human Interface guidelines recommend to have a minimum tappable area of 44pt x 44pt. The keyboard buttons were falling short of the 44pt. Increasing them would make everything look even more cluttered.
Try and Try till you succeed.
Right so after those failures we decided to try another fresh approach, scrapped the whole layout, font and structure and try a completely new way by adding new fonts and icons. We even tried inverting and messing around with the colors this time to see how it looks.
New funky icons
Though they looked fun initially, it just felt too much. The whole concept of solving your favorite quotes was getting overshadowed by the funky design and colors. Plus, this used the Hamburger Menu which apple completely hated and they were right to do so – (Watch from 32 mins on HERE)
So 2 iterations of designs and 2 complete failures but we weren’t about to back down. More on this in future diaries.
Till then don’t forget to download Quote Codes – Our quirky word puzzler featured by Apple worldwide (had to say it again :p)