After brainstorming, it's time to do prototyping. In practice, I refer to Google's Design Sprint which consists of six phases, namely: Understanding, Define, Sketch, Decide, Prototyping, and Validating. However, this time, only 4 phases will be discussed because the Understanding phase is considered to have been covered in the previous post, and the validating phase will be skipped because the final goal of Rapid Ideation is to create a prototype.

1. Define

I decided to name the app BERANI which means "I’m not afraid", with a philosophy to not be afraid of telling the truth, not to be afraid of being right, and not afraid of losing.

After understanding the problems and what kind of solution can be applied through an app, BERANI has several goals it aims to achieve, which are:

Goals

Users can use the app to report illegal activity in the form of any kind of act of corruption within their institution.
Users can start a forum to discuss any illegal activity to gather more information and evidence from others.
Users can respond to any active forums with text and/or media.
Users can track their report progress.
Users can add more evidence after they have submitted a report if requested/needed.
Users can give feedback to their solved report(s).
For organization/company: can add an authority body to handle and process the report from users.
Users can change their passwords.

2. Sketch

Figure 1: Sketch of BERANI app

                                                                    *Figure 1: Sketch of BERANI app*

With the goals defined above, I decided to create 4 main menus which are:

Home The main purpose of this page is to let users easily create a report or a forum.
Forum This page is where users can see and find active forums. There is also a shortcut to create a new forum.
Track The Track page is to track the progress of the users’ report, whether the authorities have been assigned, validate the evidence, and have taken action for it.
You This is basically just like a user profile page. It is called ‘You’ rather than referring to the users with names, it is better to make them feel anonymous by only calling them ‘You’.

3. Decide

Decision Matrix

Although the general idea has been drawn with a sketch, it is needed to decide which goals (from the Define phase) can be added to the Minimum Viable Product (MVP).

“A Decision Matrix is a Design Sprint method that helps a team evaluate ideas based on a set of specific criteria most useful to the goals of the Sprint.” (Design Sprints by Google)

The main idea of creating a Decision Matrix is to classify which goals can be eliminated based on its difficulty and its impact, and then create deadlines (priorities) for each backlog based on its difficulty.

Figure 2: Decision Matrix of BERANI app

                                                                 *Figure 2: Decision Matrix of BERANI app*

From the diagram above, I decided to eliminate goals that are difficult to realise technically and have a fairly low impact on user experience. Though in real life, these goals can still be implemented in the backend. I also decided to put the goals with a high user impact on the MVP and the goals with a low technical difficulty to build and lower user impact as nice-to-have features.

4. Prototype

In this phase I use Trello to implement agile development method. Trello is a project management tool that allows the user to create and manage tasks and set deadlines for a team project or a personal task list that is visualized in a Kanban board view (Gunnell, 2021). This is my first time using Trello for prototyping. With the experience of using it, it can be concluded that using a digital board for prototyping makes it very easy to monitor progress so that it remains on-track.

Figure 3: Board of Tasks of BERANI app with Trello

                                              *Figure 3: Board of Tasks of BERANI app with Trello*

To make this prototype myself, I used Figma. But in the next opportunity, I want to explore and try to use other applications to broaden my horizons and experience. The following are the results of the low fidelity (lo-fi) prototyping that has been made:

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Fproto%2Fe1nT6eadtMub4U2m2iGlR9%2FTrashsure%3Fnode-id%3D112%253A636%26scaling%3Dscale-down%26page-id%3D103%253A153%26starting-point-node-id%3D103%253A625%26show-proto-sidebar%3D1

Video Demo

Prorotype Demo of BERANI app

This Rapid Ideation was really challenging. Overall, it was great to be able to do a personal hackathon-like. Although I don't feel satisfied enough with my result, but that means that I have a room to improve in the next challenge activities because I already learnt what are the things that can be done better next time. A little progress is still a progress.

References

Design Sprints by Google. 'Decision Matrix' [online]. Available at: https://designsprintkit.withgoogle.com/methodology/phase4-decide/decision-matrix [accessed 24/10/21]

GUNNELL, Marshall. 2021. 'What Is Trello, and How Do You Use It?' [online]. Available at: https://www.howtogeek.com/751448/what-is-trello-and-how-do-you-use-it/ [accessed 24/10/21]

List of Figures

Figure 1. Sketch of BERANI app photo by the author.

Figure 2. Decision Matrix of BERANI app photo by the author.

Figure 3. Board of Tasks of BERANI app with Trello photo by the author.

02 / 12 / 21

Sarah Shafira Novianti

GDO710 Development Practice

MA User Experience Design, Falmouth University