Use case
Dalam studi kasus ini, pengguna baru pertama kali membuka aplikasi Klik Indomaret lalu mengetuk menu Transaksi. Di sana ia hanya menemukan empty state “Belum ada Transaksi”, tanpa petunjuk langkah apa yang bisa diambil selanjutnya.
English translation
In this case study, a new user opens the Klik Indomaret app for the first time and taps the Transactions menu. All they find is an empty state saying "No transactions yet" — with no hint of what to do next.
Scenario
Fatur ingin melihat riwayat belanjanya. Transaksinya di Klik Indomaret cukup banyak, tetapi saat ia mengetuk menu Transaksi/Virtual, ia hanya menemukan empty state “Belum ada Transaksi”, dan tidak ada langkah lain yang bisa ia ambil di halaman itu.
English translation
Fatur wants to check his shopping history. He has quite a few transactions in Klik Indomaret, but when he taps the Transactions/Virtual menu he only sees an empty state saying "No transactions yet" — and there's nothing else he can do on that page.
Problem
Menurut Saviq Bachdar, Senior UX Writer di Tokopedia, ada tiga prinsip dasar yang harus dipahami seorang UX writer: clear, concise, dan useful.
Useful: copy harus bermanfaat, karena tugas UX writer adalah membimbing pengguna mencapai tujuannya dengan mudah saat memakai produk digital, termasuk membantu mereka menentukan langkah berikutnya.Tips jadi UX Writer Kompeten, Ikuti 3 Prinsip Dasar UX Writing inigensindo.sindonews.com↗
Di sini, saat masuk ke riwayat transaksi, pengguna hanya diberi tahu bahwa “belum ada transaksi”, tetapi tidak tahu langkah apa yang harus diambil selanjutnya.
English translation
According to Saviq Bachdar, Senior UX Writer at Tokopedia, there are three basic principles every UX writer should understand: clear, concise and useful.
Useful: copy has to be useful, because a UX writer's job is to guide users to their goals easily when they use a digital product — including helping them decide what to do next.Tips jadi UX Writer Kompeten, Ikuti 3 Prinsip Dasar UX Writing inigensindo.sindonews.com↗
Here, when users open their transaction history, they're only told there are "no transactions yet", with no idea what to do next.
User goal
Memberi arahan yang membantu pengguna mengambil langkah berikutnya di halaman empty state transaksi.
English translation
Give users a clear next step on the empty transactions page.
Task
Mengurangi kebingungan Fatur di halaman empty state.
English translation
Reduce Fatur's confusion on the empty state page.
Copy of Tabel Content
| Scenario | Rationale | Content element | Content description |
|---|---|---|---|
| Fatur ingin melihat riwayat belanjanya. Transaksinya di Klik Indomaret cukup banyak, tetapi saat ia mengetuk menu Transaksi/Virtual, ia hanya menemukan empty state “Belum ada Transaksi”, dan tidak ada langkah lain yang bisa ia ambil di halaman itu. | Saya melihat riwayat transaksi di aplikasi Traveloka, yang menampilkan tombol di halaman empty state-nya. Tombol itu membuat pengguna tidak bingung, sekaligus secara tidak langsung mengajak mereka bertransaksi. Jadi, saya menerapkan pola copy yang sama di aplikasi Klik Indomaret. | Kamu Belum Pernah Membuat Transaksi | Judul yang memberi tahu pengguna bahwa ia berada di halaman transaksi dan belum memiliki transaksi |
| Kamu bisa mulai belanja dengan mengetuk tombol “Belanja Sekarang” di bawah. | Subjudul yang mengajak pengguna bertransaksi dengan mengetuk tombol “Belanja Sekarang” | ||
| Belanja Sekarang | Tombol yang menjelaskan apa yang bisa dilakukan pengguna di halaman empty state saat belum memiliki transaksi |
KhoirulAuthor
Thanks for reading — happy to walk you through the decisions on a call.