EVALUASI INTERFACE APLIKASI RADIO DEL FM

Sandraulina Siregar
9 min readMay 8, 2020

--

Gambar 1. Logo Del FM

PENDAHULUAN

Pada era modern ini, sudah banyak aplikasi pemutar musik dan radio yang dapat diakses melalui ponsel. Tapi, taukah kamu ada aplikasi khusus radio yang bisa diakses dimanapun kamu berada? Salah satu contohnya adalah aplikasi Del FM Radio.

Pernahkah kamu mendengar tentang aplikasi ini? Atau kamu sudah menginstalnya?

Pada artikel ini, saya akan mengevaluasi desain interface aplikasi Del FM menggunaan teknik Heuristic Evaluation menggunakan 10 prinsip usability heuristic oleh Jakob Nielsen

Artikel ini merupakan tahap 2 dari penugasan mata kuliah HCI. Terdapat 3 tahap penugasan, dimana tahap lainnya dapat diakses pada:

Daftar Isi:

Pendahuluan

Bab 1. Tentang Aplikasi

1.1 Tentang Aplikasi Del FM Radio

Bab 2. Evaluasi

2.1 Tampilan Home & Event

2.2 Tampilan Menu Bar dan Search

2.3 Tampilan Live Streaming

2.4 Tampilan Del Squad Hunt (DSH)

2.5 Tampilan Program

2.6 Tampilan Topic Of The day

2.7 Tampilan Podcast

2.8 Tampilan About

2.9 Tampilan Setting

2.10 Tampilan Favorite & Error Message

Bab 3. Kesimpulan

3.1 Kesimpulan

Referensi

Bab 1. Pendahuluan

1.1 Tentang Aplikasi Del FM Radio

Radio Del FM merupakan sebutan udara dari PT. Del Citra Mandiri yang beralamat di Jl. YP Arjuna, Sitoluama, Laguboti, Toba, Sumatera Utara. Radio ini resmi mengudara sejak 28 September 2018, dengan tagline:

Connecting You to Toba

Radio Del FM mengudara selama 24 jam dan menjangkau pendengar dan stakeholders dengan 3O, yaitu melalui On air, Online, dan On Ground. Adapun program yang dikemas dalam radio ini adalah potensi wisata, sosial dan budaya lewat program reguler dan weekend.

Radio Del FM memiliki 5 program reguler di setiap hari Senin sampai Jumat yaitu In Del Morning, Melalak (Memainkan lagu-lagu Enak), Nongki (Nongkrong Masa Kini), Danau Toba Show, dan Del Night Show. 5 program weekend yaitu Renungan Rohani Kristen, In Del Morning Weekend, KLIK (Kumpulan Lagu Asik), Pick of the week, dan Kede Naposo.

Adapun komposisi lagu dari radio Del FM adalah:

  • 70 % Lagu Hits Indonesia
  • 20 % Lagu Hits Mancanegara
  • 10 % Lagu Batak

Radio ini memiliki keunikan dari radio lain, dimana Del FM memiliki sasaran pendengar usia 15–25 tahun yaitu pelajar, mahasiswa dan pekerja. Maka dari itu program-programnya disajikan secara edukatif, menarik, dan kekinian.

Bab 2. Evaluasi

2.1 Tampilan Home & Event

Gambar 2. Tampilan Home

Kesan pertama yang saya peroleh ketika membuka aplikasi ini adalah penggunaan warna merah yang terlalu terang sehingga terlihat kurang nyaman bagi pengguna aplikasi. Sebaiknya memperhatikan aspek Hue, Saturation, dan Brightness dalam penggunaan warna.

Ada 3 menu pada tampilan home ini, yaitu Latest News, DEL FM Update, dan Bonpaspedia. Sebaiknya, karena ini merupakan aplikasi radio, maka halaman utama sebaiknya mengenai radio, misalnya jadwal acara atau live streaming.

Selain itu space yang digunakan terlalu sedikit sehingga berita terlihat menyatu. Demikian juga dengan tampilan Event pada Gambar 3:

Gambar 3. Tampilan Event

Sebaiknya penggunaan space lebih disesuaikan agar semakin memenuhi prinsip Aesthetic & minimalist design.

2.2 Tampilan Menu Bar & Search

Gambar 4. Tampilan Menu bar (kiri) & Search (kanan)

Dapat dilihat dari gambar 4, tampilan menu bar terlihat minimalis dan mudah dimengerti. Pada menu, huruf warna hitam menandakan menu tersebut belum di klik yang jika diklik warnanya akan berubah jadi merah.

Huruf warna abu-abu menandakan kategori dari menu. Sebaiknya menggunakan warna yang tidak menyerupai hitam agar tidak terlihat serupa dengan menu fitur.

