Eksplorasi dan Analisis User Interface Aplikasi Radio Del FM

Logo Del FM

Connecting You to Toba…

— — Design is a way of thinking — —

Daftar Isi

1. Pengantar
2. Evaluasi

2.1 Halaman awal dan News

2.2 Menu Bar

2.3 Live Streaming

2.4 Program

2.5 Podcast

2.6 Events

2.7 DSH

2.8 Settings

2.9 About

1. Pengantar

Radio Del FM merupakan salah satu stasiun radio yang berlokasi di kawasan Toba khususnya desa Sitoluama, Kec. Laguboti. Radio yang mengusung tag line, “Connecting You to Toba” ini bukan sekadar menghibur, tapi membawa komitmen tinggi dalam rangka mengedukasi masyarakat di bidang pendidikan, budaya, serta lingkungan. Apalagi belakangan, pemerintah punya fokus untuk meningkatkan pariwisata di kawasan Danau Toba. Maka sebagai media lokal, Radio Del FM ingin memperkenalkan Danau Toba dan sekitarnya agar dikenal masyarakat luas.

Tidak cukup sampai disitu, Radio Del FM juga menyajikan media berupa aplikasi bagi masyarakat yang tidak berdomisili di kawasan Toba. Aplikasi Radio Del FM menyajikan berbagai fitur.

Pada kesempatan kali ini saya akan memaparkan analisis saya sebagai hasil dari eksplorasi dan evaluasi saya terhadap Radio Del FM. Saya memaparkan analisis dari hasil eksplorasi dan evaluasi sesuai dengan Heuristic Evaluation.

2. Evaluasi

2.1 Halaman awal dan News

Figure 1. Tampilan halaman awal dan menu news Aplikasi Radio Del FM

Figure 2. Tampilan Fitur search

Masalah:

· Pada halaman awal aplikasi Radio Del FM langsung menyajikan fitur fitur dari menu news, sedangkan yang menjadi hal utama dalam aplikasi ini adalah penggunaan radio secara live streaming.

· Tidak menggunakan Whitespace melainkan hanya menggunakan garis sebagai pembatas antar news (Aesthetic and Minimalist Design)

· Pemilihan warna yang kurang tepat pada fitur search (Aesthetic and Minimalist Design)

· Tidak menggunakan shortcut history sehingga user harus mengingat dan mengetik judul news untuk search (Recognition not Recall, Error Prevention, Efficiency)

· Penggunaan fitur yang berbeda tetapi memiliki makna yang sama. Terlihat pada “Latest news” dan “DelFM Update” yang menyajikan informasi yang sama (Consistency and Standard)

Hal baik: Tampilan halaman awal Aplikasi Radio Del FM menggunakan prinsip symmetry, common region dan continuity dalam penyusunan deretan news

Severity scale: Major

Rekomendasi:

· Menampilkan semua menu pada halaman utama sehingga tidak akan ada menu maupun fitur yang terabaikan oleh user

· Menggunakan whitespace antar konten agar tidak menimbulkan kesan padat dan kompleks

· Mengubah warna font pada fitur search agar user dapat dengan mudah melihat apa saja yang telah di ketiknya pada textbox search

· Menggunakan shortcut history pada fitur search agar user tidak kesulitan dalam mengingat dan mempermudah user dalam mengetik judul yang ingin dicari.

2.2 Menu Bar

Figure 3. Tampilan Menu Bar

Masalah:

· Penggunaan side bar yang menyebabkan menu tidak menampilkan semua menu sehingga jika user tidak men-scroll maka user akan cenderung melewatkan menu lainnya. (Visibility)

Hal baik: Pemilihan warna Background dan font yang tepat (Aesthetic and Minimalist Design)

Severity scale: Major

Rekomendasi:

· Mengubah side bar dengan menampilkan semua menu pada halaman awal sehingga tidak akan ada menu yang terabaikan oleh user.

2.3 Live Streaming

Figure 4. Tampilan Live Streaming

Masalah:

· Ukuran tombol play dan stop terlalu kecil dan kurang selaras dengan tampilan (Aesthetic and Minimalist Design)

· Penggunaan background yang live streaming yang tampak kosong yang akan membingungkan user (Affordance, Match Between System and The Real World )

· Penggunaan Warna yang terlalu kontras antara merah dan biru (Aesthetic and Minimalist Design)

Hal baik: tampilan live streaming Aplikasi Radio Del FM menggunakan prinsip feedback pada tombol play dan stop

Severity scale: Minor

Rekomendasi:

· Memperbesar ukuran tombol play dan stop agar selaras dengan tampilan.

