Tabbing

Tab 1

Kuliah

Tab 2

Dota

Tab 3

Computer

Sabtu, 26 Juni 2010

Tugas IMK, Web Usability "boogieadvindo.com" Bagian 3

<<<...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.

Tugas IMK, Web Usability "boogieadvindo.com" Bagian 2

<<<<......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, demikian kajian panjang saya seputar Web Usability boogieadvindo.com

Tugas IMK, Web Usability "boogieadvindo.com" Bagian 1

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

Senin, 01 Maret 2010

Kriteria Penilaian Antarmuka Nokia N82

Kriteria penilaian antarmuka sebuah ponsel menurut saya :

1. Kepraktisan memakai fitur
Nokia N82 tergolong cukup praktis dalam penyediaan pemakaian fitur-fitur penting seperti layanan SMS dan kamera.

2. Posisi tombol-tombol
Penempatan tombol-tombol pada N82 sudah sangat bagus kecuali menu tombol shortcut ke semua galeri.

3. Ukuran dan berat
Ukuran dan berat N82 menurut saya kurang bagus, N82 tergolong cukup berat dan besar.

4. Desain bentuk dan warna
Mungkin buat sebagian orang hal ini tidak begitu penting, tapi untuk saya, hal ini termasuk hal yang penting terutama untuk kalangan anak muda yang mementingkan gaya. Desain dan warna N82 menurut saya tergolong bagus, efisien dan stylish.

5. Posisi output suara
Nokia N82 kurang bagus dalam hal penempatan speaker. Speaker bawah cenderung terhalangi oleh tangan pengguna sehinga suara yang keluar menjadi tidak maksimal.

Minggu, 21 Februari 2010

Melihat Antarmuka Ponsel Nokia N82

Tulisan ini saya buat untuk Pak Firman tercinta, sebagai tugas mata kuliah Interaksi Manusia Komputer.
yah, anggap saja iseng-iseng berhadiah, siapa tau potensi saya menulis jadi muncul... :D

Ok, kita mulai saja, saya akan membahas antarmuka atau bahasa kerennya "interface" dari ponsel yang saat ini sedang saya gunakan, yaitu Nokia N82.

ini spesifikasi umumnya :
Panjang x Lebar x Ketebalan = 112 x 50.2 x 17.3 mm
Berat 114 g
Suara polyphonic, monophonic, MP3 ringtones
Speaker stereo + 3.5 mm audio jack
Memori internal 100 MB storage, 128 MB RAM
Memory eksternal MicroSD up to 16GB
Support 2G, 3G, GPRS, EDGE, WLAN (WiFi, klo di kampus ada hotspot, bisa internetan gratis), Bluetooth, USB
Kamera 5 MP, 2592 x 1944 pixels, Carl Zeiss optics, autofocus, xenon flash
Baterai Li-Ion 1050 mAh (BP-6MT)

de el el....
Menurut saya, tolak ukur seorang mahasiswa dalam memilih sebuah ponsel cukup berdasarkan keterangan di atas.... ^^
kalau mau detilnya, bisa dilihat di sini

Dapat kita lihat N82 merupakan ponsel yang cukup canggih, bahkan saya sendiri sebagai pemilik masih kebingungan dengan beberapa fungsi ponsel ini, akibatnya banyak fitur-fitur yang tidak saya pakai... :x

Bagaimana dengan penampakannya?? ini hasil jepretan dari kamera IPK nyaris 4... :p

Tampak depan


Di sini saya tidak akan membahas tentang kualitas suara ataupun performa kamera N82 yang luar biasa, tapi kali ini kita akan melihat antarmuka dari sisi pengguna.

Mohon sebelumya kesampingkan "penampilan" ponsel saya yang sudah banyak goresan dan keypad dengan tulisan arab, awalnya saya beli sih masih mulus, maklum, kuliah di IPB/Bogor Agricultural University sangat keras sehingga membuat ponsel saya menjadi seperti di atas. :p

