By Regan Maharjan, Lead Developer at OLE Nepal | September 2020


At OLE Nepal, we have over a decade worth of experience in the design and development of interactive educational materials. To take interactive learning to the next level, we started exploring and experimenting with building educational games for middle school with the pK-12 Education Innovation grant from Abdul Latif Jameel World Education Lab (J-WEL) at Massachusetts Institute of Technology (MIT). In the last sixteen months, we have worked with MIT faculty, researchers, and students on game design, and even showcased our work at the J-WEL week held at MIT on October 28-31, 2019. Every step in this collaboration has been a great learning experience for the team at OLE Nepal. One of the highlights of this collaboration has been this incredible opportunity we had to learn about game design and development from the Creative Director of MIT Game Lab, Philip Tan. During this 12-week week-long course, we not only learned a lot about various techniques, methods, and aesthetics, but we worked under Philip’s mentorship to develop new games. Here is an overview of what we covered in this course.

Game Design:

‘Game design’ is the process of creating the content and rules of a game. ‘Good’ game design is the process of creating goals that a player feels motivated to reach and rules that a player must follow as he makes meaningful decisions in pursuit of those goals. From the player's viewpoint, there are wonderments like ‘how to play the game’, ‘how to win the game’, or even ‘why are we playing the game’, ‘what are the things do we need to do while playing the game’, or basically ‘what is the game about’? We can also call it “Creating opportunities for players to make meaningful decisions that affect the outcome of the game”. Game design massively depends on three main things:

Game Dynamics: Game Dynamics is a collective experience or basically what are we doing to win the game or progress in the game. It could be selecting a function or changing variables. In the chess game, Dynamic could be capturing the king. Dynamic is not a goal, not an objective, not any rule it is what players are trying to do, what experience they are having.

  1. Game Mechanics: Getting involved in different game mechanics makes the core dynamic of the game and the feels that mechanics contribute a lot to the Aesthetic of the game.
  2. Game Aesthetics: Aesthetic here is the feeling that we want to give to the user, it is more emotional and depends from person to person. The best way to get the correct aesthetic is by testing the game with the players. The aesthetic is something we sit back and look at. Chess aesthetics could be outsmarting opponents.

There are different aesthetics:

  • System Aesthetic (Rules of the games)
  • Style Aesthetic (User Interface, Feedback systems, Sound Effects)
  • Fiction Aesthetic (World and Level Abilities, Feel of the game, theme, setting, plot)

Learning games are not just some other games, we need to be precise with the learning materials and everything that we want to express to the user. That is why we need to be more specific while designing learning games. Trial and error are good for science but might not be the same for maths. That is why being clear on game mechanics and game dynamics could be the starting point of the game design. And the best way of improving game design is by real-time testing with the players themselves. To test and iterate the core of games i.e, dynamic and mechanics, the best communication tool for specific information of the game is Paper Prototyping.

Paper Prototyping:

Paper Prototyping is the best way to test and iterate the core game design. We can directly get real-time feedback if the game is being as effective or not. We can use:

  • Big Sheets of paper
  • Index Cards
  • Dice
  • Posit glue and notepads
  • Pencils, pens, markers, scissors, tape
  • Game bits, small toys, kindergarten counters
  • Photocopier, Mobile Phone Camera

It is best if we keep it rough, hand-drawn, sketchy, big, and only single ink color. This would mainly aid with the psychology of the player who will be playing the paper prototypes because they will feel free since there is very less work that we have put in it. They won’t hesitate to play at all. The best way to keep track of tools and records are:

  • Writing rules on cards
  • Being Specific helps a lot
  • Periodically taking photographs
  • Rapid Designing

The main advantage with paper prototyping is being not hesitant about any number of changes as required after collecting necessary information from the playtesting. If we are setting urgency factors into the game then tuning it to the right amount, if we have orders of play then we can mess around while testing if we are associating certain power with certain characters then amend or change. Paper prototyping helps us to unlearn and reconstruct our game from scratch as well. While building learning games, we can communicate with content experts and teachers while also letting them play the paper prototype.

