Wednesday, June 11, 2014

Visibility of System Status - bolahandmade.com

Pada visibility of system status, suatu sistem harus dapat memperlihatkan proses apa yang sedang terjadi apabila pengguna melakukan aksi terhadap tombol di website yang dikunjungi. Sebagai contohnya pada proses loading harus memperlihatkan progress bar sehingga user dapat memperkirakan selesainya proses yang dilakukan.

1. Tidak terdapat progres bar.
Pada website bolahandmade.com tidak terdapat progress bar ketika sesudah mengirimkan pesan kepada pemilik website. Jadi pengguna tidak dapat memperkirakan selesainya proses pengiriman tersebut.
Tampilan ketika klik tombol submit namun tidak terdapat progress bar
Tampilan ketika proses pengiriman pesan telah selesai

Saran: Tampilkan progress bar agar pengguna dapat memperkirakan waktu menunggu.
Severe Ratings = 3

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.


User Control and Freedom - bolahandmade.com

Untuk membuat website yang baik sebaiknya mempertimbangkan kebiasaan user dalam menggunakan website. User biasanya sering melakukan kesalahan saat memilih suatu fungsi. Untuk itu website harus dilengkapi dengan fungsi untuk membatalkan suatu aksi.

1. Terdapat sub menu dari kategori bola yang dijual.
Pada website bolahandmade.com pengguna tidak perlu mengkhawatirkan kesalahan saat memilih menu, seperti ketika pengguna sedang melihat detail dari salah satu kategori bola yang terdapat di menu site map, dan untuk kembali atau memilih kategori yang lain si pengguna dapat memilih kategori yang terdapat pada sub-menu yang berada di sebelah kiri.


Saran: -
Severe Ratings = 0

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Aesthetic and Minimalist Design - bolahandmade.com

Desain yang minimalis dapat membuat pengguna menjadi lebih fokus terhadap informasi yang diberikan oleh website tanpa harus bingung dengan informasi yang tidak relevan.


1. Tampilan halaman utama yang masih salah
Pada website bolahandmade.com terdapat beberapa desain yang membuat pengguna kurang fokus terhadap isi dari website tersebut. Tampilan testimoni yang seharusnya tidak perlu ditampilkan di halaman utama web bola ini, dan juga pada content sebelah kiri terdapat news yang berkaitan dengan sepak bola. Tetapi bagian terpenting dari website produksi bola hand made ini yaitu produk bola ditampilkan paling bawah dari web ini. Pengguna yang datang ke website ini pasti nya untuk memesan bola dan ingin mengetahui produk apa saja yang ada di bolahandmade.com. Seharusnya yang ditampilkan pada halaman utama adalah produk-produk yang telah diproduksi oleh bolahandmade.com bukan testimonial.

Testimonial seharusnya tidak ditampilkan paling atas

Hal terpenting dari website ini adalah produk bola namun ditampilkan dipaling bawah website

Saran: Tampilkan produk yang ditawarkan ke paling atas halaman beranda. Untuk testimoni mungkin tidak perlu ditampilkan, karena sudah terdapat menu testimoni. Utamakanlah produk yang akan dipasarkan.
Severe Ratings = 3

2. Penempatan button static yang tidak dinamis
Terdapat button follow twitter yang penempatan nya tidak menyesuaikan resolusi layar pengguna. Membuat button tersebut sesuai jika menggunakan resolusi tertentu saja
Saran: Buatlah desain website yang dapat menyesuaikan berdasarkan resolusi layar sipengguna.
Severe Ratings = 3

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Help Users Recognize, Diagnose, and Recover from Errors - bolahandmade.com

Help Users Recognize, Diagnose, and Recover from Errors “Bantu Pengguna untuk Mengenali, Mendiagnosa dan Mengatasi Masalah”. Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada. Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

1. Perlunya contoh pengisian pada form input.
Format pengisian form disetiap website berbeda-beda, maka dari itu diperlukannya contoh untuk pengisian form. Namun pada website ini Tidak terdapat keterangan pembantu pada pengisian form. Dengan adanya contoh dalam pengisian form dapat mempermudah pengguna untuk menginputkan form.
Misalkan nama diberikan contoh pengisian co: Alex, email diberi co: alex@email.com, telp diberi co: +621-8828382

Saran: Buatlah contoh pengisian pada form untuk mempermudah pengguna dalam peng-input-an.
Severe Ratings = 2

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Flexibility and efficiency of use - bolahandmade.com

