Educational Geography Game
The requirements of the web application was that it was to be focused on desktop usability, have a focus on intuitive interactive features, and it educates the user on the topic of our choice. I decided to go with a simple geography game which teaches the user about the flags and locations of countries from around the world. The quiz and learning sections also teach the user about the culture and history of a few select countries.
The first step before any coding was done was to create a styleguide which covered the theme of the webapp and created a recognizable brand. The styleguide covered the logo, the graphics, and the typography that would be featured on the app.
Using Balsamiq, the user interface was sketched out and tested to find potential problems with the planned sitemap. This process helped in creating a final layout for the application.
Creating Game Elements
The maps for both Europe and Asia were made using a free world map SVG which was then edited and masked to include the flags within each country. The SVG was then translated using Illustrator to make it readable code in the application.
After coding a large portion of KnowGlobe, there was a class wide testing session. Each student tested each other’s applications. This step helped in any potential UI errors and crucial feedback in finalizing the application.