Pada kesempatan kali ini kita akan membahas Aesthetic and Minimalist Design pada website kpu.go.id. Menurut JAKOB NIELSEN pada situs webnya mengenai, Aesthetic and Minimalist Design
Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.Artinya keindahan konten yang ada pada website harus relevan dan tidak terlalu rumit, melakukan desain yang minimalis namun tidak menghilangkan makna penting dari desain secara keseluruhan.
Desain yang sederhana menjadi nilai tambah dalam sebuah aplikasi.
Selanjutnya mari kita bahas mengenai Aesthetic and Minimalist Design pada website kpu.go.id
Setelah membaca mengenai Aesthetic and Minimalist Design dan melihat tampilan website KPU apa yang anda pikirkan mengenai tampilan utama pada website ini?
1. Pemasangan banner yang tidak serasi
Perhatikan banner yang terdapat dalam gambar diatas. kedua banner tersebut yang dipasang secara sejajaran horizontal pada website KPU warnanya tidak sama sehingga menyebabkan tabrakan warna dan mengurangi unsur keindahan dari website tersebut.
Rekomendasi Perbaikan:
Walaupun penggunaan banner bisa dijadikan tempat menyimpannya slogan-slogan KPU, akan lebih indah jika banner dipasang satu persatu. Misalnya banner satu disimpan diatas dan banner kedua disimpan pada tempat yang berbeda. Jika ingin memasang kedua banner dalam satu tempat gunakan timer atau side bergantian dengan gambar yang lain, misalnya setiap banner akan berganti setiap tiga detik.
2. Teks berjalan pada website KPU seperti yang terlihat pada gambar dibawah ini
Jika anda telah membuka website KPU akan muncul teks berjalan yang berposisi disebelah kanan atas. Teks berjalan ini menggunakan teks berwarna hitam, background berwarna putih, dan berada pada banner yang berwarna orange sehingga terjadi tabrakan warna.
Rekomendasi Perbaikan:
Agar terlihat rapi dan tidak terjadi tabrakan berikan warna putih pada teks berjalan, dan jangan berikan warna pada background teks. Akan lebih bagus jika background teks transparan atau bisa mengikuti warna konten di belakangnya. Perpaduan warna putih pada teks dan warna orange yang ada pada banner akan terlihat bagus.
3. Menu yang terdapat pada website KPU, dapat dilihat pada gambar dibawah ini
Apa yang anda bayangkan ketika melihat menu yang bnyak pada suatu website?
Pada website KPU juga terdapat banyak menu dan peletakan menunya tidak beraturan sehingga akan membuat tampilan website berantakan.
Rekomendasi Perbaikan:
Gunakan metode pengelompokan dari setiap menu yang berhubungan. Tampilkan menu-menu tersebut dengan konten dropdown agar dapat menampung banyak menu.
 |
| Tampilan Utama website KPU |
1. Pemasangan banner yang tidak serasi
 |
| Banner yang terdapat pada header website KPU |
Perhatikan banner yang terdapat dalam gambar diatas. kedua banner tersebut yang dipasang secara sejajaran horizontal pada website KPU warnanya tidak sama sehingga menyebabkan tabrakan warna dan mengurangi unsur keindahan dari website tersebut.
Rekomendasi Perbaikan:
Walaupun penggunaan banner bisa dijadikan tempat menyimpannya slogan-slogan KPU, akan lebih indah jika banner dipasang satu persatu. Misalnya banner satu disimpan diatas dan banner kedua disimpan pada tempat yang berbeda. Jika ingin memasang kedua banner dalam satu tempat gunakan timer atau side bergantian dengan gambar yang lain, misalnya setiap banner akan berganti setiap tiga detik.
2. Teks berjalan pada website KPU seperti yang terlihat pada gambar dibawah ini
 |
| Teks berjalana pada Banner website KPU |
Rekomendasi Perbaikan:
Agar terlihat rapi dan tidak terjadi tabrakan berikan warna putih pada teks berjalan, dan jangan berikan warna pada background teks. Akan lebih bagus jika background teks transparan atau bisa mengikuti warna konten di belakangnya. Perpaduan warna putih pada teks dan warna orange yang ada pada banner akan terlihat bagus.
3. Menu yang terdapat pada website KPU, dapat dilihat pada gambar dibawah ini
 |
| Menu header pada website KPU |
Pada website KPU juga terdapat banyak menu dan peletakan menunya tidak beraturan sehingga akan membuat tampilan website berantakan.
Rekomendasi Perbaikan:
Gunakan metode pengelompokan dari setiap menu yang berhubungan. Tampilkan menu-menu tersebut dengan konten dropdown agar dapat menampung banyak menu.
Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
0 : Saya tidak setuju, tidak menjadi masalah
1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
2 : Permasalahan Minor, prioritas rendah (low priority)
3 : Permasalahan Mayor, prioritas tinggi (high priority)
0 : Saya tidak setuju, tidak menjadi masalah
1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
2 : Permasalahan Minor, prioritas rendah (low priority)
3 : Permasalahan Mayor, prioritas tinggi (high priority)
4 : Penting untuk diperbaiki sebelum product di release
Pada prisip Aesthetic and Minimalist Design - kpu.go.id saya memberikan
Severity Rating:
Severity Rating:
4 = Usability catastrophe: sangat penting untuk diperbaiki sebelum aplikasi ini dirilis
Sumber :
http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/
http://www.kpu.go.id/
Sign up here with your email
3 comments
Write commentsIni website pemilu apa iklan baris ya bang masya allah headernya aja ada 2 gitu bang T-T
ReplyWarna banner nya kontras banget samma bodynya udah gitu ada tulisan berjalan yang bikin sakit mata. Kurang enak dilihat aja ini design nya
ReplyHalaman terlalu penuh pada bagian atas sehingga membuat pengguna tidak nyaman melihat tampilan design webnya seharusnya diatur kembali tata letaknya agar lebih enak dilihat dan informatif..
ReplyConversionConversion EmoticonEmoticon