02 MOBILE RPG
Wireframing and prototyping
This role-playing game is a component of Shehri Pakistan’s Android app which provides synthesised civic-education information and legal aid to empower citizens, especially minority groups. This is the first game in a series of ten, and took 5 weeks to finish, from ideation to completion. The game was showcased at the APAC Safety Summit in Singapore, hosted by Facebook, in October 2018.
Users are presented with moral dilemmas they might face in their daily lives, and they have to choose from at least two options until the gameplay is complete. They're rewarded for morally conscious choices, and “penalised” for morally dubious ones.
The motivation behind this was to make players conscious of the moral choices they make. Our goal was to extend this active realisation in the user's actual life, making them aware of the choices they make in reality when faced with moral dilemmas.
Based on their choices, and using theories of morality (principle of least harm, utilitarianism, virtue ethics), at the end of each episode, the players get a short summary of which theory of morality they ascribe to the most.Based on their choices, and using theories of morality (principle of least harm, utilitarianism, virtue ethics), at the end of each episode, the players get a short summary of which theory of morality they ascribe to the most.
For this episode, I designed 100+ screens. I was also in charge of brainstorming and coming up with a moral dilemma to base the storyline of this episode on. I led a team of 3 people and we came up with 4 different scenarios with consequent options for the gameplay.
After creating a decision tree for the game, I created clickable wireframes and had 10 people play it to get some feedback. Overall it was positive, and they especially appreciated the idea behind the games.
Suggestions regarding certain verbiage, to be culturally sensitive, were taken into account and the text was updated accordingly.
For future episodes, I believe the process can be further streamlined to create mockups and prototypes in less than 4 weeks. Having established the UI and art style, the time spent on design can be reduced from 2 weeks to 10 days.
For this episode, our team took about 2 weeks to brainstorm ideas and come up with scenarios and options for users to choose from. After mapping out the decision trees for all four scenarios, I proceeded to create wireframes.
Moving forward, I will directly create high-fidelity wireframes as I brainstorm ideas with the team. I believe this will further reduce the amount of time needed to create subsequent episodes significantly.