Sayed Bingung di Blog IPB

mencari dan memberi yang terbaik

Tugas IMK, Web Usability “boogieadvindo.com” Bagian 3

June26

<<<…Tulisan sebelumnya

Secara keseluruhan tulisan saya ini terbagi ke dalam 3 bagian, yaitu :
1. Pembukaan, Web Usability dan tentang boogieadvindo.com
2. Web Usability boogieadvindo.com
3. Kesimpulan dan penutup

Nah, sekarang kita kita masuk ke bagian ketiga

Kesimpulan dan penutup


Secara keseluruhan
, situs boogieadvindo.com kurang begitu memuaskan. Default tampilan untuk tiap-tiap sub main menu yang kurang pas sehingga menyebabkan ambiguitas. Namun, sebagai perusahaan yang berfokus pada penjualan produk, tampilan sub menu khusus produk atau boogie.co.id sangat bagus, menarik dan elegan.

Akhir kata dari saya, terima kasih sudah mengunjungi blog saya, moga apa yang saya tulis bermanfaat, jangan lupa komentar-komentar bermutu ya.

posted under Academic | No Comments »

Tugas IMK, Web Usability “boogieadvindo.com” Bagian 2

June26

<<<…Tulisan sebelumnya

Secara keseluruhan tulisan saya ini terbagi ke dalam 3 bagian, yaitu :
1. Pembukaan, Web Usability dan tentang boogieadvindo.com
2. Web Usability boogieadvindo.com
3. Kesimpulan dan penutup

OK, lanjut ke bagian kedua

Web Usability boogieadvindo.com


Awal mula kita mengakses boogieadvindo.com, kita akan melihat tampilan awal yang menurut saya sangat bagus, tampilan awalnya seperti ini :

Benar-benar simpel, menarik, elegan dan bebas ambiguitas. Pengguna dapat dengan mudah menentukan langkah selanjutnya.

Kemudian kita masuk, maka tampilannya secara keseluruhan akan menjadi seperti ini :

Ini adalah tampilan home dari boogieadvindo.com yang terdiri dari 7 sub main menu, yaitu :
1. Home
2. Profile
3. Kontak
4. Produk
5. Galeri
6. e-Brosur
7. Wali Pohon STT-KWC
Secara keseluruhan, tampilannya cukup bagus dari segi pemilihan warna dan font tulisan, header, tabbing dan posisi fasilitas search. Namun, kita akan merasa cukup kebingungan mencari apa yang kita mau, karena situs ini begitu padat konten dan panjang sehingga kita harus menscroll cukup banyak agar dapat melihat keseluruhan konten home.
Sekarang kita coba lanjut untuk melihat sub menu Profile, dan kita akan melihat tampilan di layar seperti ini :

Nah, di sini merupakan salah satu kekurangan terbesar situs ini, dapat kita lihat bahwa informasi yang kita inginkan, profil boogie, dimuat di bagian bawah. Pengguna tentu saja akan kebingungan mencari dan dapat menimbulkan ambiguitas berupa pertanyaan-pertanyaan seperti ini,
apakah halaman profil sudah saya klik? kok tampilannya mirip seperti sebelumnya? jangan-jangan ini masih home…

Selanjutnya sub menu kontak, tampilannya akan menjadi seperti ini :

Kesalahan yang sama seperti sebelumnya, untuk mendapatkan informasi yang kita inginkan kita harus menscroll dahulu ke bawah. Itupun kalau kita sadar bahwa informasi yang kita inginkan sebenarnya ada dibagian agak bawah? Kalau tidak? Bisa-bisa kita terus mengklik sub menu tersebut berkali-kali. Sungguh pemborosan waktu dan tenaga!

Kemudian kita masuk ke sub menu produk, dan hasilnya adalah terbuka sebuah tab baru di browser saya yang beralamatkan http://boogie.co.id/ dan memiliki tampilan yang sangat menarik, simpel dan elegan seperti ini :

Hmm… Menurut sebagian orang, ini akan menyebalkan, mengapa menu ini membuat kita berpindah tab? sehingga untuk kembali ke menu sebelumnya kita harus mengklik tab sebelumnya. Namun, bagi pengguna yang memiliki tujuan utama melihat/membeli produk-produk boogie, saya yakin sebagian besar pengguna pasti bertujuan seperti ini, tentu saja akan cukup terbantu dengan metode pemisahan seperti ini. Kita bisa lebih fokus dalam melihat/memilih produk.Yah, namanya juga situs e-commerce, wajar kalau bagian produknya di spesialisasikan.

kemudian coba kita lanjut di sub menu produk pada boogie.co.id, tampilannya akan menjadi seperti ini :

