Under the rain

I saw you,
when you stand under the rain
You looked at the sky, prayed to the light
I saw you,
from the 4th floor,
and you stand in the middle of the field

Leaves were falling to the ground,
Branches were dancing between the wind
and you were singing under the rain...
So I just stand there..
To see you under the rain..

Seklumit dilema setelah UAS

Akhirnya... setelah sks (sistem kebut sehari), tugas imk kelar juga... Well, knapa bisa sehari?? Karena sebelumnya, banyak tugas yang ngejar-ngejar, srasa dikejar setan bener...

Mulai dari pas uas yang masiiiih ada aja laporan, tugas, sampai selesai uas yang langsung dihadapkan pada persiapan acara PLASMA (minggu-rabu), standardize test anpang (kamis-jumat) dimana hari kamis mati lampu, jadi nunggu lamaaa banget, sampai presentasi imk hari jumat. Wuiihh, paling capek hari jumat, mondar-mandir kayak strikaan, B1C1-Lab Anpang-PAU-Lab Anpang-B1C1-Lab Anpang (blom pake nunggunya lagi)... Bikin dehidrasi, stress, puyeng, pegel, letih, lesu, pokoknya campur aduk.... Sabtu yang paginya pake acara ngumpul PT, sampai siang hingga malam yang berkutat dengan tugas imk. Tapi Alhamdulillah, akhirnya semua selesai juga. Tinggal menjelang PT, pulang (akhirnya liburan juga!), ngawas Techno-F (MPF), hingga nyelesain proposal penelitian supaya awal semester 7 bisa mulai penelitian. Hidup Flavor !

Hore !!!

Web Usability -A Conclusion-

Setelah analisis web usability dari website Dastan Books yang diposting dalam beberapa postingan (tepatnya total 10 posting), akhirnya kita mencapai tahap conclusion, dimana saya akan sedikit me-review website ini secara keseluruhan.

Dastan Books, sebagai salah satu sarana e-commerce yang dimiliki oleh penerbit Dastan, memiliki beberapa keunggulan dan juga kekurangan. Secara garis besar, Dastan cukup menarik dan memudahkan user dalam pembelian. Akan tetapi, terdapat beberapa kekurangan, diantaranya yang cukup sering dilakukan oleh Dastan adalah tombol/button yang berwarna abu-abu pudar yang tampak sepert non-aktif, kurangnya informasi untuk tanda *, penggunaan warna biru yang tidak tepat pada tulisan, dan animasi yang memusingkan karena terlalu banyak dan terlalu cepat.

Sekian analisis dari saya, semoga dapat bermanfaat.

Arigatou Gozaimasu.

Merci.

Xie xie.

Thank You.

Terima Kasih !

Adelina P.H. (F24070038)

http://adelinap07.student.ipb.ac.id/

http://adelfavblog.blogspot.com/

Web Usability Part 8 -Halaman Shopping Cart-

Dastan Books -A Web Usability Analysis-
Halaman shopping cart adalah salah satu halaman yang penting dalam situs yang digunakan untuk menjual produk (e-commerce). Tampilan halaman shopping cart di Dastan adalah sebagai berikut

Terlihat bahwa tabel yang terdapat pada halaman ini telah cukup lengkap. Akumulasi dari harga diskon untuk non-member dan member serta ongkos kirim ke alamat penerima per berat total memudahkan user sehingga user dapat langsung memasukkan/memilih barang ke shopping cart dan biaya dihitung secara otomatis. Tetapi yang menyulitkan, setelah user meng-klik icon beli, user akan dibawa ke halaman ini dimana barang yang dipilih langsung diakumulasikan tetapi setelah selesai, user tidak dapat langsung kembali ke halaman sebelum dia memilih barang. Hal ini tentu merepotkan user karena jika halaman sebelumnya adlaha halaman pencarian dan user lupa key wordsnya, user akan cenderung malas melanjutkan transaksi apalagi jika user hanya memiliki sedikit waktu (buru-buru).

Web Usability Part 7 -Halaman Login, Pendaftaran, dan Member Card-

Dastan Books -A Web Usability Analysis- 
Kali ini, saya akan membahas banyak halaman sekaligus tetapi saling berhubungan.

 Kotak login, terdapat di sebelah kiri setiap halaman. Kotak ini sebenarnya memudahkan user karena juga dilengkapi dengan kereta belanja (dapat digunakan untuk melihat apa saja yang telah user pilih) dan bantuan. Sayangnya, kotak di area ini termasuk untuk daftar baru, menggunakan huruf berwarna abu-abu yang tidak terlalu gelap sehingga terlihat seperti non-aktif.. Di bawahnya, terdapat link berupa gambar dan tulisan untuk mendapatkan member card. Gambar dan tulisan ini cukup eye-catching dan memudahkan pengguna jika ingin mendapatkan member card.

Jika kita tidak mengisi email, akan muncul notification seperti ini

Notificatin semacam ini (berupa pop up) kurang cocok digunakan dalam sebuah aplikasi berbasis website. hal ini karena selain pop up lebih familiar pada aplikasi berbasis dekstop, juga mengganggu kenyamanan user selama browsing.

Apabila kita mengisi password yang tidak cocok, maka yang keluar adalah seperti ini