Hal ini sangat berpengaruh kepada langkah pengguna untuk mencapai ke tujuan yang berada di website. Dengan sedikitnya langkah yang dilakukan oleh pengguna, menandakan website tersebut memudahkan pengguna untuk mencapai tujuannya dengan cepat. Alangkah baik nya jika suatu website tidak mempersulit pengguna untuk mencapai tujuan hingga harus melakukan beberapa langkah.

1. Perlunya button "back to top"
Pada menu "standar bola" berisikan kriteria standarisasi bola yang diproduksi dan isinya sangat banyak sehingga pengguna harus scroll hingga 4 kali scroll. Karena isi dari menu "standar bola" terlalu panjang, seharusnya terdapat tombol "back to top" untuk mempermudah pengguna kembali ke bagian atas website. Namun pada website ini tidak terdapat tombol "back to top" dan membuat pengguna harus scroll ke atas lagi.


Saran: Buatlah tombol "back to top" atau "kembali ke atas" untuk mempermudah pengguna kembali ke halaman paling atas.
Severe Ratings = 3

2. Diperlukannya sitemap footer
Sitemap footer sangatlah berguna bagi pengguna jika terlalu banyak scroll ke bawah dan untuk mengakses menu lain harus scroll ke atas, dengan jarak ke atas yang jauh maka dari itu dapat digunakan site map yang berada di footer. Namun tidak terdapat di website ini, tetapi berada di menu utama yang berada di atas yang berisi hanya site map kategori produk bola saja. Sitemap footer sangatlah penting ketika berada di menu yang penting dan mengharuskan pengguna scroll ke bawah terus menerus.

Saran: Buatlah sitemap footer disetiap footer halaman. Mempermudah pengguna pergi ke menu yang lainnya.
Severe Ratings = 3

3. Produk sudah dikategorikan
Terdapat kategori untuk produk-produk bola yang terdapat di website bolahandmade.com. Mempermudah pengguna untuk mencari produk bola yang ingin dicari.

Severe Ratings = 0

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.



Recognition rather than recall - bolahandmade.com

Recognition rather than recall merupakan penilaian bagaimana pengguna tidak harus mengingat-ingat informasi dari halaman sebelumnya untuk dapat  mengakses halaman selanjutnya. Minimalkan beban memori pengguna dengan membuat objek, tindakan, dan pilihan yang terlihat. Pengguna tidak perlu mengingat informasi dari satu bagian ke bagian yang lain.

1. Sulitnya membandingkan model bola
Sulit nya membandingkan model bola dengan model yang lainnya membuat pengguna harus mengingat-ingat informasi dan gambar nya. Untuk melihat bola lainnya pun harus klik tombol next atau prev (ukuran nya kecil dan berada di atas) atau back ke list bola menggunakan tombol back pada browser. Seharusnya ketika melihat satu bola, ditampilkan pula jenis bola yang lainnya, setidaknya pengguna tidak terlalu terbebani memori nya terlalu lama karena harus klik kategori bola dahulu lalu melihat bola yang lainnya. Selain itu letak deskripsi terlalu bawah yang belum tentu pengguna mengetahuinya sehingga pengguna mengira tidak ada deskripsi bola sama sekali. 


Saran: Tampilkan tipe-tipe bola lainnya untuk mempermudah pengguna membandingkan bola yang diinginkan dan tidak membuat pengguna terbebani memorinya. Kalau perlu dapat menampilkan dua bola yang berbeda untuk di bandingkan. Untuk bagian deskripsi produk, jangan dibuat terlalu jauh dari produk apalagi harus sampai scroll. tampilkan lah lebih dekat kalau perlu disamping dari produk tersebut.
Severe Ratings = 3



Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Consistency and standards – bolahandmade.com

Pada aspek ini lebih memperhatikan elemen-elemen yang terdapat di sistem (seperti penggunaan icon, penamaan menu, dan font) apakah elemen tersebut mudah dimengerti pengguna, konsisten atau terjadi ambiguitas yang menyebabkan pengguna sulit memahami maksud dari elemen tersebut.

1. Penggunaan icon tombol search yang kurang tepat
Penggunaan icon tombol search yang tidak jelas dan terlalu kecil, seharusnya tombol itu tidak terlalu kecil, untuk mempermudah pengguna untuk klik tmbol tersebut. Lalu icon yang digunakkan harus sesuai dengan aksi yang dilakukan,  bisa saja diganti dengan kata "cari/search" atau icon "lup (kaca pembesar)" dan kata search dapat dihilangkan karena dengan menggunakan tombol dengan icon "lup" sudah dapat dimengerti pengguna.


Saran: Buatlah icon search yang cocok dan mudah di akses(klik). Hapus kata Search karena dengan menggunakan icon search sudah dapat dimengerti pengguna. 
Severe Ratings = 3


Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Error Prevention - bolahandmade.com

