Khoirul SyarifSenior Product Designer

UX writing

Muslim Pro — dialogue box

Three buttons, two of them the same: rewriting a confusing dialog

Rewriting the save dialog after the zakat calculator, so users know exactly what each button does before they tap it.

Project
Dialogue box
Role
UX writing — rewrite UX copy
Tools
Google Docs, Figma
Words are design too ✍️
Muslim Pro — dialogue box cover

Case study

5 sections

Use case

Dalam studi kasus ini, Amri adalah karyawan pabrik di Bekasi yang juga mengurus anak yatim. Suatu hari, Amri ingin memakai fitur Kalkulator Zakat di aplikasi Muslim Pro. Namun, saat ia mengetuk tombol kembali di ponselnya, muncul dialog dengan tiga tombol yang membingungkan.

English translation

In this case study, Amri is a factory worker in Bekasi who also looks after orphans. One day he wants to use the Zakat Calculator in the Muslim Pro app — but when he taps his phone's back button, a dialog appears with three confusing buttons.

Scenario

Pak Amri menghitung zakat dengan fitur Kalkulator Zakat di aplikasi Muslim Pro. Setelah selesai, ia spontan mengetuk tombol kembali, dan langsung muncul dialog dengan tiga tombol yang membingungkan.

English translation

Mr Amri calculates his zakat with the Zakat Calculator in Muslim Pro. When he's done, he instinctively taps the back button — and is immediately faced with a dialog that has three confusing buttons.

Problem

Dialog ini punya tiga tombol yang membingungkan, padahal dua di antaranya punya fungsi yang sama, yaitu "Jangan Simpan" dan "Batal".

English translation

The dialog has three confusing buttons, even though two of them do the same thing: "Don't Save" and "Cancel".

User goal

Pengguna tidak bingung saat harus memilih tombol di dialog.

English translation

Users aren't confused when they have to choose a button in the dialog.

Task

Membuat Pak Amri lebih yakin saat mengetuk tombol sesuai keputusannya.

English translation

Help Mr Amri feel confident that the button he taps does what he intends.

Tabel Content

ScenarioRationaleContent elementContent description
Pak Amri menghitung zakat dengan fitur Kalkulator Zakat di aplikasi Muslim Pro. Setelah selesai, ia spontan mengetuk tombol kembali, dan langsung muncul dialog dengan tiga tombol yang membingungkan.Sebelumnya dialog punya tiga tombol, padahal dua di antaranya berfungsi sama. Saya menguranginya menjadi dua tombol agar pengguna lebih yakin saat mengambil keputusan. Judul diubah menjadi “Simpan Kalkulator Zakat?” karena pengguna sedang berada di fitur Kalkulator Zakat.Judul: Simpan Kalkulator Zakat?Judul: Menjelaskan keputusan yang diminta dari pengguna
Mengetuk "Jangan Simpan" akan membawa pengguna kembali ke halaman sebelumnya (menu Hari Ini). Artinya, isian kalkulator zakat tidak disimpan.Subjudul: Perubahan akan hilang jika Anda keluar tanpa menyimpan. Simpan kalkulator zakat?Subjudul: Peringatan bahwa mengetuk tombol akan memicu sebuah aksi
Umumnya, dialog cukup memiliki dua tombol.Tombol: - Jangan Simpan - SimpanTombol: Pilihan pengguna saat dialog di atas muncul

Terima kasih sudah membaca. Semoga proses yang saya tulis di atas bisa menjadi referensi bagi siapa pun yang membacanya.

KhoirulAuthor

Thanks for reading — happy to walk you through the decisions on a call.

Next

5 of 6

Next ux writingUdemy — progress barShowing course progress in videos left, not just a percentageRead it →