Halaman yang muncul seperti gambar di atas. Hal ini memudahkan user karena langsung disediakan kotak loginnya. Selain itu, notificationnya ditulis dengan warna merah yang menandakan adanya kesalahan. Sedangkan bila tidak mempunyai account, terdapat notification yang me-link langsung ke halaman daftar. Hal ini tentu memudahkan bagi user. akan tetapi, tidak disediakan notification apabila user lupa akan passwordnya. Hal ini tentu tidak efektif dan menyulitkan user.

Link lupa password terdapat pada kotak login yang ada di sebelah kiri, tepatnya terletak di bawah daftar. Hal ini jelas menyulitkan usr karena user harus scroll ke bawah dulu (tidak langsung di bawah tombol login/masuk). Gambar halaman yang muncul/link halaman saat kita meng-klik lupa password yaitu

Terdapat ketidakkonsistenan yang akan membingungkan user yaitu penggunaan username, padahal pada kotak login, yang selama ini diminta adalah email.

Apabila user melakukan pendaftaran baru, pada halaman daftar, akan muncul seperti ini

Tanda * berwarna orange merupakan penanda bahwa field tersebut required. Sayangnya Dastan tidak menyediakan tulisan/keterangan tersebut. Untuk tanggal lahir menggunakan dropdown list. Tetapi tanggal lahir, ada baiknya menggunakan default tanggal 1 dan bulan Januari tetapi dalam bahasa Indonesia (Dastan menggunkan bahasa Inggris untuk nama bulan) supaya konsisten. Kotak isian yang sejajar juga memudahkan user, akan tetapi sebaiknya tulisannya jangan menyambung ke bawah, tetapi ke samping (arah pemotongan kata). Tombol submit berwarna abu-abu pudar dan terlihat seperti non-aktif. Hal ini jelas mengganggu dan membingungkan user. Sebaiknya digunakan warna yang lebih cerah/kuat.

Jika user ingin mendaftarkan member card, halaman yang akan muncul adalah halaman ini

Terdapat ketidakkonsistenan yang akan membingungkan user yaitu penggunaan username, padahal pada kotak login, yang selama ini diminta adalah email. Tanda * berwarna orange merupakan penanda bahwa field tersebut required. Sayangnya Dastan tidak menyediakan tulisan/keterangan tersebut. Tombol submit berwarna abu-abu pudar dan terlihat seperti non-aktif. Hal ini jelas mengganggu dan membingungkan user. Sebaiknya digunakan warna yang lebih cerah/kuat. Tetapi terdapat link pada tulisan 'disini' dan ditandai dengan garis bawah (yang memang menunjukkan adanya link). Jika tulisan 'disini' di-klik, akan ter-link ke halaman Daftar Baru.

Web Usability Part 6 -Halaman Metode Pembayaran-

Dastan Books -A Web Usability Analysis- 
Kita masuki halaman metode pembayaran......

Nah, ini dia halaman khusus yang menyediakan informasi tentang cara pembayaran. Sayangnya, di halamn ini, hanya beberapa jenis pembayaran yang ada link yang menuju keterangan/penjelasan tentang cara pembayaran. Selain itu, tulisan linknya juga kecil (kalah dibandingkan gambar) sehingga mudah terlewatkan oleh user.

Web Usability Part 5 -Halaman Buku Tamu-

Dastan Books -A Web Usability Analysis- 
Melanjutkan postingan sebelumnya, sekarang kita kan mengulas tentang buku tamu di Website Dastan.....

Ini adalah gambar dari halaman Buku Tamu Dastan. Jenis huruf yang digunakan memudahkan untuk dibaca. Tetapi, ukuran (Caps Lock)nya tidak seragam (tergantung si penulis buku tamu). Sayangnya, nama pengirim berwarna biru tetapi ketika dicoba untuk di-klik, tidak bisa di-link. Begitu pula tulisan website dan email tidak semua dapat langsung dibuka ketika di-klik (tergantung si penulis menuliskan website dan emailnya apa tidak). Penanda dapat di-klik (di-link) pada tulisan website/email adalah ketika di dekatkan, kursor berbentuk tangan dan tulisan ada garis bawahnya. Hal ini memudahkan user.

Tulisan Isi Buku Tamu yang berwarna biru dapat di-klik dan me-link ke halaman form isian. Akan tetapi, karena tulisan ini ukurannya sama dengan nama pengisi di bawahnya, sehingga hampir telewat/tidak mencolok, yang jelas akan membuat user yang ingin mengisi kebingungan dan harus mencari-cari terlebih dahulu hingga menyadari bahwa tulisan tersebut dapat di-link. Akan lebih baik jika jenis dan ukuran tulisan untuk kata-kata tersebut dibedakan dari yang lainnya untuk memudahkan user.

Setelah di-klik, akan ter-link ke halaman form isian.

Tidak ada keterangan field mana saja yang required sehingga membingungkan user untuk mengisi. Selain itu, terlihat ketidakkonsistenan dimana selain kata 'website' kata lainnya diawali dengan huruf besar. Selain itu, tombol submit dan reset yang menggunakan warna abu-abu pudar yang terlihat seperti non-aktif akan membingungkan user.