usability of interface

Download Usability of interface

Post on 15-Nov-2015

9 views

Category:

Documents

3 download

Embed Size (px)

DESCRIPTION

Usability of interface

TRANSCRIPT

Page 1

Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan Page 1 Bab 12: Pengantar Usability Tujuan Pembelajaran Pelajari apa antarmuka Membedakan antara antarmuka dan konten. Tentukan kegunaan Memahami lima aspek yang berbeda dari kegunaan. Mengidentifikasi beberapa isu-web tertentu kegunaan Usability ini bisa dibilang salah satu aspek yang paling penting dari situs Anda, namun istilah itu sendiri adalah tidak satu dengan yang kebanyakan orang akrab. Bagian buku ini dirancang untuk memperkenalkan subjek dan menjelaskan bagaimana untuk membuat website yang dapat digunakan. 12.1 Usability dan Antarmuka Beberapa situs web yang dirancang untuk menjadi karya seni digital, dengan penampilan yang fitur bunga. Situs-situs tersebut berada di minoritas luas di web. Ketika seseorang atau organisasi memutuskan untuk memulai proses membuat website, hal pertama yang mereka pikirkan adalah biasanya apa yang akan dikatakan. Karena tujuan utama dari sebuah situs web adalah dengan menggunakan media hypertext untuk menyampaikan informasi kepada komunitas pengguna, banyak waktu yang dihabiskan memikirkan informasi apa yang harus dimasukkan, bagaimana harus worded, dan bagaimana harus terorganisir. Konten adalah penting untuk pengguna juga - setelah semua, mengapa kita akan mengunjungi situs Web yang memiliki tidak ada yang menarik untuk mengatakan? Seperti yang kita semua tahu bahkan dari waktu kecil dihabiskan berselancar, banyak situs yang hanya buruk. Mereka adalah sulit untuk digunakan. Kami tersesat. Kami pergi dalam lingkaran. Mereka membuat kita merasa bodoh. Dan frustrasi. Ta Men meminta kami untuk informasi pribadi yang mereka tidak perlu. Kadang-kadang mereka tidak bekerja. Kadang-kadang mereka bahkan crash browser kita. Dan perlu kita menyebutkan iklan pop-up? Semua dalam semua, ada banyak situs yang benar-benar mengerikan di luar sana. Awfulness, meskipun, biasanya memiliki sangat sedikit hubungannya dengan isi situs, dan masih banyak lagi yang harus dilakukan dengan antarmuka. Antarmuka adalah cara di mana pengguna berinteraksi dengan halaman. Ini mencakup hal-hal seperti fitur navigasi, ukuran font, panjang halaman, waktu buka, dan sejumlah aspek lain yang menentukan seberapa mudah pengguna dapat menyelesaikan tugas-tugas mereka. Dengan demikian, ketika menganalisis kegunaan antarmuka sebuah website, tidak ada yang mengatakan cara baik tentang kualitas atau kuantitas konten. Usability, kemudian, adalah ukuran seberapa mudah pengguna berinteraksi dengan antarmuka. Ini berlaku tidak hanya untuk halaman web, tetapi untuk perangkat lunak dan perangkat (seperti PDA atau ponsel) sebagai dengan baik. Definisi ini masih agak samar-samar. Bagian berikutnya istirahat kegunaan ke dalam nya bagian komponen.

Halaman 2

Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan Halaman 2 12.2 Aspek Usability Ada lima aspek utama dari kegunaan. Masing-masing menggambarkan berbagai jenis kemudahan penggunaan. Learnability - Learnability menjelaskan bagaimana mudah pengguna belajar berinteraksi secara efektif dengan antarmuka. Beberapa faktor dapat berkontribusi untuk learnability. Sebuah antarmuka yang sederhana mungkin sangat mudah untuk belajar hanya karena memiliki begitu beberapa fitur. Antarmuka lain, yang melekat pada website yang lebih kompleks atau aplikasi, tentu harus memiliki lebih banyak fitur, dan dengan demikian mengambil lebih banyak waktu untuk belajar. Ini tidak azab desainer dari antarmuka yang kompleks. Interface yang baik akan membuat fitur sederhana mudah dipelajari untuk pengguna pemula, dan kemudian membuat fitur lebih rumit progresi intuitif dari set sederhana. Salah satu cara mudah untuk memulai dengan learnability baik adalah mengandalkan antarmuka umum fitur di situs Anda. Dengan fleksibilitas yang ditawarkan oleh JavaScript dan Cascading Style Sheets (CSS), telah menjadi semakin umum untuk menimpa browser default. Ini termasuk hal-hal seperti menghapus menggarisbawahi dari link, yang membuat mereka sulit untuk memilih dari sisa teks. Beberapa situs menonaktifkan navigasi browser fitur, memaksa pengguna untuk meninggalkan tombol kembali untuk "kembali" link dalam halaman web itu sendiri. Belajar menggunakan halaman seperti ini sulit karena melanggar pengguna model mental tentang bagaimana fungsi browser dan website. Jadi, bahkan jika Anda berpikir default browser yang utama terlihat lebih baik atau lebih mudah untuk kode, mengurangi learnability tersebut, dan dengan demikian kegunaan, dari halaman Anda. Gambar 12.1: Sebuah pesan peringatan yang dihasilkan oleh sebuah halaman web yang tidak memungkinkan pengguna untuk mengklik tombol back browser. Perhatikan bahwa semua alat browser yang hilang dalam window. Hal ini tidak hanya mencegah pengguna dari mengklik tombol akrab, tapi bahkan menghilangkan address bar, sehingga

