Minggu, 07 Juni 2015

Aestethic and Minimalist Design – shopious.com

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.

1 komentar:

  1. saya setuju dengan pernyataan 1 yaitu terlalu banyak whitespace, seharusnya whitespace tersebut diisi dengan gambar terkait website

    BalasHapus