We need to collect the following things from the playtesters:

  • Watching people play games
  • Writing down their experiences, e.g. bored, excited, focused, etc.

Starting game designs:

We started with three game designs so that we could be mentored by Philip along the journey. The three games were:

(1) Climate Change: The climate change game challenges players to maintain a sound balance between economic growth and pollution in a town.

Core Dynamic: Make necessary choices to keep the money and pollution in check.

Mechanics: Set up factories to earn money, Upgrade the factory from coal-based to electricity-based, Buy vehicles, Upgrade vehicles to electric, Plant trees

Aesthetic: It gives the feeling that you are the manager/mayor of the town

(2) Fishing Game: Fishing Game is a relaxing fishing video game where players use the mouse on PC or touch on mobile to control the fishing line to catch fish and subsequently learn about the fishes that they’ve caught.

Core Dynamic: The player uses motion (mouse on pc / touch on mobile) to control the fishing line to catch fish.

Mechanics: Choosing a bait, Casting the fishing line, movement of the cursor to control the fishing line/hook, catching fish

Aesthetics: Fishing in a port with seagulls squawking on a sunny day. Fishing at dusk with a sense of calmness with the setting sun as a backdrop. Deep-Sea Diving

(3) Adventures in cell: The game is about fixing different ill cases of the cell.

Core Dynamic: The Player wanders around the different cell organelles.

Mechanics: Moving in Cytoplasm, Following instructions, Collection and completing the mission

Aesthetics: Feeling like an adventurous tour of a Cell

While we shared these game ideas alongside their mechanics, dynamics, and aesthetics, Philip suggested that game balance could be tricky in the Climate Change game as it has many constraints and things to consider. The player tries to make a lot of money even though it is about balancing the economy and pollution which is the real-world simulation and that is good. We discussed that maybe if someone doesn't obey the policies then we could get them sanctioned. For the fish game, we were suggested that the type of food should be a mechanic so that it could give the player the sense that different fish associated with different bait/food can add a learning value to the game. There was nothing much to discuss in the cell game.

We discussed game balance and furthermore on the Paper Prototyping so that we could do paper prototyping more efficiently. The following points were noted:

  • Don't ask if the game is good
  • We should be asking basic questions
  • We should check if game mechanics make sense, basic functionalities make sense, and if rules are balanced
  • We should ask the player to vocalize what they are thinking or feeling
  • We should not let the player outsmart the computer and in this case, we are the computers
  • We can go for deep prototypes with more details
  • The facilitator helps to explain the rules
  • We should keep in mind that the playtest does not test the players but rather it tests the game
  • We want the players to feel creative and playful, that's the mindset we want in the players that are doing the playtest
  • Thank people for their time
  • Give them candy, make them feel appreciated

Climate Game Paper Prototyping Fishing Game Paper Prototyping
Cell Game Paper Prototyping Cell Game Paper Prototyping 1
Cell Game Paper Prototyping 2 Cell Game Paper Prototyping 3

As the game climate change faced the challenges in Paper Prototyping, Digital prototyping can also be done. And with digital prototyping we noted the following:

  • Should be careful about lateness, bugs, syntaxes, etc
  • Issue of the developer not wanting to throw away the code
  • Not necessarily a game engine has to be used
  • We could also do it in spreadsheets, excel sheets, etc.

Usability

We began our Usability testing classes with Philip introducing a board game called "Paul und der Mond" which was quite interesting for us. He explained how the designs are done; they were so well articulated that everything was right there in the cover itself and how the instructions were so well placed.

Philip explained the usability of the things that there is in our normal daily life. It was mainly regarding how usability plays an important role in the design of basically everything from ‘where we use’, to ‘for what we are using’, to ‘why is it colored the way it is colored’. We talked about how user interface design, user experience design, and overall usability testing matters in game design to create a seamless experience for the player.

The major things to consider while designing for good usability are:

  1. Affordances – naturally allowing people to use something correctly
  2. Perceived Affordances – Leveraging previous experiences of our users/ games
  3. Signifiers – the things that let the user know anything we want to know
  4. Constraints – Thing that doesn’t allow the user to do something