Terdapat juga fitur search yang memudahkan pengguna mencari informasi yang diinginkannya. Namun belum dilengkapi dengan prinsip recognotion rather than recall, yaitu dapat “menebak” apa yang ingin dicari pengguna.

2.3 Tampilan Live Streaming

Gambar 5. Tampilan Live streaming off (kiri) & on (kanan)

Fitur ini merupakan fitur utama dari aplikasi radio, maka sebaiknya ditampilkan pada menu utama, dimana pengguna dapat mendengarkan siaran secara langsung. Halaman fitur ini menggunakan warna merah terang sebagai warna dasar dan biru terang sebagai tampilan halaman. Sehingga telah menerapkan prinsip aesthetic and minimalist design.

Aplikasi ini telah menerapkan Consistency and Standard, contohnya pada tombol play dan pause. Namun desain halaman ini akan lebih efektif jika menambahkan button lain, misalnya stop, dsb.

Gambar 6. Notifikasi ketika radio dimainkan

Selain itu terdapat juga notifikasi ketika radio dimainkan yang memudahkan pengguna mengakses radio tanpa harus membuka aplikasi. Hal ini telah menerapkan prinsip User Control and Freedom dan Usability of system status.

2.4 Tampilan Del Squad Hunt (DSH)

Gambar 7. Tampilan DSH

Tampilan halaman ini terlihat baik, simetris dan memiliki desain yang minimalis, sehingga terlah menerapkan prinsip Asthetic & Minimalist Desain. Tetapi pada bagian *syarat dan ketentuan berlaku, sebaiknya diberi warna yang berbeda agar informasi tersebut dapat tersampaikan dengan lebih jelas.

2.5 Tampilan Program

Gambar 8. Tampilan Program

Pada tampilan ini terdapat judul besar “program” serta space yang cukup jauh dengan menu program yang tersedia. Sebaiknya menerapkan prinsip asthetic & minimalist design, dimana jarak antar judul yang diberikan tidak terlalu jauh. Sehingga pengguna tidak terlalu lama menemukan informasi program yang dibutuhkan.

Dapat dilihat bahwa program memiliki beberapa kategori, yang jika di klik akan berubah menjadi berwarna merah dan menampilkan poster program seperti gambar 8. Sebaiknya kategori tersebut tampilkan dalam button agar terlihat lebih simetris.

Gambar 9. In Del Morning (kiri) & Program lainnya (kanan)

Jika poster pada tampilan sebelumnya diklik, akan menampilkan seperti gambar 9. Pemilihan bahasa yang digunakan untuk menyampaikan informasi sudah tepat. Karena menerapkan prinsip match between system & the real world sehingga memberi kesan keakraban kepada pengguna.

Namun sepertinya tidak semua program diberi keterangan. Sebaiknya semua program diberi keterangan agar pengguna mengetahui lebih lanjut tentang program tersebut.

Pada bagian yang dilingkari dengan warna hijau, jika di klik akan menampilkan menu yang sama dengan menu diatasnya. Hal ini dapat membingungkan pengguna. Sebaiknya cukup satu fitur menu saja, atau menggunakan fitur undo sehingga bisa menerapkan prinsip user control & freedom.

Selain itu, pada bagian yang dilingkari dengan warna biru, pemilihan warna untuk judul program terlihat kurang harmonis sehingga pengguna mungkin kesulitan membacanya. Tulisan “Del FM” juga sepertinya kurang efisien karena pada bar diatas sudah terdapat tulisan “Radio Del FM”. Sebaiknya judul dibuat dengan warna yang berbeda dan lebih besar atau judul diletakkan di posisi tulisan “Del FM”.

2.6 Tampilan Topic of The Day

Gambar 10. Topic of the day(kiri) & menu setelah diklik(kanan)

Pada menu ini, pengguna diminta untuk login untuk mengakses fitur ini. Sebelumnya mari kita lihat bagian yang dilingkari dengan warna hijau muda dan kuning. Keduanya merupakan menu, yang jika diklik akan menampilkan hal yang sama seperti gambar 10 (gambar sebelah kanan).

Selain itu pada lingkaran biru terdapat juga fitur menu yang menampilkan menu utama. Hal ini dapat membuat pengguna bingung karena ketiga fitur menu tersebut memiliki tampilan yang sama.

Sebaiknya hanya terdapat 1 fitur menu. Sedangkan 2 fitur menu lainnya digabung menjadi 1 dan menggunakan tampilan berbeda. Misalnya “akun” dengan logo lingkaran berisi manusia. Hal ini dapat menerapkan prinsip consistency & standard yang memudahkan pengguna mengenal fitur.

Kemudian jika pengguna memilih Log in or sign up now, maka akan menampilkan:

Gambar 11. Tampilan log in or sign up now

Selanjutnya, akan menampilkan form login seperti pada gambar 12:

Gambar 12. Login with & login with facebook(kiri) & login with email(kanan)