Di aspek ini sistem website tidak hanya memberitahukan pesan eror kepada pengguna, tetapi mencegah pengguna untuk melakukan kesalahan yang akan dilakukan nantinya. Pada aspek ini sangat membantu pengguna dan juga pengelola website sehingga tidak harus banyak melakukan validasi ulang hasil input dari user secara manual.

1. Belum terdapat pencegahan eror pada form input Contact Us
Pada website bolahandmade.com masih terdapat kekurangan pada menu "Contact Us". Seperti terlihat di gambar bawah ini, input nama masih dapat diinputkan angka, tidak ada pencegahan eror dari validasi email, telp pun masih dapat input-kan huruf. Seharusnya pada bagian nama tidak dapat di-input-kan angka dan pada bagian telp tidak dapat di-input-kan huruf.

Saran: Buatlah pencegahan eror input untuk nama, email, dan telp. Untuk input nama jangan sampai dapat diinputkan angka, begitu juga dengan telp tidak dapat diinputkan huruf. Untuk pesan eror dapat ditampilkan langsung pada bagian sebelah kanan input yang eror dan diberitahukan contoh pengisian serta masalah eror nya.
Severe Ratings = 3

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Match Between System and Real World – bolahandmade.com

Pada poin ini, website sebaiknya menggunakan bahasa yang mudah dimengerti dan familiar untuk pengguna. Dengan menggunakan bahasa yang baik, pengguna akan lebih mudah menggunakan website yang dibuat.

1. Penamaan menu yang tidak konsisten
Bahasa yang digunakan pada penamaan menu dari website bolahandmade.com tidak konsisten. Suatu sistem aplikasi baiknya menggunakan satu bahasa untuk seluruh tampilan. Jika target user dari sistem ini seluruh dunia maka gunakan bahasa internasional atau dapat menggunakan pilihan bahasa untuk mempermudah user yang menggunakan.


Saran: Gunakanlah bahasa yang konsisten dan mudah dipahami oleh target pengguna nantinya.
Severe Ratings = 2

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Help and Documentation – bolahandmade.com

Setiap web e-commerce pastinya memiliki cara-cara pembelian yang berbeda-beda, maka dari itu help and documentation sangatlah diperlukan untuk mempermudah pembeli(pengguna) untuk membeli produk yang ditawarkan.

1. Help untuk pengguna yang masih kurang lengkap.
Pada website bolahandmade.com sudah cukup memiliki hal tersebut walaupun tidak detail memberitahukan tata cara pemesanannya. Namun lebih baik lagi jika memberikan tata cara pemesanan lebih detail seperti format pemesanan, tipe barang yang ingin dipesan, serta alamat dari pemesan. Karena dengan tata cara yang lebih detail selain dapat mempermudah user memesan dan dapat juga mempermudah admin dalam menanggapi pemesanan.
Saran: Berikanlah panduan pemesanan dari awal pemesanan hingga barang sampai ke pelanggan. Serta membuat format pemesanan untuk membantu pelanggan dan juga penjual untuk mempermudah pemesanan. 
Severe Ratings = 2

2. Belum terdapat FAQs
FAQs adalah salah satu dokumentasi untuk membantu pelanggan maupun penjual. Dengan cara membuat contoh-contoh pertanyaan dan jawaban mengenai produk yang terdapat di situs bolahandmade.com. Dengan ada nya FAQs ini, pelanggan tidak perlu direpotkan untuk bertanya dahulu kepada penjual, namun cukup melihat contoh-contoh pertanyaan dan jawaban yang sudah dibuat oleh si penjual. FAQs ini juga membantu penjual agar tidak direpotkan oleh pelanggan-pelanggan yang hanya ingin bertanya-tanya saja namun belum tentu membeli.

Saran: Buatlah dokumentasi tentang pertanyaan dan jawaban yang berkaitan dengan produk yang dijual.


Severe Ratings = 3

3. Informasi tentang bola yang sudah cukup lengkap.
Informasi tentang bola sangatlah penting pada website ini, terlebih lagi informasi standar bola seperti diameter, kebulatan bola, kemembalan bola, penyerapan air, berat bola, tekanan bola, dan keseimbangan bola. Informasi seperti ini sangatlah berguna bagi pengguna untuk melakukan pemesanan bola yang diinginkan.


Severe Ratings = 0

Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

Thursday, May 29, 2014

Infograph: Financial, Logistic and Resources for military.

INFORGRAPH: Financial, Logistic and Resources for military.
Jepang Vs Amerika



