Explorasi User Interface (UI) Aplikasi Radio Del Fm

Yudika Purba
7 min readMay 8, 2020

--

Logo Radio Del FM

Dalam artikel ini, saya akan membahas salah satu dari Aplikasi pemutar Radio Online yaitu Radio Del FM, Radio ini merupakan sebuah channel radio yang bernuansa kekinian untuk kalangan anak muda di kabupaten Toba, yang menyajikan konten edukasi yang kreatif. Radio ini hadir dengan cita-cita mulia ingin mengembangkan kabupaten Toba. Dengan tagline “Connecting you to Toba”, Radio Del FM mengemas potensi Toba baik di bidang pariwisata, pendidikan, sosial dan budaya menjadi kontek yang menarik untuk dipublikasikan secara on air, online maupun on ground.

Daftar Isi

Judul

Daftar Isi

Pengantar

Evaluasi/Inspeksi

Kesimpulan dan Saran

Referensi

Pengantar

Radio Online merupakan pengembangan dari radio konvensional dengan penyiaran secara online yang bertujuan untuk memudahkan masyarakat khususnya pencinta musik agar dapat menikmati beraneka ragam jenis musik yang dapat dijangkau dari berbagai wilayah manapun yang tentunya memiliki jaringan internet yang memadai. Untuk mewujudkan tujuan tersebut Radio Del FM resmi merilis aplikasi streamingnya yang bisa di unduh di google play store, dengan keyword 92.4 Del FM, Fitur aplikasi ini meliputi menu news, live streaming, DSH, program, event, Topic of the day, podcast dan lainnya.

Oleh karena itu saya akan mencoba untuk menganalisis (Review) dan mengevaluasi Usability dan Desain UI (user Interface) dari aplikasi Del FM ini dengan memanfaatkan Heuristic Evaluation dengan metode Usability Heuristic sebagai pedoman dalam evaluasi. Ada 10 hal yang menjadi pedoman dalam usability heuristic, tapi mungkin tidak semuanya akan saya bahas dalam artikel ini.

Evaluasi/Inspeksi

Tampilan News

Aplikasi radio Del FM bukan hanya aplikasi yang menyediakan informasi lewat siaran radio saja. Namun aplikasi ini memiliki 3 fitur yang langsung terlihat ketika baru pertama kali membuka aplikasi ini yaitu LATEST NEWS, DELFM UPDATE, dan BONPASPEDIA (bonapasogit pedia) yang menyediakan berita berita terupdate yang terjadi di indonesia maupun mancanegara.

Halaman Utama

Kesan pertama saya ketika melihat laman utama ini adalah simple, dari menu tersebut menyuguhkan konsep layout khususnya proximity, similarity, common region dan continuity. Proximity dimana masing masing berita saling berdekatan, untuk similarity, berita dibuat denah bentuk dan ukuran yang sama, adanya panah atau penujuk, serta common region dimana berita disusun sebagai daftar referensi berita dari, segi layout. dari segi UI style guide, untuk mission statementnya, menus news ini sangat tepat dan cocok karena menampilkan berita dn informasi sesuai dengan misi awal dibuatnya aplikasi ini , untuk control juga aplikasi ini sangat mudah dan fleksibel (user friendly).

Akan tetapi ada sedikit yang perlu diperhatikan Pada saat memilih fitur LATEST NEWS dan DELFM UPDATE, pengguna mungkin akan merasa kebingungan apa perbedaan dari keduanya karena menyediakan informasi yang sama, Ada baiknya jika kedua fitur tesebut digabungkan saja karena dari segi arti kata keduanya memiliki arti yang mengacu pada tujuan yang sama yaitu menampilkan berita ter-update atau terbaru.

Tampilan Menu

Pada tampilan menu pada aplikasi ini menggunakan prinsip simplicity, terlihat bahwa tampilan cukup sederhana dengan back ground berwarna putih disertai dengan logo Del FM dibagian atas. Penggunaan whitespace pada tampilan menu sudah baik dan terkesan cukup rapi

Tampilan Menu

Tampilan Live streaming

Tampilan Halaman Live streaming disajikan dengan sangat minimalis dengan icon play button tunggal yang sangat familiar dengan menerapkan prinsip Simplicity juga. Akan tetapi alangkah lebih baik apabila ukuran play button diperbesar atau ditempatkan tepat di posisi tengah halaman dan bila perlu Warna Play buttonnya agak lebih berbeda dari lamannya.

Tampilan Live Streaming

Tampilan Program

Pada tampilan fitur program ini sangat sederhana, terlihat bahwa list dari fitur ini tampak seperi teks biasa , namun ternyata teks tersebut bisa di klik layaknya button. Hal ini tentunya kurang memenuhi syarat heuristics evaluation yaitu Match between system and the real world. Hal ini dapat membingungkan pengguna dalam menggunakannya. sebaiknya daftar-daftar program diposisikan ditengah agar dekat dengan tulisan “program “, agar estetik dan konsep proximity dapat diterapkan.

Tampilan Menu Program

Tampilan Menu DSH (DelFM Squad Hunt)

