Human-Computer Interaction Student Project User Interface Design

Perancangan UI Aplikasi Radio Del FM


PENGANTAR

Radio Del FM adalah channel radio 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, sosial dan budaya menjadi kontek yang menarik untuk dipublikasikan secara on air, online maupun on ground.

Aplikasi Radio Del FM tersedia di platform:

Selain itu, Radio Del FM juga memiliki akun di:

  • Instagram: @delfmradio
  • Twitter: @delfmradio
  • Facebook: @del924fm
  • Youtube: delfm radio

INSTRUKSI TUGAS

Tugas dikerjakan dalam tiga tahapan:

  1. Eksplorasi aplikasi
  2. Evaluasi aplikasi Radio Del FM
  3. Redesign UI aplikasi Radio Del FM

Tahap 1: Eksplorasi

  1. Lakukan eksplorasi aplikasi Joox, Spotifty dan aplikasi sejenis terkait pemutar musik dan RADIO. Pelajari dan catat hal baik dan kurang baik dari desain dan interaksinya.
  2. Baca beberapa artikel yang ada di internet terkait kritik, suggestion untuk redesign aplikasi pada nomor 1.
  3. Tuliskan hasil eksplorasi aplikasi dan artikel ini dalam akun Medium Anda. Penjelasan yang perlu dituliskan adalah: KRITIK DITULISKAN DALAM KALIMAT POSITIF, suggestion, praktek-praktek baik yang diterapkan dalam aplikasi-aplikasi pemutar musik dan radio.

Tahap 2: Evaluasi Aplikasi Radio Del FM

  1. Lakukan evaluasi/inspeksi terhadap aplikasi Radio Del FM dengan mengikuti prosedur pelaksanaan Heuristic Evaluation.
  2. Tuliskan hasil inspeksi Anda pada akun Medium. Catatan: KRITIK DITULISKAN DALAM KALIMAT POSITIF.

Tahap 3: Redesign Aplikasi Radio Del FM

  1. Lakukan redesign User Interface (UI) aplikasi Radio Del FM sesuai dengan hasil evaluasi pada tahap 2. Redesign ini juga mengacu pada hasil eksplorasi aplikasi dan artikel pada Tahap 1.
  2. Redesign dilakukan terhadap halaman-halaman aplikasi Radio Del FM, dengan memperhatikan konsep-konsep perancangan UI (Prototyping, Layout, Graphic Design, Typography, Color), konsep Usability (Learnability, Efficiency, Safety).
  3. Rancangan UI dibangun pada aplikasi Adobe XD atau aplikasi sejenis.
  4. Rancangan UI dibangun dengan mengacu pada satu dokumen User Interface Style Guide.

PELAPORAN DAN OUTPUT

  1. Laporan dituliskan dalam akun Medium. Laporan ini bisa dipecah dalam beberapa artikel dengan tautan/ link yang jelas.
  2. Format pelaporan adalah:
    • Judul (yang relevan dengan isi dan juga menarik perhatian untuk mengundang pembaca)
    • Daftar Isi
    • Isi yang dibagi menjadi tiga bagian besar yaitu: eksplorasi, evaluasi dan redesign. Setiap bagian isi dapat dipecah lagi menjadi subtopik dengan format Heading yang berjenjang.
    • Penjelasan dituliskan dalam bentuk narasi yang terstruktur, satu pokok bahasan tiap paragraf, penjelasan dapat dipahami dengan mudah oleh pembaca.
  3. Format penulisan:
    • Gunakan fitur heading, pembuatan garis pembatas, bullet, numbering.
    • Batasi setiap bagian topik dan subtopik dengan garis pembatas.
    • Berikan caption dalam bentuk kalimat untuk setiap gambar.
    • Atur ukuran setiap gambar agar tidak terlalu besar atau terlalu kecil, dapat dibaca dengan jelas.
    • Setiap gambar atau tabel harus diacu/disebut namanya dan diberi penjelasan. Gambar milik orang lain harus diacu link-nya pada caption (Caption dibuat menjadi hyperlink).
    • Tuliskan setiap referensi pada bagian akhir artikel mengikuti format penulisan referensi baku untuk buku, paper, artikel dari internet.
  4. Output dari tugas ini berupa beberapa artikel medium. Hasil redesign UI tiap halaman dijabarkan dalam isi artikel, dan juga UI Style Guide yang telah disusun.

Feature Image: Photo by Anmol Arora on Unsplash



Visits: 799