Sebaiknya login with dibuat lebih spesifik agar pengguna dapat memilih akun mana yang akan digunakannya. Selain itu, pada gambar 12, yang dilingkari dengan warna kuning, sebaiknya ditampilkan pada menu sebelumnya. Hal ini dapat memudahkan user untuk memilih cara login dan menerapkan prinsip user control and freedom.

Selain itu,pada bagian yang berwarna biru terlihat tidak konsisten sehingga pengguna menjadi bingung apakah fungsi “lost your password” sama dengan “forgot password”. Sebaiknya menggunakan “Forgot password? Click here” saja karena telah menerapkan prinsip Help user recognize, diagnose & recover from error.

2.7 Tampilan Podcast

Gambar 13. Tampilan podcast

Sama seperti tampilan program, space yang digunakan cukup banyak. Ada baiknya space yang diberikan simetris sehingga semakin memenuhi prinsip aesthetic & minimalis design. Selain itu, terdapat 2 dropdown list, tetapi jika dropdown list “All” diklik akan menampilkan seperti gambar 14:

Gambar 14. Dropdown list All

Sebaiknya jika hanya terdapat 1 list, lebih baik untuk tidak menggunakan dropdown list agar lebih efisien.

2.8 Tampilan About

Gambar 15. Tampilan about

Dari segi informasi yang diberikan , halaman ini telah menerapkan prinsip match between system & the real world. Namun terdapat 2 judul “Crew” pada halaman ini, sebaiknya dibuat 1 judul saja.

Penggunaan space pada tampilan ini juga terlihat belum efisien. Selain itu gambar tag line “connecting you to tobasa” sebaiknya tidak terlalu besar agar pengguna tidak terlalu banyak scroll ke bawah untuk mengakses informasi lainnya.

2.9 Tampilan Setting

Gambar 16. Tampilan setting

Pada tampilan ini, kombinasi warna antar background dan font kurang harmonis sehingga desain terlihat kurang nyaman bagi pengguna. Dimana warna merah yang digunakan adalah #b90504 dan #991918 serta #5c8996 untuk warna biru pada font. Sebaiknya menggunakan perpaduan yang harmonis agar dapat memenuhi aesthetic and minimalist design.

Selain itu belum terdapat fitur “help” untuk memudahkan pengguna jika menemukan kendala. Hal ini merupakan prinsip help dan documentation.

Selain itu pada bagian yang dilingkari dengan warna kuning, jika diklik menampilkan fitur “settings” dan “favorites”. Padahal halaman ini merupakan halaman settings. Sebaiknya bagian ini tidak ditampilkan lagi pada halaman settings.

Gambar 17. Menu setting dan favorites

2.10 Tampilan Favorite & Error Message

Gambar 18. Tampilan favorite

Tampilan ini sudah menerapkan prinsip flexibility & efficiency of use, dimana pengguna dapat dengan cepat mengakses fitur yang disukainya. Melalui fitur ini pengguna dapat membuat daftar favorit kemudian mengunduhnya sehingga pengguna dapat mengaksesnya secara offline.

Tetapi dari segi warna, tampilan ini menggunakan kombinasi warna background dan font yang kurang harmonis. Selain itu, jika icon tempat sampah diklik akan menampilkan pesan seperti gambar 18 (sebelah kanan). Kalimat yang disampaikan kepada pengguna membuat pengguna bingung apa yang akan dilakukan selanjutnya.

Sebaiknya pesan yang diberikan seperti prinsip error prevention agar pengguna dapat memahami apa yang terjadi pada aplikasi. Selain itu juga memberikan solusi agar sesuai dengan prinsip help user recognize, diagnose & recover from errors.

Seperti pada gambar 19 berikut:

Gambar 19. Tampilan Error Message

Pesan error yang “No Internet” yang diberikan sudah memenuhi prinsip error prevention maka pengguna dapat memahami apa yang terjadi pada aplikasi. Selain itu juga telah memberikan solusi sesuai dengan prinsip help user recognize, diagnose & recover from errors. Sehingga pengguna tau langkah apa yang harus dilakukan selanjutnya.

Bab 3. Kesimpulan

3.1 Kesimpulan

Berdasarkan hasil heuristic evaluation menggunakan 10 prinsip usability heuristic oleh Jakob Nielsen, hanya ada 1 prinsip yang belum diterapkan yaitu prinsip recognotion rather than recall.

Keseluruhan, aplikasi ini telah sesuai dengan tujuan utamanya, yaitu bisa mendengarkan radio 24 jam. Selain itu masih ada beberapa kekurangan misalnya bagian pemilihan warna, space, dan beberapa pesan error.

Demikian hasil evaluasi aplikasi yang saya lakukan. Jika ada masukan dan saran mengenai artikel ini dipersilahkan ^^

Atau kamu tertarik menggunakan aplikasi Radio Del FM? yuk download sekarang juga!

--

--