Antar muka web ecommerce

Posted by | Posted in Interaksi Manusia Komputer | Posted on 20-01-2011

Pada tulisan ini akan dibahas sebuah situs yang bernama gantibaju.com yang memiliki fungsi untuk menampilkan design baju dan menjual baju. Tampilan situs ini sangat menarik dikarenakan tata letak yang sudah sesuai di setiap halamannya dan gambar yang dapat berganti secara otomatis dan manual, tetapi yang sebenarnya sebuah link dalam situs terlihat hanya sebuah tulisan yang sebagai penghias bila kursor tidak mengarah pada tulisan tersebut seperti tulisan daftar akun baru.

Pada web ini costumer di beri panduan ukuran S,M,L,dan XL untuk pria dan wanita agar baju (kaos) yang dipesan sesuai dengan ukuran tubuh.

Setiap kali costumer akan memesan sebuah baju, costumer akan mengetahui ketersediaan baju untuk masing-masing ukuran, jumlah ketersediaan untuk baju dengan ukuran yang dipilih akan berkurang bila costumer sampai proses pembayaran baju tersebut. Apabila costumer telah melakukan pemesanan maka jumlah baju yang telah costumer pesan akan masuk keranjang belanja yang akan memberitahukan costumer jumlah yang dia pesan. Pada situs ini, user diberi kesempatan untuk membuat design baju yang nantinya akan dipilih yang terbaik.

Pembayaran atas barang yang telah dipesan dilakukan secara transfer ke rekening yang telah ditentukan, barang akan langsung dikirim bila customer telah melakukan  konfirmasi pembayaran dalam jangka waktu 1X24 jam setelah pemesanan dan pemesanan dibatalkan bila customer tidak melaksanakan pembayaran dalam jangka waktu tersebut. Costumer tidak dapat melakukan pemesanan kembali bila pemesanan yang sebelumnya belum dikonfirmasi pembayarannya, seharusnya hal itu bisa dilakukan dengan menambah total biaya belanja yang lama dengan total biaya belanja yang baru.

visualisasi informasi

Posted by | Posted in Interaksi Manusia Komputer | Posted on 09-12-2010

Sebuah web juga harus menampilkan  visual yang menarik agar isi yang hendak diberikan dapat secara optimal dibaca oleh para browser. Pada halaman ini saya akan mengomentari sebuah web yang saya temukan (silakan link di sini). Di bawah ini adalah sebagian tampilan dari web yang menampilkan sepuluh dari sekian banyak produk

  • perbedaan warna digunakan untuk visualisasi informasi yang disesuaikan dengan kategori, seperti warna pink digunakan untuk informasi monthly cost untuk membedakan dengan informasi speed (color selective).
  • keunggulan produk dapat diurutkan sesuai dengan kategori yang diinginkan oleh user, secara default keunggulan produk diurutkan berdasarkan most popular sedangkan di bawah ini adalah sebagian tampilan 10 produk berdasar biaya bulanan


Tampilan Web yg Kurang OK…

Posted by | Posted in Interaksi Manusia Komputer | Posted on 23-09-2010

Sebuah website harus memperhatikan tampilannya agar dapat membuat pengunjung tertarik. Website dengan tampilan yang baik akan membuat pengunjung nyaman dan betah berlama-lama untuk membaca informasi yang kita berikan. Sedangkan yang terlalu banyak tulisan ataupun gambar akan mengganggu mata serta membuat bingung pengunjung web tersebut. Begitu juga dengan tampilan yang banyak animasi, membuat loading dari halaman web tersebut lama, sementara pengunjung tidak menyukai itu. Sehingga mereka lebih memilih untuk membuka halaman lain.

Dalam tulisan ini, saya akan mengomentari sebuah web yang mungkin kita kenal, sebut saja “waresong.com” yang terdapat beberapa kekurangan dalam hal tampilan antarmukanya,  diantaranya:

  • Tampilan yg kurang menarik seperti tulisan lagu Indonesia-…-lagu daerah yg seharusnya center untuk menyeimbangkan tulisan yg ada di atasnya.

tugas2

  • Masih terdapat space kosong yang mubazir

  • Pada saat kita masuk ke menu tangga lagu, tidak ada button atau link untuk keluar dari halaman tangga lagu tersebut, kita hanya dapat menggunakan backspace pada keyboard untuk kembali ke halaman sebelumnya.

  • tampilan yang kurang sejajar akibat nama file yg lebih panjang

Sekian komentar dari saya,, dan untuk web yg saya komentari mohon maaf jika ada komentar yg kurang berkenan.

Terimakasih .. : )