He related these things with plants vs zombie game:

regan blog post game develop image 2 regan blog post game develop image 3 regan blog post game develop image 4

Finding and fixing usability problems:

  • Accessibility
  • Usability Testing
    • Goals
      • Prescribed tasks
      • Articulated by the player
    • Observe
      • Talk aloud
      • Mouse movements and keystrokes
    • Look for errors
      • Surprise or Confusion?
      • Frustration or Engagement?

Attractive things seem easier to use

If we feel good then we can think more creatively and then perceive that the game is easier to use. We also need to be concerned about color blindness so that we need to use color blindness tools so that there won’t be any usability issues. We did usability testing and then presented it to him. He also shared a VR game of the Cell game he created at MIT.

Types of Errors

  • Slips – skilled behavior errors
  • Mistakes – Mental model errors

Feedback and Error Recovery

  • Inform the player that they have made an error
  • Give them tools to recover

Prevention of Errors

  • Constraints!
  • Confirmation
  • Checks

We also needed to consider the prior experience of the students to leverage that experience to make the current experience better or to make the experience familiar. We talked about the role of time pressure in learning games and general games. Cultural associations could also add value to familiarize the game to the player.

After 5 weeks of starting to paper prototype and digital prototype, we also started the actual development in the unity engine to the actual test of the aesthetic side of the game as well. We received a lot of feedback then. We were checking if we were doing usability testing correctly and we could better other aspects of the game designs of the games that we were designing and now developing parallelly. We found out that the game balance could be bettered miles ahead.

After the presentation, we figured out that we should learn more about game balance so that we could actually have better game balance. That is when Philip introduced us to a game designing tool called Loopy.

loopy game thumbnail

During the discussion, we also talked about how we should not alter the science in the game just to balance the game so that students won’t be misled to the wrong information.

We proposed Philip to talk a bit more about art style and what kind of art style should be preferred in what kind of learning game since art style is a big part of the Aesthetics of the game. Philip then went on to share other few games he designed and mentored for like GumBeat Gold at Gambit, Woosh at Gambit.

gumbeat at gambit crayon game

Woosh at Gambit

We discussed if making a game 3D would add value in learning or just would add value in overall experience but what he said was mostly 2.5D is better since we have less time to finish a game and we can learn & innovate more.

Then we went on to discuss more about the use of sound in the games. The most valuable thing that would add value by inculcating sounds are:

  1. Sound can save animation time if used properly/ Sounds can give more aesthetic value to the game
  2. Implement sounds/ audio from the beginning so that we could actually understand and learn throughout the process while most of the game developers tend to keep it for the last.
  3. We have to play with the frequency/ pitch of the sounds to actually create the aesthetic that we want to create
  4. We can also play with tempo depending upon the scenario of the game if we want the players to be excited or just chilling
  5. We also talked about the tools that are used to edit the sounds like audacity or create the sounds to use FL Studio, sound sources where we can find good sounds

Final presentations:

On week 12, we shared our final presentation with the final changes that we put in our games at the last session. At this point, we had learnt a lot, and being mentored in each step of the way we felt like all three games turned out pretty good. We still had a lot of feedback from Philip on them.

  1. Cell Game – https://games.olenepal.org/games/cell/
  2. Fishing Game – https://games.olenepal.org/games/fishing/
  3. Climate Game – https://games.olenepal.org/games/climategame/

We also presented a digital prototype of the game called "The Elemental Chronicles".

It was an incredible opportunity to be able to attend such a comprehensive session on game design and development. The classes helped enrich my knowledge not only on game design but also on various dimensions of designs such as UI/UX, Usability testing, Visual balance, Sounds, Prototyping, and many more. Despite being contextually implemented in game design, I learned that these variables would fit in every other designing process as well, be it UI/UX design, content design, illustrations, web design, and in many other aspects, these would accurately maintain their relevance. To sum it up, it was an amazing learning experience.