Text box pada laman DSH ini disajikan dengan menggunakan konsep layoutseperti syimmetric dan similarity. Berhasil menyuguhkan tujuan halaman kepada user. Text box yang disajikan dengan sejajar dan komunikatif tidak mempersulit saya dalam memahami halaman ini. Hanya saja font size terlalu besar, alangkah lebih baik jika dikurangi ukurannya sehingga whitespace terkesan balance.

Menu DSH (DelFM Squad Hunt)

Tampilan Event

Tampilan Event ini menggunakan prinsip symmetry, common region, dan continuity yaitu dikelompokkan sejajar sedemikian rupa sebagai titik focus dari laman event serta menimbulkan persepsi bahwa event-event yang disajikan ditampilkan dalam bentuk list. Hanya saja tidak terdapat navigasi yang menginformasikan bahwa kita sedang berada dihalaman event. Sehingga kita berasumsi kembali ke laman utama yang mirip tampilannya. Dan ada baiknya jika pemilihan warna menggunakan warna netral pada background sehingga tulisan pada tampilan dapat terlihat lebih jelas.

Menu Event

Tampilan Topic Of The Day

Untuk dapat mengakses kolom topic, kita wajib melakukan log in. Selain itu untuk segi control aplikasi ini memberikan kebebasan untuk pengguna mengotrol akun miliknya .Seperti membuat status , dan menghidupkan atau mematikan suara. Laman ini disajikan dengan prinsip simplicity dengan tampilan yang minimalis, hanya saja icon kunci pada Log in or Sign Up seakan space untuk password.

Menu Login Untuk Akses Kolom Topic

Setelah berhasil melakukan log in percakapan para pendengar akan ditampilan. Ukuran, warna, mupun bentuk dari font tidak ada masalah. Tampilannya mirip dengan percakapan pesan pada umumnya. Layout halaman juga dikelola dengan baik, memudahkan kita dalam scan informasi halaman ini dengan cepat. Footer dari halaman ini juga menginformasikan users online dengan ikon yang familiar bagi pengguna.

Kolom Topic

Tampilan Menu Podcast

Halaman podcast ini cukup juga ditampilkan dengan konsep whitespace yang memudahkan kita dalam scan informasi dari halaman ini. Elemen-elemen disajikan dengan prinsip simplicity dan symmetric, berisikan daftar podcast di bagian tengah dengan ukuran, tekstur dan bentuk yang sama. Selain itu pengguna dapat bebas mulai dari mengulang , mempercepat , bahkan mendownload hasil podcast , dan kombinasi warna pada menu padcacst ini juga menurut saya sangat baik yaitu perpaduan antara merah putih dan hitam serta masih memberikan white space, sehingga sangat balance secara visual

Tampilan fitur Podcast

Tampilan About

Tampilan menu About ini disajikan dengan konsep whitespace yang memudahkan kita dalam scan informasi dari halaman ini. Elemen-elemen disajikan dengan prinsip simplicity dan symmetric, berisikan daftar informasi perihal Radio Del FM di bagian tengah dengan ukuran, tekstur dan bentuk yang sama.

Tampilan fitur About

Namun ada sedikit yang perlu diperhatikan menurut saya dibagian sudut kanan atas tampilan yang memiliki fungsi sama dengan ikon menu di sudut kiri atas, sehingga membuat kita bingung apa perbedaan kedua ikon tersebut. Untuk Informasi crew yang disajikan sekaligus dalam satu tampilan membuat pengguna harus men-scroll terlalu jauh ke bawah untuk menemukan informasi yang dinginkannya.

Tampilan Menu Setting

Pada saat membuka fitur setting, mungkin kita akan merasa kurang nyaman karena pemilihan warna yang terlalu mencolok di latar belakang, yang didominasi warna merah dengan tulisan berwarna hitam yang menyulitkan kita dalam membaca informasi yang ada pada fitur ini. Jika menggunakan latar merah,sebaiknya teks nya berwarna putih atau warna lain yang lebih terang sehingga kita yang melihatnya dapat membaca informasi yang ada dengan nyaman.

Tampilan Fitur Setting

Kesimpulan

Secara keseluruhan Usability dan Desain UI (user Interface) dari aplikasi Del FM ini telah menerapkan Heuristic Evaluation, Dimana Aplikasi ini disajikan dengan mengedepankan konsep simplicity. Untuk Usability aplikasi ini sangat mudah untuk digunakan, dan aplikasi ini juga sangat mudah untuk dipelajari (learnability), dan untuk UI Pattern aplikasi ini mengggunakan f-pattern , yang dimulai dari pojo kiri atas, memindai dari awal hingga ke bawah , sampai menemukan informasi yang diinginkan.

Saran

Aplikasi Radio Del FM ini. Jika dilihat secara keseluruhan memang masih banyak kekurangan-kekurangan yang ditemukan dalam desain UI dari aplikasi ini, tetapi kekurangan-kekurangan tersebut masih dalam batas kekurangan yang bisa diatasi tanpa memerlukan effort lebih dari pengguna. Untuk itu aplikasi ini perlu di perhatikan dan dikembangkan lebih baik lagi, supaya memiliki fitur yang lebih lengkap, kinerja aplikasi radio Del FM yang lebih baik, dan tampilan yang lebih menarik untuk ke depannya.

--

--