Secara umum, tampilan N82 cukup besar dan berat, namun hal tersebut bisa dimaklumi mengingat fitur ponsel ini yang se-abreg.

Kita mulai dari layarnya, bisa kita lihat layar N82 memenuhi ± 65% dari total tampilan depan, cukup lebar saya rasa, kita bisa puas dalam membaca sms dan nonton video. Namun, kepuasan itu datang dengan harga, sebagai konsekuensi layar yang cukup lebar tersebut, keypad N82 tergolong sangat kecil, sehingga akan cukup menyusahkan pengguna yang belum terbiasa, terutama pengguna yang memiliki ukuran jempol di atas rata-rata. @_@

Posisi tombol shortcut ke semua galeri juga cukup mengganggu awalnya, posisinya yg berdekatan dengan keypad dan ukuran keypad yang kecil, acapkali membuat saya yang sedang asyik sms tanpa sengaja menekan tombol shortcut tersebut.

Sementara untuk tombol navigasi, menu utama, delete, dsb (standar ponsel Nokia) saya rasa sudah penempatannya, penguna ponsel Nokia pasti langsung familiar dengan paketan tombol tsb.
Tampak Belakang


Dari depan kita beralih ke belakang... ^^

Disinilah lokasi kamera utama N82 yang luar biasa itu, kita bisa lihat slider yang berfungsi untuk membuka dan menutup kamera, perlu kita ketahui bahwa kamera N82 baru bisa aktif jika dan hanya jika slider tersebut digeser sehingga kamera terbuka sempurna.

Saya rasa sangat praktis dan bagus sekali untuk proteksi kamera. Bayangkan saat kita sedang di jalan dan tiba-tiba ada objek menarik untuk di foto, tidak perlu kita buka kunci, masuk menu, lalu aktifkan kamera, cukup dengan menggeser slider dan kamera kita akan langsung aktif, sekalipun saat itu ponsel kita dalam keadaan terkunci. Selesai jeprat-jepret, tinggal geser lagi slidernya dan ponsel kita akan kembali ke keadaan terkunci, langsung masuk kantong lagi deh, praktis kan? :p

Bagaimana jika kita menonaktifkan kamera tanpa menggeser slider? Artinya posisi pelindung kamera dalam keadaan terbuka sedangkan kamera kita tidak aktif. Ya, di sini lah masalahnya, awalnya saya sering lupa untuk menutup slider selesai memfoto, alhasil ponsel saya masuk ke kantong dalam keadaan kamera yang terbuka. Cukup berbahaya bagi kesehatan kamera, Alhamdulillah, sampai sekarang kamera saya masih sangat bagus. :P

Sayang sekali Fitur N82 tidak mendukung pemberian pesan untuk mengingatkan pengguna bahwa lensa dalam keadaan terbuka sedangkan kamera tidak aktif.

Tampak Samping
















Sekarang kita lihat sisi kiri, di sini saya rasa sudah apik dalam penempatan, hanya saja awalnya saya kebingungan untuk memasukkan memori eksternal ke ponsel ini karena saya bingung membukanya. @_@

Setelah saya lakukan sedikit investigasi, ternyata membukanya dengan cara dicungkil, perlu sedikit usaha untuk membuka slot memori eksternal ini, terutama pengguna yang kuku jarinya sangat pendek.

Sisi kanan juga dirasa apik, tombol kamera, pengatur volume dan shortcut ke galeri foto sudah pas. Bagaimana dengan kedua buah speakernya? N82 memiliki dua buah speaker, dan keduanya berada di sisi kanan. Speaker atas tidak ada masalah, tetapi speaker bawah menurut saya kurang pas. Bayangkan jika kita ingin mendengarkan lagu sementara ponsel dalam keadaan saya genggam, otomatis speaker bawah akan terhalangi oleh tangan pengguna sehinga suara yang keluar menjadi tidak maksimal.

Nah, sekian saja review dari saya, semoga bermanfaat dan IMK dapat "A".

Feel free to comment...