Assalamualaikum Wr. Wb.

Pada postingan kali ini saya akan membahas antarmuka pada situs bursamp3.wapka.mobi yang merupakan salah satu situs penyedia link download file type mp3.

Pada halaman utama, saya dapat menilai tampilan website secara umum bahwasannya tidak ada tema yang diangkat pada situs tersebut sehingga tidak memberi suasana yang berkesan disisi penggunannya. Pemilihan warna background antar elemen layout website dirasa kurang tepat karena semua warna yang diambil bersifat gelap, akibatnya tidak ada bagian yang “di tonjolkan” untuk memberikan daya tarik penglihatan pada bagian yang dianggap paling penting untuk dilihat pertama kali saat halaman utama situs ini ditampilkan. Alangkah baiknya jika meletakan warna light setidaknya pada elemen navigation bar (navbar) website. Mengapa? Supaya penglihatan pengunjung langsung tertuju pada navbar dimana navbar merupakan tempat menu utama suatu website.

Keganjilan juga saya temui pada typography website tersebut. Pertama, pemilihan warna tulisan antar elemen layout website sama sekali tidak sinkron. Kedua, pemilihan typeface serta font juga dirasa sangat kurang tepat dimana sebagian besar ukuran tulisan disamaratakan,  jikalau ada perbedaan ukuran tak nampak begitu signifikan, sehingga lagi-lagi mengakibatkan tidak tersampaikannya informasi yang “ditonjolkan”. Alangkah baiknya jika memilih type tulisan yang light dan semiformal seperti Adobe Fan Heiti Std B, Calibri, dan Verdana, serta menghindari type tulisan formal layaknya Times New Roman dan tulisan latin Sogoe Script. Secara keseluruhan penggunaan bahasa pada website ini adalah bahasa Inggris yang mungkin menyulitkan pengunjung dengan pengetahuan bahasa inggris yang minim. Sekiranya cukup bahasan secara umum antarmuka situs bursamp3.wapka.mobi.

Selanjutnya saya akan membahas antarmuka per elemen layout website tersebut.

1. Header

Header situs ini sangat simpel namun sayangnya tidak menarik. Perpaduan warna logo dan background tidak cocok, pemilihan font logo juga kurang tepat dan ukurannya terlalu kecil. Sebaiknya pemilihan typeface tulisan dibuat lain dibanding typeface tulisan pada konten utama website. Tentunya dengan ukuran tulisan yang menyesuaikan lebar porsi header yang disediakan. Sementara untuk pemilihan warna sebaiknya menghindari gradasi dua warna yang mencolok satu sama lain (contoh: perpaduan kuning dan hitam).

2. Date and Time

Rasanya tidak perlu menampakkan date dan time jika stylenya hanya berupa tulisan, kalaupun menggunakan semacam widget calendar/clock yang ditampilkan pada bagian sisi rasanya tidak diperlukan untuk website penyedia link download mp3.

3. Login and Register Link 

Link login dan register tidak termargin secara jelas, ukuran tulisan juga terlalu kecil. Alangkah lebih baik jika login tak hanya sekedar link namun berupa form yang tersajikan baik dalam dropmenu maupun langsung pada navigasi bar atau sidebar website.

4. Menu Bar 

Secara fungsi, pada bagian “Cari Lagu” sebaiknya dihilangkan saja karena fungsinya kurang lebih sama dengan search form yang tersajikan pada halaman utama, sehingga menghemat aktivitas yang dilakukan oleh pengguna untuk fungsi pencarian lagu. Guestbook juga dirasa tidak perlu untuk situs penyedia link file mp3.

Secara design menu bar tidak tertata rapi, lebarnya terlalu kecil. Warna background menu bar tidak cocok dengan warna website yang dominan gelap. Tulisan dan lebar baris yang diporsikan terlalu kecil. Saya menyarankan dua baris menu bar yang terpisah dijadikan satu baris dan sewarna. Lebar baris juga perlu untuk diperbesar, demikian pula dengan ukuran tulisan  disesuaikan dengan lebarnya. Urutan pengurutan list menu juga turut diperhatikan menjelaskan tingkat kepentingan yang lebih tinggi (semakin kekiri semakin penting). Mungkin bisa menjadi solusi jika aktifitas yang hanya bisa dilakukan member diletakan paling kanan sementara menu A-Z Artist, Category, dan Request lagu diletakan paling kiri menu bar.

5. Search Form

Informasi pendukung “Insert Artist name or Song title” yang coba disampaikan menurut saya gagal, karena ukuran tulisan terlalu kecil. Alangkah baiknya jika informasi tersebut langsung disematkan pada field sebagai placeholder. Keberadaan radio button “Server 1” dan “Server 2” justru membuat bingung pengunjung atas perbedaan dan manfaat pengunjung jika memilih salah satu diantara keduanya. Sehingga saya menyarankan lebih baik dihilangkan.

Sementara secara design lagi-lagi kembali saya harus bilang bahwa form ini tidak menarik, field dan buttonnya yang tidak di round-bounded memberikan kesan “jadul” dan “kaku” mengingat sekarang banyak website yang telah menerapkan round-bounded pada setiap button dan fieldnya. Demikian pula dengan pemilihan warna button yang tidak nyambung dengan warna header atau warna bacground layout yang lain.

6. Konten utama (Link Download)

Secara fungsi sudah baik, informasi yang disajikan singkat. Jika kita menekan link download, pengunjung akan diarahkan menuju halaman yang berisi informasi lengkap file yang akan diunduh. Sehingga memberikan kesempatan kepada pengunjung untuk memastikan apakah file mp3 yang dipilih benar-benar file mp3 yang dicari oleh pengunjung atau tidak.

Sepertinya tidak ada perhatian khusus dari sang developer untuk memikirkan tampilan konten utama yang berisi judul lagu, ukuran lagu, jumlah unduhan, link download dan link ringtone. Antara satu file dengan file yang lain dipisahkan oleh satu baris sementara bisa terlihat bahwa hal ini mengakibatkan banyak ‘lahan’ yang tak terpakai. Saya menyarankan sebaiknya:

Merubah margin dari tengah menjadi kiri, memperbesar ukuran dan merubah warna tulisan pada judul lagu, size, hits, dan link, serta merubah typeface tulisan pada judul lagu, size, hits, dan link seperti yang disarankan pada paragraf awal. Namun khusus judul lagu harus diperlakukan paling berbeda baik dari segi ukuran (paling besar) dan warna (paling mencolok) dari ukuran dan warna tulisan pada size, hits, dan link. Hal ini supaya penglihatan pengunjung dapat langsung melihat informasi pokok dari konten utama ini yakni judul lagu.