· Penambahan tombol record dan library recorded dimana tombol record berfungsi untuk merekan bagian tertentu dari live streaming dan library recorded yang berfungsi unutk menyimpan hasil rekaman.

· Mengubah warna background pada tampilan agar memenuhi prinsip Aesthetic and Minimalist Design.

2.4 Program

Figure 5. Tampilan program

Masalah:

· Penggunaan whitespaces yang berlebihan dan tidak seimbang pada tampilan program (Aesthetic and Minimalist Design)

· Ukuran gambar terlalu besar sehingga ketika user membaca keterangan akan memerlukan effort dan waktu lebih untuk men-scroll serta mengganggu kenyamanan user (Aesthetic and Minimalist Design)

· Penggunaan tombol yang kurang tepat dan tidak terlihat seperti tombol yang terdapat pada all,klik, morning show, dll. (Consistency)

· Tombol “All” tidak berfungsi (Feedback)

· Terdapat fitur yang memiki fungsi yang sama yaitu “Favorite” dengan “Favorite” (Consistency and Standard).

Hal baik: penggunaan prinsip symmetry dan continuity

Severity scale: Major

Rekomendasi:

· Mengurangi penggunaan whitespace

· Membuat pengelompokan konten atau penerapan konsep grouping pada program.

· Mengurangi ukuran gambar agar mempermudah user dalam membaca keterangan program.

· Menghapus tombol “All”

2.5 Podcast

Figure 6. Tampilan podcast

Masalah:

· Penggunaan whitespaces yang berlebihan dan tidak seimbang pada tampilan podcast (Aesthetic and Minimalist Design)

· Ukuran gambar terlalu besar sehingga ketika user ingin memilih podcast dan membaca keterangan akan memerlukan effort dan waktu lebih untuk men-scroll serta mengganggu kenyamanan user (Aesthetic and Minimalist Design)

· Dropdown list “All” tidak berfungsi (Feedback)

Hal baik: penggunaan prinsip symmetry dan continuity

Severity scale: Major

Rekomendasi:

· Mengurangi penggunaan whitespace

· Membuat pengelompokan konten atau penerapan konsep grouping pada podcast

· Mengurangi ukuran gambar agar mempermudah user dalam membaca keterangan

· Menghapus rundown list “All”

2.6 Events

Figure 7. Tampilan Events

Masalah:

· Tidak menggunakan Whitespace melainkan hanya menggunakan garis sebagai pembatas antar news (Aesthetic and Minimalist Design)

· Pemilihan warna yang kurang tepat pada fitur search (Aesthetic and Minimalist Design)

Hal baik: Tampilan menu events Aplikasi Radio Del FM menggunakan prinsip symmetry, common region dan continuity dalam penyusunan deretan event.

Severity scale: Minor

Rekomendasi:

· Menggunakan whitespace antar konten agar tidak menimbulkan kesan padat dan kompleks

· Mengubah warna font pada fitur search agar user dapat dengan mudah melihat apa saja yang telah di ketiknya pada textbox search

2.7 DSH

Figure 8. Tampilan DSH

Masalah:

· Tidak menyajikan penggunaan format penulisan pada text box. Penggunaan text box yang tidak dilengkapi dengan format akan membuat user kebingungan (Flexbility and Efficiency of Use)

Hal baik: Penggunaan whitespacing yang tepat serta readable.

Severity scale: Minor

Rekomendasi:

· Menggunakan format penulisan pada text box agar meminimalisir kesalahan saat pengisian data oleh user

2.8 Settings

Figure 9. Tampilan menu setting

Masalah:

· Pemilihan dan penggunaan warna pada background dan font kurang tepat (Aesthetic and Minimalist Design)

Severity scale: Minor

Rekomendasi:

· Mengubah warna background dan font agar memberikan kesan nyaman bagi user dan memenuhi prinsip Aesthetic and Minimalist Design.

2.9 About

Figure 10. Tampilan About

Masalah:

· Ukuran gambar terlalu besar (Aesthetic and Minimalist Design)

Hal baik: Penggunaan Whitespacing yang seimbang

Severity scale: Minor

Rekomendasi:

· Mengurangi ukuran gambar agar mempermudah user dalam membaca keterangan

· Membuat pengelompokan konten atau penerapan konsep grouping pada konten crew.

Referensi:

https://www.radiodelfm.co.id/lebih-mudah-diakses-del-fm-launching-aplikasi-streaming/

https://riyanthisianturi.com/heuristic-evaluation/

Mengenal 10 Heuristic Usability pada User Interface - CodePolitan.com

Link Tahap 3: https://medium.com/@cristina.hasibuan28/redesign-aplikasi-radio-del-fm-810f07245091