独家优惠奖金 100% 高达 1 BTC + 180 免费旋转

Analysing UI of Del FM

Berikut adalah daftar yang akan dibahas dalam artikel ini:

PENGANTAR

ANALISIS DEL FM

REDESIGN DEL FM

REFERENSI

Berangkat dari cita-cita mulia ingin mengembangkan toba samosir, PT. Del Citra Mandiri dengan sebutan udara radio DEL FM hadir di Sitoluama, Laguboti, Sumatera Utara sebagai sumber informasi dengan nuansa kekinian untuk kalangan anak muda tobasa dengan menyajikan konten edukasi yang kreatif.
Dengan tagline ‘connecting you to Toba’ , radio DEL FM mengemas potensi tobasa baik dibidang pariwisata, sosial dan budaya menjadi konten yang menarik untuk dipublikasikan lewat on air, online dan on ground.
Radio DEL FM resmi launching pada 28 september 2018 dengan konsep program edutainment (education & entertainment) dengan komposisi lagu yang diputar:

Deskripsi Masalah: Fitur news dan Event dalam penggunaan whitespace antara berita/informasi yang satu dengan yang lain memiliki ukuran yang kecil. (Aesthetic and Minimalis Design)

Severity Scale: Major (perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggunakan whitespace yang lebih besar agak tampilannya tidak terlalu padat

Deskripsi Masalah: Pada gambar 2 dapat kita lihat bahwa fitur search tidak menyediakan recent search dan autocomplete yang memudahkan user dalam melakukan pencarian informasi baik itu news ataupun event.(Recognize Rather than Recall)

Severity Scale: Major (perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggunakan autocomplete dan recent search pada bagian search sehingga user lebih mudah menemukan dan efisien dalam menemukannews ataupun event yang dicari.

3. Deskripsi Masalah: Pada gambar 2 merupakan tampilan dari Live Streaming yang terdapat dalam aplikasi Radio DelFM dimana masih menyangkut penggunaan warna, menurut saya warna yang digunakan kurang harmonisasi, sehingga perpaduan antar warna biru dengan merah kurang cocok. (Aesthetic and Minimalis Design)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi :Sebaiknya dalam pemilihan warna dapat menggunakan Harmonisasi warna dimana terdapat 7 skema warna utama yang memungkinkan agar mampu mencapai harmonisasi dalam desain, sehingga tampilannya menjadi lebih menarik, atau dapat menggunakan animasi yang lain.

Deskripsi Masalah: Dari gambar 3 merupakan penggunaan Whitespace, tetapi ada bagian yang membuat tampilan tersebut yang kurang rapi yaitu pada bagian space antar Program dan jenis program yang ada dibawahnya terlalu besar, yang dapat membuat user terlalu lama menemukan informasi yang dibutuhkan. (Aesthetic and Minimalis Design)

Severity Scale: Minor (perlu diperbaiki dengan prioritas Rendah)

Rekomendasi: Sebaiknya menggurangi ukuran space antara Judul menu dengan jenis-jenis program, sehingga tampilannya menjadi lebih menarik.

Deskripsi Masalah: Pada gambar 4 dapat kita lihat bahwa ukuran footer yang terlalu besar, yang memakan ruang dari aplikasi tersebut . (Aesthethic and Minimalist Design) dan pemakaian footer hanya pada halaman program yang menyebabkan ketidak konsitenan (Consistency and Standard)

Severity Scale: Minor(perlu diperbaiki dengan prioritas rendah)

Rekomendasi: Sebaiknya menggunakan ukuran footer yang lebih kecil agar tampilan dari fitur tersebut lebih menarik dan tidak menggunakan ruang yang terlalu banyak dan jika ingin menggunakan footer sebaiknya digunakan pada semua fitur atau hanya menggunakan pada bagian sidebar saja.

Deskripsi Masalah:Pada gambar 5 terdapat perpaduan warna yang tidak harmonis, yaitu pada bagian judul program. Dimana pada judul program menggunakan backgorund berwarna merah, dengan tulisan ‘IN DEL MORNING’ berwarna abu-abu yang sedikit cerah dan penggunan size font yang kecil. Dengan penggunaan tersebut user tidak dapat melihat dengan jelas judul program tersebut.

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggunakan warna yang lebih terang dengan menggunakan size yang lebih besar, agar user tidak merasa kesulitan dalam membaca judul dari program tersebut atau menempatkan judul program pada bagian taskbar.

Deskripsi Masalah: Terdapat juga penggunaan aligment yang tidak konsisten, karena pada nomor 2 menggunakan alignment center dan pada nomor 1 menggunakan alignment left sehingga menyebabkan tidak seimbang dan simetry bentuk dari penulisan informasi tersebut. (Consistency and Standard)

Severity Scale: Minor(perlu diperbaiki dengan prioritas rendah)

Rekomendasi: Sebaiknya menggunakan alignment yang sama dalam satu halaman tersebut agar memiliki tampilan yang rapi dan menarik , serta tidak terjadi ketidakseimbangan dan tidak simetry dalam penulisan.

Deskripsi Masalah: Tampilan topic of the day dimana berisikan suatu tampilan untul log-in dengan background kolom topik. Dari segi tampilan, tampilan topic of the day kurang menarik karna penggunaan background yang kurang tepat dan pada form log-in yaitu pada text box pada gambar 6, tidak dijelaskan apa yang harus diketik oleh user sehingga dapat membingungkan user dalam menggunakannya. (Visibility of System Status)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menuliskan pada text box apa yang akan diisi oleh user sehingga user tidak kebingungan dan mengurangi masalah human error/kesalahan dalam penggunaan aplikasi tersebut

Deskripsi Masalah: Tanda panah yang terletak pada button log-in pada gambar 6 tidak memiliki fungsi yang terlalu penting dan sebaiknya kolom topik ditampilkan pada saat user telah log-in kedalam aplikasi tersebut.(Aesthethic and Minimalist Design)

Severity Scale: Minor(perlu diperbaiki dengan prioritas rendah)

Rekomendasi: sebaiknya tanda panah yang berada pada button log-in dihapus saja.

Deskripsi Masalah: Terdapat juga 3 menu pada satu halaman dan memiliki fungsi dan fitur yang sama sehingga membuat user bingung,(Consistency and Standard)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggunakan satu fitur menu saja dan icon menu (Hamburger menu)pada bagian topic of the day diganti dengan icon setting dikarenakan icon humberger menu pada topic of the day terdapat 2 dan memiliki fungsi yang sama

Deskripsi Masalah: Pada halaman ini tidak ada icon untuk undo ataupun close sehingga jika user ingin kembali ke halaman sebelumnya ketika membuka menu maka harus menekan menu nya kembali.(User Control dan Freedom).

Severity Scale: Minor(perlu diperbaiki dengan prioritas rendah)

Rekomendasi: sebaiknya menggunakan icon undo ataupun close agar user tidak perlu kembali kehalaman utama ketika ingin melakukan close terhadap suatu tampilan/program ataupun harus menekan button menu sekali lagi

Deskripsi Masalah:Pada form ‘Sign in as Guest’ pada gambar 7 terdapat ketidak konsistenan pada bagian button log-in dikarena kan judul dari form adalah ‘Sign in’ sedangkan button yang digunakan adalaah log-in. Log-in dan Sign in memiliki arti ataupun makna yang sama.(Consistency and Standard).

Severity scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggunakan salah satu, jika sudah menggunakan login maka sign in tidak perlu digunakan kembali karena dalam satu halaman tidak dibenarkan penggunaan log in dan sign in secara bersamaan.

Deskripsi Masalah: Pada saat memilih button ‘Log-in or Sign-up now!’ akan memunculkan 3 pilihan, dan saat memilih menu dan memilih Log-in or Sign up akan memunculkan 4 pilihan salah satunya ‘Sign in as Guest’. Dengan menggunakan tampilan seperti itu akan membuat penggunaan fungsi log in yang terlalu banyak karena saat user membuka Topic of the day, user sudah di sungguhkan tampilan ‘Sign in as Guest’ begitu juga dengan button Login with, Login with facebook dan log in-with email.(Flexibility and Efficiency)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggabungkan semua proses log in kedalam satu form sehingga proses untuk melakuakn log in tidak terlalu banyak agar lebih efisien.

Deskripsi Masalah: Pada tampilan pengisian yang berada pada bagian sebelah kiri pada gambar 8 menggunakan ‘Lost your password’ sedangkan pada bagian sebelah kanan menggunakan ‘Forgot Password’ sehingga terdapat suatu ketidak konsistenan pada fitur tersebut. (Consistency and Standard)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggunakan kalimat yang sama sehingga tidak menyebabkan user menjadi kebingung karena ‘Lost yout password’ dan ‘Forgot Password’ memiliki fungsi yang sama tetapi penulisan yang berbeda.

Deskripsi Masalah:. Pada gambar 8 bagian sebelah kanan, terdapat ‘New User? Register Now!’ yang ditulis tidak sejajar dimana user akan merasa bahwa New User dengan Register Now merupakan penulisan yang memiliki fungsi yang berbeda, tetapi pada kenyataanya sama.(Aesthetic and Minimalist Design)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya fitur dari ‘New User? Register Now!’ dituliskan dengan sejajar sehingga user tidak kebingungan.

Deskripsi Masalah:terdapat penggunaan space yang kurang tepat antara tulisan ‘Podcast’ dengan dropdown list, sehingga tampilan nya kurang menarik atau tampilannya menjadi tidak simetry dan balance.(Aesthetic and Minimalist Design)

Severity Scale: Minor (perlu diperbaiki dengan prioritas Rendah)

Rekomendasi: Sebaiknya mengurangi ukuran space antara taskbar dengan jenis-jenis podcast, sehingga tampilannya menjadi lebih menarik.

Deskripsi Masalah: Dan pada bagian dropdown list hanya terdapat satu (1) list saja, sebaiknya jika hanya terdapat satu jenis list lebih baik tidak menggunakan dropdown list, agar penggunaanya tidak berlebihan.(Flexibility and efficiency of use)

Severity Scale: Minor (perlu diperbaiki dengan prioritas Rendah)

Rekomendasi: Sebaiknya dropdown list tidak digunakan apabila hanya memiliki satu pilihan saja.

Deskripsi Masalah: Pada gambar 11 diatas terdapat kata ‘Crew’ sedangkan judul untuk halaman ini seharusnya ‘About’ dan pada bagian halaman terdapar 2 kata crew ini menyebabkan kata tersebut menjadi berlebihan. Ukuran yang digunakan untuk tag line connecting you to Tobasa terlalu besar dan memakan ruang.(Aesthetic and Minimalist Design)

Severity Scale: Minor (perlu diperbaiki dengan prioritas Rendah)

Rekomendasi: Sebaiknnya kata crew digunakan hanya di salah satu sisi saja. Jika kata ‘crew’ sudah terdapat pada bagian judul sebaiknya tidak digunakan kembali dibagian bawah dan memperkecil ukuran dari tagline tersebut

Deskripsi Masalah:Penggunaan warna pada bagian setting dan favorites yang terlalu cerah, dimana dapat menyebabkan ketidaknyamanan user dalam menggunakan aplikasi.

Begitu juga terhadap penggunaan warna tulisan yang digunakan. Warna yang digunakan terlau gelap sehingga tidak terciptanya perpaduan warna yang baik dan menarik. (Aesthectic and Minimalist Design)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menggunakan warna backgorund dan tulisan yang sesuai sehingga memberikan kenyamanan kepada user saat menggunakannya dan terciptanya keharmonisan dalam penggunaan warna.

Deskripsi Masalah:Terdapat penggunaan kata yang sangat mirip yaitu ‘Favorites’ dengan Favorite. Dengan menggunakan kata yang sangat mirip akan membuat user kebingungan mana menu untuk menyukai mana menu untuk melihat daftar yang. sudah disukai.(Flexibility and Efficieny)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: sebaiknya fungsi ‘Favorite’ diubah menjadi icon berbentuk love dan fitur favorites sebaiknya berada pada sidebar

20. Deskripsi Masalah:Kedua gambar tersebut memiliki icon menu yang sama, tetapi dengan urutan yang berbeda dan adanya side bar yang tidak lengkap pada gambar sebelah kanan. (Aesthetic and Minimalist Design)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya menu bar yang digunakan cukup hanya 1 agar user tidak merasa bingung karena seolah-olah terdapat 2 sidebar.

9. Tampilan Podcast yang sedang dibuka

Deskripsi Masalah:Penggunaan ukuran gambar yang terlalu besar sehingga tampilan kelihat lebih padat dan ketika melihat podcast tersebut tidak secara keseluruhan. Penggunaan tags yang kurang menarik hanya menggunakan #(hashtag) sehingga terlihat lebih ramai dan kurang menarik(Aesthetic and Minimalist Design)

Severity Scale: Minor (perlu diperbaiki dengan prioritas Rendah)

Rekomendasi: Sebaiknya mengubah ukuran yang lebih sesuai dengan halaman podcast atau menggunakan ukuran gambar 16:9 dan mengubah bentuk tags dengan bentuk kotak per tags yang telah dibentuk.

Deskripsi Masalah: Pengguna fitur favorites yang kurang efisien dikarenakan terletak pada bagian akhir dari news.(Flexibility and Efficieny)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi: Sebaiknya fitur favorite digantikan dengan menggunakan icon love dan menempatkannya pada bagian task bar sehingga penggunaannya lebih efisien.

Deskripsi Masalah: Penggunaan text box yang kurang menarik (Aesthetic and Minimalist Design)dan tidak adanya penjelasan format dari penulisan tanggal lahir yang dapat membingunkan user.(Visibility of System Status)

Severity Scale: Major(perlu diperbaiki dengan prioritas tinggi)

Rekomendasi:Sebaiknya judul penggunaan text box berada dalam text box itu sendiri dan memberikan format tanggal lahir dengan menjelaskannya pada text box tersebut ataupun menggunaan fitur kalender pada bagian tanggal lahir.

Deskripsi Masalah:Dimana fitur share terletak dibagian menu yang berada diujung sebelah kanan setiap fitur baik itu news, DSH, dll.

Severity Scale:Minor (perlu diperbaiki dengan prioritas Rendah)

Rekomendasi: Sebaiknya mengganti kata ‘share’dengan icon share sehingga lebih efisien dalam menggunakannya.

REDESIGN UI DEL FM APP

Add a comment

What is your view?

Send

Related posts:

The Key to Your Dreams

Your dreams are yours, no one else can own it. No one can steal it without a key to your imaginations, the blueprints of your ideas, plans, and thoughts, etc. Follow the Medium Coronavirus Blog or…

For I did not yet know how to fight for my daughter and surrender her simultaneously.

I have so many memories of this journey I want to recall, and since it is fall, which I love, I will be here and remember those autumns where I had no opportunity to sit and reflect. There were…