Pada kesempatan kali ini, tugas yang diberikan dari mata kuliah Interaksi Manusia dan Komputer yaitu membuat infograph.

Tema tugas ini adalah membandingkan antara dua negara yaitu Jepang dan Amerika. Parameter yang akan digambarkan ada 3 jenis, yaitu Financial, Logistic dan Resources.

Data-data diperoleh dari website Global Fire Power yang memberikan informasi kekuatan militer disetiap negara.

Berikut infograph yang dibuat berdasarkan data-data tersebut

IMK G64134019 based on: www.globalfirepower.com

Dapat dilihat dari gambar infograph di atas, amerika lebih unggul financial, logistical dan resources dibandingkan jepang. Jika kedua negara ini menyatakan perang, kemungkinan menang adalah amerika.


Wednesday, March 5, 2014

Benchmark

TUGAS KELOMPOK 

MATA KULIAH KOMPUTER GRAFIK 

Anggota Kelompok :
  1. Muhammad Rheza Muztahid  (G64134021)
  2. Irwan Adriansyah (G64134019)
  3. Dhita Aprita (G64134016)
  4. D’trio Arno Priasaji (G64134004 ) 
Benchmarking adalah proses peningkatan kapasitas (secara kuantitatif maupun kualitatif) dimana suatu perusahaan mengukur kinerjanya dan membandingkannya terhadap perusahaan-perusahaan  best in clas,menentukan bagaimana perushaan-perusahaan  tersebut mencapai  level-level kinerjanya,dan mengunakan informasi tersebut  untuk meningkatkan kinerjanya sendiri.Subjek-subjek yang terdapat di benchmark mencakup strategi,pengoprasian,proses,dan prosedur.


VGA yang digunakan anggota kelompok :
benchmark menggunakan 3D Mark 

Review masing-masing VGA anggota kelompok :

Dhita Aprita (G64134016)

CPU    :           Intel Core i3 CPU M 370 @ 2.40 GHz
GPU    :           Intel HD Graphics Mobile (Core i3 5x0)






Muhammad Rheza Muztahid (G64134021)
CPU    :           AMD Phenom(tm) II X4 960T Processor
GPU    :           AMD Radeon HD 6600 Series

Graphics Card

Vendor
HIS
# of cards
1
SLI / CrossFire
Off
Memory
2,048 MB
Core clock
800 MHz
Memory bus clock
500 MHz
Driver name
AMD Radeon HD 6600 Series
Driver version
8.872.0.0
Driver status
FM Approved
Processor
Reported stock core clock
3,000 MHz
Maximum turbo core clock
3,000 MHz
Physical / logical processors
1 / 4
# of cores
4
Package
AM3
Manufacturing process
45 nm
TDP
95 W

 

 

GENERAL

Operating system
64-bit Windows 7 (6.1.7600)
Motherboard
ECS A880LM-M
Memory
8,192 MB
Module 1
4,096 MB DDR3 @ 667 MHz
Module 2
4,096 MB DDR3 @ 667 MHz
Hard drive model
160 GB ST3160215AS ATA Device

Irwan Adriansyah (G64134019)
CPU    :           AMD Phenom II X2 555 BE           
GPU    :           AMD Radeon HD 5500 Series        




D’trio Arno Priasaji (G64134004 )

CPU    :           Intel® Atom ™ CPU N2800 @ 1.86 GHz


GPU    :           Intel GMA 3650








Hirarki dari 4 VGA anggota kelompok



Dari Hasil Benchmark diatas, bisa kita simpulkan bahwa Graphic card terbaik adalah AMD Radeon HD 6670
Memory : 2,048 MB
Core clock : 800 MHz
Memory bus clock : 500 MHz
Memory Type: DDR3
         
   Radeon HD 6670 2GB DDR3 adalah bagian GPU kelas menengah. Radeon HD 6000 Series dirilis oleh AMD pada 2010-2011. Ada dua versi yang tersedia; satu dengan tipe memori GDDR5 yang cepat dan lain dengan DDR3 standar.
            Core clock adalah kecepatan dari GPU (Graphic Processing Unit) atau VPU (Visual Processing Unit). GPU / VPU adalah komponen dari VGA yang memiliki fungsi untuk mengolah gambar atau sering disebut juga sebagai chipset VGA. Istilah GPU sering digunakan untuk produk Nvidia, sedangkan ATi menyebutnya sebagai VPU. Semakin tinggi kecepatannya, maka kinerjanya juga akan semakin baik.
Memory bus clock adalah kecepatan / frekuensi yang dapat dilakukan oleh memori dalam mentransfer data, semakin tinggi kecepatannya semakin baik kinerjanya.