Halaman 3

Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan Halaman 3 pengguna bahkan tidak tahu apa URL yang mereka kunjungi. Menggunakan kode yang tepat, halaman dapat menghapus unsur-unsur dalam semua browser utama. Memorability - Memorability adalah ukuran seberapa mudah pengguna ingat bagaimana menggunakan antarmuka. Bahkan jika ada kurva belajar yang curam, pengguna harus mampu mengingat bagaimana untuk menyelesaikan tugas setelah mereka mempelajarinya. Memorability dapat dirugikan jika antarmuka tidak konsisten antara bagian, atau jika langkah-langkah untuk menyelesaikan tugas tampak tidak logis. Gambar 12.2: Situs Comcast Bill Pay. Setelah mengklik "My Account" pada halaman utama, pengguna tidak bisa login langsung, bahkan jika mereka sudah memiliki akun. Pertimbangkan bagian membayar Bill Comcast ditunjukkan pada gambar di bawah ini. Pada halaman utama, pengguna mengklik pada link "My Account". Ini masuk akal untuk sampai ke halaman penagihan. Mereka kemudian diminta dengan halaman bawah untuk memasukkan alamat mereka bukannya diminta untuk login ke account mereka. Melihat link di atas, kita dapat melihat bahwa setelah mengklik "My Account" pengguna akan dibawa ke "Apa Di Daerah Saya" (Perhatikan sorot di bagian atas halaman). Itu sendiri tidak begitu intuitif - setelah semua, tidak "My Account" menyiratkan sesuatu tentang memiliki akun? Meski begitu, ada link lainnya di bagian atas yang hanya akan masuk akal bagi pengguna dengan mendirikan web account - seperti "Pembayaran Center", "Profil Sunting Pengguna" atau "Bill Ringkasan". Mereka, pada

Page 4

Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan Page 4 Setidaknya, harus membawa pengguna ke layar login. Namun, mereka masih menunjukkan ini sama Halaman yang membutuhkan alamat. Satu-satunya cara untuk sampai ke halaman login ingat untuk klik "online Bill Pay" - bahkan jika Anda tidak ingin membayar tagihan Anda - atau pergi melalui proses tiga-langkah memasukkan alamat, memilih penyedia, dan kemudian terus ke halaman login. Jika pengguna ingin mengedit profil mereka, itu tidak logis untuk melewati link "Edit Profil Pengguna" dan bukannya klik "online Bill Pay" untuk login. Karena Proses ini tidak masuk akal, sulit untuk mengingat di mana untuk mengklik atau Informasi apa yang harus masuk untuk sampai ke layar login. The memorability dari bagian website ini rendah. Kecepatan - Ini adalah salah satu aspek yang lebih intuitif kegunaan, mengukur seberapa cepat pengguna dapat menyelesaikan tugas mereka. Kecepatan tidak hanya dipengaruhi oleh konfigurasi antarmuka, tetapi juga oleh waktu yang dibutuhkan untuk memuat halaman. Sebagian besar web designer bekerja pada kecepatan tinggi koneksi internet, dan ini membuat sulit untuk menghargai betapa waktu yang dibutuhkan untuk memuat halaman pada koneksi dial-up sederhana. Gambar 12.3: Para pengguna halaman harus menyelesaikan sebelum melihat sebuah artikel di situs Washington Post. Kecepatan juga menurun gangguan perkembangan pengguna. Hal ini dapat disebabkan oleh jendela pop-up atau dengan gangguan yang disengaja. Beberapa situs akan memerlukan pengguna login menggunakan beberapa fitur. CNN, misalnya, menyediakan video ke pelanggan. Karena ini adalah bagian dari bisnis di website, itu bukan masalah kegunaan. Demikian pula, bank, kartu kredit, dan situs lainnya yang menawarkan informasi pribadi juga harus berhenti pengguna dan memerlukan login. Beberapa situs tidak perlu mengganggu pengguna. Di website dari Washington Post, pengguna dapat melihat satu artikel sebelum diperlukan untuk menyelesaikan bentuk seperti pada Gambar 12.3. Halaman ini bukan halaman login anggota, juga tidak digunakan untuk membatasi orang-orang tertentu dari halaman mengakses. Mencari melalui situs, kita menemukan

Halaman 5

Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan Halaman 5 bahwa tujuan dari halaman informasi ini "Untuk lebih memahami siapa pembaca kami adalah dan daerah yang menarik bagi mereka secara online. Tanda up memungkinkan kita untuk membawa informasi pengguna agregat pengiklan dan dengan demikian memberikan iklan terfokus pada pembaca demografi. "Apakah layak mengganggu aliran pengguna melalui website untuk mengumpulkan Informasi demografis? Para desainer situs jelas percaya itu, tapi yang paling mungkin Efek dari halaman ini adalah bahwa Washington Post hanya kehilangan lalu lintas ke salah satu dari banyak situs-situs berita yang sangat baik lainnya. Gambar 12.4: link "dekat" yang disediakan pada halaman pop-up di Situs J. Crew, jcrew.com. Ada cara untuk membantu kecepatan selain hanya mengurangi waktu buka dan menghindari gangguan. Perhatikan gambar dari situs J.Crew yang ditunjukkan di atas. Ketika pengguna klik pada produk, jendela baru muncul yang menunjukkan gambaran yang lebih rinci dengan Pilihan untuk beralih di antara warna yang berbeda. Di bagian bawah halaman yang ada link untuk menutup jendela. Mengapa sebuah "jendela dekat" pranala berguna ketika pengguna dapat hanya klik tombol normal pada jendela? Ada prinsip dasar yang digun