Perancangan Desain User Interface Aplikasi K-Lite (Radio 2.0) Pada Platform Android & Mirrorlink

Radio 2.0 versi Connected Car memiliki fitur-fitur dan halaman umum yang sama dengan Radio 2.0 versi lain. Halaman tersebut terdiri dari:

1. Halaman Home.

2. Halaman Live (Streaming).

3. Halaman On-Demand.

4. Halaman Member (Klub Radio).

Desian disesuaikan dengan perangkat Mirrorlink yang berorientasi landscape, dan juga menyesuaikan dengan profil pengguna yaitu pengendara mobil, jadi ukuran font dan juga ukuran tombol harus disesuaikan. Berikut adalah perancangan desain UI aplikasi K-Lite (Radio 2.0) pada platform Android & Mirrorlink:

1.   Menu Home

Pada menu Home terdapat iklan radio yaitu modis dan laris.

Gambar 1 Rancangan Tampilan Menu Home

2.   Menu Live

Pada Menu Live terdapat info program acara yang sedang berlangsung beserta info penyiar. Dan juga terdapata info rundown acara pada saat itu dan sebelumnya.

Gambar 2 Rancangan Tampilan Menu Live

3.   Menu On-Demand

Pada menu On-Demand menampilkan konten-konten podcast (non live) dari radio berdasarkan kategori, seperti Konten Pilihan, Mostplayed, News, Music, Talk, Travel, dan Advertising dari radio yang dapat diputar kapan saja.

Gambar 3 Rancangan Tampilan Menu On-Demand

4.   Menu Member

Pada menu member ditampilkan 2 submenu yaitu Facebook dan Google dimana pengguna dapat login ke aplikasi melalui akun Facebook atau akun Google.

Gambar 4 Rancangan Tampilan Menu Member

5.   Menu Sidebar

Menu Sidebar terdapat di pojok kiri atas sebelah judul radio, pada menu tersebut terdapat 4 submenu yaitu.

·     Live Streaming untuk mendengarkan streaming radio secara langsung dimana nanti akan langsung muncul player pada tampilan aplikasi.

·         Refresh untuk memuat ulang aplikasi.

·         Search untuk mencari konten-konten pada radio.

·         Login untuk masuk ke aplikasi bagi pengguna yang sudah memiliki member pada Radio 2.0.

Gambar 3.19 Rancangan Tampilan Menu Sidebar

6.   Player

Pada menu player ditampilkan sebuah player radio yang menampilkan beberapa informasi seperti foto konten yang sedang diputar, judul streaming, indikator player berupa slider, navigasi player seperti previous, play/pause, dan next, serta tombol close untuk mengeluarkan player. Halaman player juga akan tampil pada saat memutar Live Streaming maupun konten dari radio.

Gambar 3.20 Rancangan Tampilan Menu Player