Aestethic and
Minimalist Design
adalah setiap dialog yang ada seharusnya tidak berisi informasi yang tidak
relevan atau jarang digunakan. Setiap unit tambahan pada dialog bersaing dengan
unit-unit informasi yang relevan dan akan mengurangi tingkat visibilitasnya
terhadap yang lain.
Berikut ini beberapa kesalahan yang saya amati dari website
shopious.com berdasarkan prinsip Aestethic
and Minimalist Design.
1. Penggunaan whitespace
yang terlalu banyak
Pada website shopious.com, penggunaan whitespace sudah cukup
baik. Tidak terlalu rapat dan tidak terlalu renggang. Namun terdapat pemborosan
whitespace ketika pengguna memilih menu halaman. Hampir di semua halaman, terdapat
penggunaan whitespace yang terlalu banyak. Hal ini tidak baik bagi sebuah interface, karena whitespace tersebut
menjadi tidak berguna dan menghabiskan tempat. Selain itu, penggunaan whitespace
yang berlebihan membuat tampilan menjadi tidak bagus dilihat.
Gambar 1 Whitespace untuk setiap halaman yang terlalu
banyak
Solusi dari permasalahan diatas adalah sebaiknya penggunaan
whitespace yang berlebihan dapat dikurangi. Halaman yang kosong tersebut dapat
diisi dengan gambar yang berkaitan dengan halaman, sehingga halaman tidak
terlihat sepi dan monoton.
Dalam hal ini severity
rating adalah 1.
---------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------
2. Tata Letak yang tidak
sesuai
Pada website shopious.com, ketika pengguna membuka halaman
koleksi, terdapat tampilan dengan tata letak yang masih kurang baik. Pada
tampilan dari halaman koleksi tersebut, semua kategori pilihan terlihat saling
tergabung dan tidak ada pemisah yang jelas. Tata letak yang tidak sesuai tersebut
membuat tampilan menjadi tidak bagus dilihat dan membuat pengguna bingung.
Gambar 2 Tata letak yang tidak sesuai dan
membingungkan pengguna
Solusi dari permasalahan diatas adalah sebaiknya untuk setiap
pilihan dikelompokkan berdasarkan kategori masing-masing. Setiap kelompok untuk
masing-masing kategori dapat diberi box,
sehingga terdapat pemisah yang jelas. Hal ini dapat membuat tampilan lebih
bagus dilihat dan lebih memudahkan pengguna.
Dalam hal ini severity
rating adalah 2.
---------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------
3. Tata huruf dan tata
letak yang tidak sesuai
Pada website shopious.com, ketika pengguna membuka halaman deskripsi
barang, terdapat tampilan dengan tata huruf dan tata letak yang masih kurang
baik. Pada tampilan deskripsi barang, menggunakan tulisan yang di “bold”, hal ini dirasa kurang tepat.
Selain itu, semua tipe dari deskripsi barang saling tergabung dan tidak ada
pemisah yang jelas. Tata huruf dan tata letak yang tidak sesuai tersebut membuat
tampilan menjadi tidak bagus dilihat dan membuat pengguna bingung.
Gambar 3 Tata huruf dan tata letak yang tidak sesuai
Solusi dari permasalahan diatas adalah sebaiknya deskripsi barang
tidak dibuat dalam satu kalimat tetapi dikelompokkan berdasarkan tipe
deskripsi, sehingga tidak membingungkan pengguna. Selain itu, deskripsi barang
sebaiknya tidak menggunakan tulisan yang di “bold”. Hal ini dirasa dapat membuat tampilan menjadi lebih bagus
dan sesuai.
Dalam hal ini severity
rating adalah 1.
Sekian pembahasan saya mengenai Aestethic and Minimalist Design dari
website shopious.com. Terima kasih.
saya setuju dengan pernyataan 1 yaitu terlalu banyak whitespace, seharusnya whitespace tersebut diisi dengan gambar terkait website
BalasHapus