Dapat kita lihat, warna background situs ini hitam, sangat berbeda dengan tampilan pada boogieadvindo.com yang warna backgroundnya putih. Format tampilannya pun sangat berbeda. Secara eksplisit, pengguna dapat langsung membedakan apakah sedang mengakses boogieadvindo.com ataukah boogie.co.id.
Desain sub menu produk ini sangat baik, situs ini membagi semua produknya ke dalam beberapa kategori. Pada baian tengah, tiap-tiap kategori diberikan ikon/gambar kecil beserta namanya yang ditautkan ke halaman kategori produk tersebut. Kemudian di bagian samping kanan ada daftar kategori produk yang ditautkan ke halamannya masing-masing.Sub menu yang sedang diakses juga diberi warna berbeda dari sub menu yang lain, desain seperti ini sangat apik dan jelas, sehingga pengguna akan tertarik untuk melihat situs lebih jauh dan akan langsung sadar posisi dia di dimana saat itu.

Nah, masih di sub menu produk, kita coba lanjut akses ke salah satu kategori produknya, di sini saya mencontohkan kategori Sandals, maka akan tampil halaman seperti ini :

Tiap-tiap jenis sandal diberi label harga dan ikon yang jika diklik akan membuat kita masuk ke halaman detil produk tsb yang membuat kita dapat melihat gambar sandal yang kita inginkan dalam ukuran lebih besar.
Nah, kembali ke boogieadvindo.com. sekarang kita coba masuk ke sub menu galeri, tampilannya akan seperti ini :

Tidak banyak yang bisa saya komentari di sini selain seperti sebelumnya, kita nyaris tidak bisa melihat menu yang kita inginkan, galery, karena posisinya yang tidak menonjol.

Sekarang lanjut ke sub menu e-Brosur, tampilannya akan seperti ini :

Lagi-lagi menu yang kita inginkan nyaris tidak kelihatan. Namun, terlepas dari hal tsb, tampilan menu e-Brosur ini sangat simple dan langsung pada sasaran. Pengguna dapat langsung mengunduh brosur-brosur yang diinginkan.

Terakhir, kita masuk ke sub menu Wali Pohon STT-KWC, tampilannya akan seperti ini :

Wala… Masih sama nih kesalahannya dengan sebelumnya, menu yang kita inginkan nyaris tak terlihat mata.

Nah, demikianlah kajian panjang saya seputar Web Usability boogieadvindo.com

Tulisan Selanjutnya…>>>

posted under Academic | No Comments »

Tugas IMK, Web Usability “boogieadvindo.com” Bagian 1

June26

Dear all readers,

Pada kesempatan kali ini saya hendak mengulas situs “http://www.boogieadvindo.com/” dari sisi Web Usability

Secara keseluruhan tulisan saya ini terbagi ke dalam 3 bagian, yaitu :
1. Pembukaan, Web Usability dan tentang boogieadvindo.com
2. Web Usability boogieadvindo.com
3. Kesimpulan, saran, dan penutup

Baiklah, mari kita mulai bagian pertama

Pembukaan, Web Usability dan tentang boogieadvindo.com

Pertanyaan yang mendasar, apa sih Web Usability?

Web Usability adalah suatu pendekatan dalam pembuatan sebuah situs di internet yang memungkinkan pengguna untuk dapat menggunakan situs dengan mudah, tanpa mengharuskan pengguna memiliki latihan/keahlian khusus. Pengguna harus dapat menghubungkan tindakan-tindakan yang dia butuhkan dalam menggunakan situs secara naluriah. Sasaran umum Web Usability adalah :

1. Menyediakan informasi kepada pengguna secara ringkas dan jelas
2. Memberikan pilihan yang tepat kepada penguna secara jelas
3. Menghilangkan segala ambiguitas terkait kekonsistenan sebuah tindakan, contoh mengklik dalam penghapusan/pembelian dst
4. Menaruh hal-hal yang paling penting di tempat yang tepat dalam sebuah halaman web

Sudah ada gambaran? Bagus…

Pertanyaan selanjutnya, boogieadvindo.com?

Boogieadvindo.com adalah website dari perusahaan PT.Boogie Advindo yang merupakan salah satu produsen peralatan petualangan dan olahraga alam bebas yang terbesar di Indonesia yang telah berpengalaman memproduksi peralatan petualangan dan olahraga alam bebas lebih dari 14 tahun.

Saya sebagai pecinta dan penikmat sensasi alam liar atau lebih dikenal dengan nama pecinta alam, sangat familiar dengan produk-produk PT. Boogie Advindo atau yang lebih dikenal dengan merek dagang “boogie”. Saya termasuk pengguna boogie, bahkan saya mempercayakan kaki saya yang mulus dan lincah ini kepada boogie, saya memakai sandal gunung boogie tipe “Kayoa” dalam pendakian Gunung Gede bersama Sylvalestari 1 bulan lalu.

Sekian dulu pendahuluannya, penasaran dengan situs tersebut, silahkan kunjungi boogieadvindo.com

Tulisan Selanjutnya…. >>>

posted under Academic | No Comments »