GemaTuma, Traditional Musical Instrument Learning Apps — UI/UX Case Study

Hofifa Mulya Utami
5 min readMay 13, 2020

--

“A great nation is a cultured nation” — Anonim

As time goes by, technology is coming in and so do foreign cultures. This made the younger generation feel the original culture is old and don’t want to study it. Besides, they live in Indonesia and don’t realize that the cultures they get used to are what made our country different from the other countries. Let me introduce GemaTuma, apps to learn Indonesian Music Instrument.

So I want to introduce GemaTuma,

Help people that want to learn traditional music without feeling out of date

Design Process

Design Process that used in this case study

Observe

Survey

The survey is about interest in Indonesian culture to find a culture that people want to study the most. From 77 responses, 37.7% interested in traditional musical instruments.

Interview

Summary of the interview

After doing a quick survey about interest in Indonesian culture, we had user interviews with 5 participants to validate more about the problem in learning traditional music instruments, also to find Pain Points, Needs, and Goals from every participant. These are the summary:

Define

User Persona

From the interview that we did before, we conclude that we have a user persona like this.

User Persona for this application

2 x 2 Analysis

Rank the category of issues by how important they are to the business (x-axis) and the users (y-axis).

Assuming that the main business goal for the app is to make people easier to learn Indonesia traditional music instruments, we conclude that the pain-points are around motivation and a friend or a tutor for learning. Thus, those were the issues we scoped into the design.

Ideate

Information Architecture

Exploring the content of each page by using information architecture is a brilliant step to start the ideation process. It’s very helpful.

Information Architecture for GemaTuma

Paper Sketch

Exploring ideas, the concept of the apps, and layout by using paper sketches. Because it’s cheap and just needs a little time.

Prototype

Welcome page
Welcome Page of GemaTuma

It’s a welcoming page for GemaTuma Apps. We create a character, we named it Tuma. Tuma is a musical instrument from one of the regions in Indonesia, West Kalimantan. We also add Indonesian building icon for the background and Indonesian flag, to embrace Indonesian culture.

Login and register flow for GemaTuma

We made it clear and we add our GemaTuma’s logo and icon. On the registration page, users can choose to register with google account or Facebook. It makes it easier for users to use our apps.

Users can choose instruments based on the location where the instrument comes from, popularity, and most played. On the first page of the instrument, users also can see the video tutorials or videos related to traditional music instruments.

When users search for musical instruments form the location, we give short information about the province too. This is to promote other parts of the Indonesian culture.

Tuma character to motivate and companion user to learn Musical Instrument

In the middle of the task, we show Tuma to motivate users and at the end of the level, Tuma appears again and cheer the users.

Page Fried and Chat with friends

Users can find a friend from QR code, invitation, phone shake, or name id. This helps users to find other users and can support each other to learn musical instruments and also comrades-in-arms. GemaTuma also gives recommendations to friends so users can expand their relation.

The first page of this page shows a list of recommendations for Sanggar. It also shows rating and availability. But if the user wants to register and know more about the sanggar, the user can go to the sanggar details page by taping the name of sanggar.

Prototype Link:

https://www.figma.com/proto/NSve7aJXvLOzTFf5sc7wth/GemaTuma?node-id=34%3A5303&viewport=-1025%2C-2240%2C1&scaling=scale-down

Usability Testing

To make sure that our designs are proven and didn’t make the user confused to learn Indonesia traditional musical instruments, we give some tasks for a tester user.

  1. Enter the application
  2. Finish one of the levels in learning an instrument: we give a specified instrument’s name
  3. Find a sanggar(Studio Music) schedule: we give a specified sanggar’s name
  4. Find a list of musical instrument from the specified region: we give a specified region
  5. Communicate with friends: we give a specified friends name

From 5 tasks that we give to the tester most of them can finish the task. We also get feedback from the tester that they have difficulty keeping up with the game because they didn’t hear anything. It’s the lack of Figma that we can’t add music to the prototype.

In collaboration with, Fatima Ulya Salmiya.

--

--