Hal-Hal Kecil yang Meningkatkan Pengalaman Pengguna!

Hari ini adalah hari pertama saya di posisi baru saya sebagai Direktur Teknologi untuk perusahaan perangkat lunak Pemasaran dan eCommerce muda di sini di Indianapolis, bernama Patronpath. Saat saya meninjau perangkat lunak kami hari ini dan membantu dalam integrasi baru, saya didorong oleh kecanggihan aplikasi. Aplikasi kami mengintegrasikan pemesanan online dengan beberapa POS sistem.

Saya menantikan untuk bekerja dengan tim pengembangan kami untuk menghadirkan Antarmuka Pengguna kami yang sepenuhnya dapat disesuaikan memanfaatkan CSS dan, mungkin, beberapa AJAX. Berita baiknya adalah bahwa ini sebagian besar adalah perubahan kosmetik yang tidak memerlukan pembersihan dan pembangunan kembali aplikasi. Sebagian besar, saya percaya aplikasi dapat ditingkatkan dalam dua cara, pertama adalah kemampuan untuk menyesuaikan interaksi klien dan yang kedua adalah untuk mengimplementasikan beberapa 'hal-hal kecil' dasar.

Saat saya bekerja di Paypal tadi malam, saya hanya menemukan 'hal kecil'. Saat Anda mengarahkan mouse ke tautan tertentu di antarmuka Paypal, tooltip fade-in yang bagus muncul dan menghilang saat Anda mematikannya. Berikut screenshotnya:

Arahkan mouse ke Paypal

Seringkali ketika saya memperhatikan teknik-teknik ini, saya melakukan sedikit penggalian untuk mengetahui lebih lanjut. Dalam kasus ini, saya menemukan bahwa Paypal hanya menggunakan file Yahoo! Perpustakaan Antarmuka Pengguna untuk membuat tooltips. Lebih baik lagi, mereka hanya menampilkan pesan dari judul sebenarnya di dalam tag (a) nchor. Ini berarti bahwa halaman dikembangkan secara normal, tetapi saat kelas ditambahkan, JavaScript akan menangani sisanya.

Sedikit aksen seperti ini pada perangkat lunak yang benar-benar menjadikannya pengalaman pengguna yang lebih baik. Mungkin yang lebih mengesankan adalah bahwa para pengembang di Paypal tidak repot-repot 'menemukan kembali roda', mereka menemukan perpustakaan yang bagus dan menerapkannya.

Saya akan mencari ini dan teknik lainnya dalam beberapa bulan mendatang untuk meningkatkan pengalaman pengguna aplikasi kami.

2 Komentar

  1. 1

    Hai Douglas

    WOW, saya tidak tahu pustaka UI Yahoo adalah open source dan di Sourceforge… itu mainan baru yang harus saya mainkan. 🙂

    Apa yang saya pikir adalah pengalaman pengguna tambahan yang sangat keren baru-baru ini adalah ketika saya beralih ke Yahoo Webmail Beta baru dan disuguhi tutorial visual yang tampak sangat bagus dengan tooltips yang selaras dengan setiap item terkait.

    Saya tidak tahu apakah pengkodean ini adalah bagian dari Perpustakaan YUI, tetapi jika memang demikian, mungkin hal yang baik untuk ditambahkan ke aplikasi e-niaga Anda.

    Tepuk tangan

    Nick

    • 2

      Yahoo memiliki koleksi komponen UI yang luar biasa, Nick. Pastikan untuk memeriksa kontrol kisi mereka. Luar biasa. Dan dalam membaca dokumentasi dan perjanjian lisensi mereka - semuanya ada untuk diambil selama Anda tidak mencari dukungan.

      Namun, saya bukan pengacara… Anda mungkin ingin memeriksa ulang!

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.