Eksplorasi Prambors FM & Gen FM Web App
— — — — — — — — — — — — — — — —
Nama / NIM : Elsaday Bakara / 12s18060
Universitas / Prodi : Institut Teknologi Del / Sistem Informasi
— — — — — — — — — — — — — — — —
Daftar Isi
A. Pengantar
B. Hasil Eksplorasi
B.1. Prambors FM Web Application
B.2. Gen FM Web Application
C. Kesimpulan dan Saran
A. Pengantar
Sekarang, semua ragam multi media sedang tidak henti-hentinya berkembang secara kuat. Ragam radio juga mengalami tidak sedikit persaingan. Akan tetapi, dengan semua keunggulan dalam menyampaikan informasi, investasi dananya tidak terlalu banyak, radio tetap merupakan satu kanal informasi yang bermanfaat.
Prambors FM adalah salah satu jaringan radio komersial yang berbasis di Jakarta, Indonesia. Prambors FM pertama kali diluncurkan pada 18 Maret 1971 di Jakarta, tujuan stasiun ini adalah memainkan musik pop dengan target pendengar mereka adalah kalangan remaja dan dewasa muda. Prambors dimiliki dan dioperasikan oleh Mahaka Media. Kini Prambors memiliki 9 frekuensi siaran di 9 kota besar yang tersebar di Indonesia. Prambors juga bisa diakses di banyak channel yaitu website www.pramborsfm.com, Facebook, Instagram, Youtube, Twitter, Prambors Channel di Indihome channel 453, dan apps Prambors di Google playstore.
Sejak pertama kali mengudara, Gen FM berkomitmen untuk selalu mendukung kemajuan industri musik Indonesia dengan memutar lagu-lagu lokal serta menghadirkan profil para musisi dalam negeri. Gen FM merupakan salah satu unit usaha di bawah grup Mahaka Media. Memasuki tahun 2017, Gen FM melakukan rebranding dengan mengusung logo dan tagline barunya, yaitu ”Generasi Suara Musik Indonesia”. Ini untuk semakin menegaskan spirit dan positioning Gen FM sebagai pendukung sejati musik Indonesia. Kini Gen FM mempunyai jaringan di Jakarta dengan frekuensi 98,7 MHz dan Surabaya dengan frekuensi 103,1 MHz. Gen FM juga bisa diakses di banyak channel yaitu website www.gen987fm.com, Facebook, Instagram, Youtube, Twitter, dan apps Gen FM di Google playstore(untuk android).
Anak muda identik dengan gesitnya mengikuti kemajuan teknologi. Prambors FM, Gen FM, dan perusahaan radio lainnya perlu selalu menyesuaikan diri dibidang teknologi agar terus sejalan dengan selera kawula muda (anak muda). Pada kesempatan kali ini saya akan membahas mengenai applikasi berbasis web Prambors FM dan Gen FM yang memiliki desain unik dan colorfull.
B. Hasil Eksplorasi
Berikut merupakan hasil eksplorasi aplikasi web Prambors FM dan Gen FM
B.1. Prambors FM Web Application
Sesuai dengan logo andalannya, web milik Prambors didominasi warna hitam dan kuning. Prambors Web memiliki 6 sections (Gambar 1). Hal ini berarti keseluruhan applikasi web di gunakan di 1 tab yang sama dengan scroll up&down sebagai cara mengakses menu dan fitur-nya, hal ini membuat aliran informasi yang mudah diikuti oleh mata pembaca.
B.1.1. Header & PRAMBORS ON AIR Section
Gambar 2. merupakan tampilan awal website milik Prambors FM. Pengguna akan disambut dengan banner berisi event aktual oleh Prambors. Pada banner terdapat tombol next and previous yang memiliki tingkat transparancy cukup untuk tidak menghalangi banner, apabila kursor pada layar anda mengenai tombol tersebut transparancy akan menghilang dan warna menjadi lebih pekat (solid).
Dibawah banner, terdapat button ‘PRAMBORS ON AIR’ yang memungkinkan anda anda untuk mengakses siaran radio Prambors FM melalui internet. Saat anda menekan ‘PRAMBORS ON AIR’, anda akan dialihkan ke tab PRAMBORS ON AIR (tab baru).
Laman PRAMBORS ON AIR memiliki playbox dan advertisement section. Dimana playbox menindih advertisement section. Playbox juga memiliki warna dasar transparan dengan warna font putih, hal ini akan menjadi masalah apabila advetrisment section di dominasi warna putih karena akan mengurangi visibilitas fitur dan tulisan pada playbox. Ukuran playbox tidak sebanding dengan advertisement section, dibanding dengan menindih advertisement section sebaiknya playbox memanfaatkan whitspace. Pemilihan warna whitespace pada PRAMBORS ON AIR tidak konsisten dengan laman lainnya, sebaiknya mempertimbangkan penggunaan warna antara hitam atau kuning.
B.1.2. Music Section
Pada music section (Gambar 4) terdapat List TOP 40 lagu versi Prambors Radio. Terdapat rank number, song cover, status (up/down the TOP 40 list), song title, artist, genre, dan button play. Informasi informasi tersebut mempermudah pengguna mendapatkan informasi singkat tentang lagu pada list.
Tujuan membuat list adalah memberikan informasi dan menyarankan lagu ‘terbaik’ pada hari ini. Ada baiknya lagu top 3 pada ‘TOP 40’ diberi highlight (seperti pada gambar 5), agar memberi penekanan kesan ‘paling istimewa’.
Prambors mempersingkat list ‘TOP 40’ dengan menampilkan top 8 pada bagian depan dan menyediakan button ‘READ MORE’ yang akan meneruskan ke laman berisi list lengkap ‘TOP 40’ (Gambar 6). Hal tersebut akan menyingkat waktu akses pengguna ke section lainnya apabila TOP section bukan tujuan utama pengguna.
Pada list terdapat ranking, album cover, judul, penyanyi, genre dan play button. Dengan mengakses ‘READ MORE’ kita dapat melihat keseluruhan list ‘TOP 40’. Apabila anda menekan play button, ada akan membuka tab berisi video music lagu tersebut, sebagai contoh pada gambar dibawah adalah tab baru yang terbuka setelah menekan play button ‘Dont Start Now’ by dualipa sebagai first rank (Gambar 7).
Pada saat saya melakukan eksplorasi, ‘Bubbling Up Song’ dan ‘Sudut Dengar’ tidak memiliki konten. Sebaiknya cantumkan deskripsi singkat mengenai fitur tersebut dan alasan mengapa konten pada fitur masih kosong.
B.1.3. Our Shows Section
Show yang yang dimiliki Prambors FM ditampilkan secara horizontal dan berupa poster. Poster dikemas dengan nuansa warna keceriaan dan berani (Gambar 9). Menurut saya akan lebih baik ditambahkan tabel yang merangkum jadwal show dibagian bawah poster, hal ini akan memudahkan user membuat perbandingan jadwal secara menyeluruh dengan area yang tidak terlalu besar. Tombol next & previous show di letakan terlampai jauh dari main show yang sedang disorot, hal ini dapat menimbulkan presepsi/opini pindah halaman. White space pada bagian bawah sebaiknya dimanfaatkan untuk menampilkan deskripsi singkat pengenalan show tersebut (Gambar 10). Sebaiknya diberi penjelasan lengkap dalam konteks tekstual pada setiap show sehingga memberikan informasi yang lebih lengkap untuk pengguna (dapat di akses di ‘lihat selengkapnya’ pada penjelasan singkat tersebut).
B.1.4. Wadyabala Section
Prambors mengenalkan wadyabala (host, DJ, Crew) mereka dengan visualisasi yang menarik secara horizontal. Deskripsi singkat mengenai sang wadyabala tersebut akan muncul ketika kursor diarahkan pada poster sang wadyabala. Hal ini tidak memungkinkan pengguna untuk melihat poster dan deskripsi secara bersamaan.
Redesigned Wadyabala Section (Gambar 12) memungkinkan pengguna melihat poster dan membaca deskripsi disaat bersamaan. Bila setiap wadyabala memiliki akun sosial media, sebaiknya disediakan button yang memudahkan pengguna mengunjungi profile sosial media wadyabala tersebut.
B.1.5. News Section
Prambors menyediakan section untuk melampirkan berita yang mereka rangkai. Berita berita tersebut bukan hanya berkaitan dengan musik, namun juga berkaitan dengan film, tips, trend yang disajikan untuk anak muda. Dapat kita lihat bahwa berita disusun berdasarkan tanggal terbaru dipost dan berita paling baru akan memenuhi frame paling besar. Hal ini memungkinkan user untuk mendapatkan berita paling aktual yang terjadi. Prambors menyediakan button ‘READ MORE NEWS’ pada bagian pojok kanan bawah, hal ini sangat membantu user untuk memungkinkan user untuk membaca berita lainnya yang telah di publikasi lebih lama dari ‘Latest 5 News’.
B.1.6. Events& Promo Section
Layout event pada Event section tidak simetris. Sebaiknya pada Event section, masing masing event diperkenalkan dengan mencantumkan poster dan penjelasan singkat saja. Sebaiknya ada komponen lainnya yang mengarahkan pengguna untuk mengakses info event secara lengkap. Sehingga event-event pada halaman utama di Event section tidak memakan banyak tempat dan event dapat ditampilkan lebih banyak dalam satu area (Gambar 15).
Pada original Events & Promo section, menu promo hanya dapat menampilkan satu event secara detil dan menyediakan button ‘READ ANOTHER SURPRISE’ pada bagian pojok kanan bawah untuk melihat event lainnya, hal ini (pemotongan konten dengan menampilkan beberapa, lalu menyediakan cara melihat konten lainnya) merupakan hal baik, dengan membatasi tampilan daftar event agar tidak terlalu panjang dan lebih rapi.
B.2. Gen FM Web Application
Sesuai dengan maskot iconic-nya, web milik Gen FM didominasi warna Hijau. Web milik Gen FM memiliki 5 main menu. Tidak setiap menu memiliki halaman utama . Menu yang memiliki sub menu tidak memiliki halaman utama (sub menu tidak disusun bersamaan di halaman utama menu). Setiap sub menu memiliki laman yang berbeda, hal ini berbeda dengan aplikasi web Prambors yang merangkum semua menu dalam satu tab(page) secara vertikal. Aplikasi web milik Gen FM tidak memungkinkan untuk di muat pada split window, dengan menampilkan error message seperti pada Gambar 17.
B.2.1. Home Page
Home page milik Gen FM (Gambar 17) menampilkan berbagai konten. yankni sebagai berikut banner event, radio station poster, random poster, top chart, top podcast, video suggestion, news suggestion. Setiap konten belum dibatasi dengan separator (white space, line, dll.) sehingga memiliki kesan padat. Title dari setiap konten tidak memiliki konsistensi appearance.
Konten paling atas pada Home Page (Gambar 18) adalah banner event yang memiliki Visible Navigation State yang redudan yakni, mini sized banner preview dan navigasi berupa dot(titik). Navigasi berbentuk mini size preview dari banner tidak berfungsi, mini size preview yang kontras tidak sesuai dengan banner yang sedang terhighlight, sedangkan navigasi berupa dot(titik) memiliki transparancy yang berlebihan sehingga terlihat samar (terdapat error, pada banner ke 3 & 4 navigasi dot tidak muncul).
Pada radio station section terdapat poster colorfull tanpa deskripsi singkat, sebaiknya diberi deskripsi singkat untuk menunjang ketertarikan pengguna. Separator antar konten terlalu tipis (Gambar 19) sehingga poin kelebihan ‘colorfull’ tersebut dapat berbalik menjadi kelemahan karena membuat mata pengguna cepat lelah. Sebaiknya station dipersingkat (ditampilkan beberapa) dan disediakan button atau linking ke laman station collection.
Diantara radio station section dan top chart section terdapat poster yang redudan dan tidak menawarkan action. Kumpulan poster tersebut tidak memiliki header berupa title atau deskripsi terkait kumpulan poster tersebut (Gambar 20). Sebaiknya poster tidak redudan dan ditampilkan dinamis seperti banner sehingga menghemat tempat.
Pada Home Page terdapat top chart ganas dan top podcast. Dapat dilihat pada Gambar 21 kedua konten dengan fungsi yang sama (view top list) dengan konten berbeda, namun tidak memiliki konsistensi internal yang kurang baik. Berbeda dengan top chart ganas tang menampilkan urutan 5 besar, top podcast hanya menampilkan topest podcast (paling top). Pada top chart ganas, judul dari urutan pertama dalam chart tidak ditampilkan dengan jelas (singkatan kurang mewakili keseluruhan judul), sebaiknya dapat menampilkan lebih banyak karakter.
Pada video section, penggunaan font color (Gambar 22) yang terlalu terang akan menyulitkan pengguna untuk memperoleh informasi tekstual. Sebaiknya video lainnya diberi caption singkat agar memberikan gambaran mengenai video tersebut, karena cover video saja belum bisa memberikan informasi jelas.
Sama dengan news section, penggunaan font color pada News section (Gambar 22) terlalu terang. Area textbox untuk deskripsi singkat dari berita terlalu luas, sehingga menyisakan area kosong yang tidak menarik.
Gen FM ON AIR page dapat diakses dengan menekan button di sudut kanan atas halaman. Playbox sulit untuk ditemukan (Gambar 24) oleh pengguna karena berada diantara konten konten lainnya yang ukurannya tidak sebanding, dan warna dasar playbox yang menyerupai white space dari Gen FM ON AIR page. Playbox dari Gen FM menampilkan nama artist dan judul lagu yang sedang diputar, dan hanya memiliki 2 button yakni button play/stop dan button untuk mengatur volume. Sebaiknya playbox diberi variasi fitur lainnya agar lebih menarik, dan ditempatkan di area yang mudah dijangkau dengan menggunakan warna dasar yang kontras dari konten sekitar. Akan lebih baik jika Gen FM ON AIR page beris konten yang hanya berkaitan dengan GenFM ON AIR issue.
B.2.2. About
Sebaiknya menu About berisikan konten yang berkaitan dengan info operasional Gen FM, para speaker (Penyiar), dan info mengenai menu dan fitur dari aplikasi ini. Pada menu about terdapat sub menu yang tidak sesuai dengan judul menu. Dapat kita lihat bahwa Rate Card, Semangat Pagi, DJ Sore, 98,7 Menit Musik Terus, Kopaja, Tulalit, Chart Ganas termasuk dalam kategori ‘Station dan Chart’, dan sebaiknya di kategorikan sebagai menu baru. Sedangkan sub menu About Station tidak berisi konten apapun, sehingga sebaiknya dihapuskan.
Layout sub menu Penyiar simetris dan memiliki jarak antar poster yang baik. Namun laman deskripsi dari Penyiar itu sendiri (Gambar 26) belum dapat mendeskripsikan penyiar tersebut (Dalam hal ini hanya nama dan foto).
Sub menu Rate Card (Gambar 27) tidak memiliki deskripsi/caption namun diberikan space untuk deskripsi tersebut. Menu list tersebut tidak terdapat pada semua sub menu, dan juga hal ini tidak diperlukan karena menu bar dapat diakses dengan mudah di setiap page yang dibuka.
B.2.3. Feature & Gratis
Sub menu Features dan Gratis sama-sama berisi features (Gambar 28), sebaiknya menu Gratis menjadi kategori sub menu pada menu Features. Dalam berbagai sub menu terdapat highlight berisi konten kosong namun tetap di tampilkan (Gambar 29), hal ini sebaiknya dihilangkan agar tidak membingungkan pengguna.
B.2.4. Video & Podcast
Terdapat 3 pembagian kategori sub menu dalam menu Video & Podcast, yakni photo, video, dan podcast. Kategori Photo tidak memiliki sub menu yang diwadahi, hal ini adalah kesia-siaan dan sebaiknya dihilangkan.
C. Kesimpulan dan Saran
C.1. Prambors Web Application
C.1.1. Kelebihan :
- Aplikasi web ini tidak memiliki satu pun side bar, namun layout berhasil di-manage seimbang dan harmonis antara section yang satu dengan section lainnya.
- White space yang dimiliki Prambors memiliki kesan desain yang clean dan relaxing karena dengan konsisten menerapkan 2 warna dominan (kuning dan hitam).
- White space telah diatur dan berhasil meningkatkan kualitas keterbacaan teks dan sebagai separator untuk setiap elemen desain.
- Penerapan warna kontras pada menu/konten yang sedang di highlight sangat jelas.
- Tulisan yang dipakai pada aplikasi ini sederhana dan memiliki konsistensi internal yang baik. Size, height dan width fontnya sudah sesuai, tidak terlalu kecil dan tidak terlalu besar, dan mencerminkan peran teks baik sebagai menu, submenu, title, dan paragraf.
- Penerapan pemotongan konten, dengan menampilkan beberapa lalu menyediakan cara melihat, selengkapnya sangat membantu dan meningkatkan efisiensi.
- Konsistensi eksternal yang diterapkan pada icon-icon di playbox sangat baik. Button yang disediakan di playbox memiliki utility yang dibutuhkan pengguna.
- Beberapa aplikasi radio salah menggunakan ‘pause button’ untuk beralih ke status off air , button yang tepat untuk beralih ke status off air adalah ‘stop button’. Prambors berhasil menerapkan stop button, hal ini menandakan memutuskan akses ke jaringan(frekuensi radio tersebut).
- Pengguna dapat dengan mudah membedakan 6 section, selain karena penamaan/judul section yang terpampang jelas juga karena layout setiap section adalah unik.
C.1.2. Kekurangan :
- Tidak ada section/page untuk info yang membahas detil penggunaan produk (Prambors FM), menu&fitur, dan istilah asing. Penjabaran produk sangat diperlukan untuk meningkatkan learnability pengguna, terutama pengguna baru.
- Tidak memiliki Visible Navigation State yang menyatakan posisi urutan poster atau konten yang sedang ter-highlight. Navigasi ini diperlukan agar pengguna dapat mengetahui sedang di mana berada dan berapa konteks kita bisa berpindah.
- Pada 6 laman utama konten ditata dengan kemasan menarik, namun belum memungkinkan pengguna mendapatkan informasi sebanyak- banyaknya dalam area seminimal mungkin. Solusi yang dapat diterapkan adalah memprioritaskan konten dan deskripsi pendukung dari konten tersebut, dan memanfaatkan white space dengan lebih bijak.
C.2. Gen FM Web Application
C.2.1. Kelebihan :
- Menu Bar selalu dapat diakses dengan mudah disetiap page yang dibuka.
- Gen FM menyediakan konten kreatif bagi penikmat musik di web aplikasinya yang menargetkan partisipasi (komen, share, dll.) pengguna secara aktif.
- Gen FM menyediakan playback beberapa dalam station, yang berarti membantu pengguna aplikasi mendengarkan ulang rekama pada station tertentu.
C.2.2. Kekurangan :
- Layout tidak simetris, dan white space & separator yang kurang luas. Hal ini dapat menyebabkan menyulitkan pengguna dalam mengambil informasi yang dibutuhkan
- Konten pada Home page yang berlebihan, konten-konten tersebut perlu diprioritaskan, sehingga desain akan terlihat tebih simple dan clean, jika kontennya sedikit (terlebih dulu diprioritaskan).
- Pengelompokan konten yang kurang cocok. Sebaiknya konten dikelompokan sesuai dengan judul sub bab yang mewadahi, dan sub bab dikelompokan sesuai dengan judul bab yang melingkupi.
- Font color yang digunakan pada banyak bagian menyulitkan pengguna, karena kombinasi warna tidak harmonis dengan lingkungan sekitarnya.
- Penggunaan huruf kapital yang tidak konsisten, penggunaan huruf kapital harus konsisten pada level yang setara.
- Tidak terdapat penekanan warna (kontras) yang diterapkan pada menu yang sedang dibuka. Sebaiknya diberi warna kontras yang mencolok dibanding menu lainnya di menu bar, sebagai umpan balik respon sistem dan navigasi kepada pengguna.
D. Referensi
[1] limadigit, “pramborsfm”. maisima radio network, 2020. [Online].Tersedia : https://www.pramborsfm.com/ [10 Mei 2020].
[2] MAHAKA RADIO INTEGRA, “gen987fm”, MAHAKA RADIO INTEGRA, 2020. [Online]. Tersedia : https://www.gen987fm.com/ [10 Mei 2020].
