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 digunakan dalam desain antarmuka
yang disebut Hukum FITT itu. Hukum pada awalnya dikembangkan di
bidang psikologi, dan diuji subyek yang menekan tombol. Ini
menyatakan bahwa menekan tombol target lebih cepat ketika target
adalah lebih besar, dan juga ketika target lebih dekat ke pengguna.
Mengklik sesuatu dengan mouse setara dengan menekan tombol,
sehingga membawa hukum atas ke antarmuka memungkinkan kita tahu
bahwa pengguna dapat mengklik target yang lebih besar lebih cepat
daripada yang lebih kecil, dan dapat mengklik target lebih dekat
lebih cepat daripada yang lebih jauh.
Halaman 6
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 6 Ketika pengguna memutuskan untuk menutup jendela ini
pop-up, mereka juga dapat mengklik link atau icon menutup jendela.
Link "jendela dekat" jelas lebih besar dari kecil icon close pada
jendela. Selanjutnya, pengguna pada halaman ini mungkin akan
mengklik pada swatch warna ke bagian bawah halaman ketika mereka
menggunakannya. Pada Saat mereka memutuskan untuk menutup jendela,
mouse mereka akan lebih dekat dengan "jendela dekat" link yang
berada tepat di bawah warna daripada akan ke tombol semua jalan
sampai di sudut jendela. Aplikasi ini sangat Hukum Fitt ini
memastikan bahwa pengguna akan dapat menutup jendela lebih cepat
menggunakan link daripada jika mereka harus menutup jendela dengan
cara tradisional. Perhatian terhadap detail bagaimana pengguna akan
berinteraksi dengan setiap halaman akan memungkinkan Anda untuk
membuat penyesuaian kecil yang secara signifikan akan meningkatkan
kecepatan yang mereka dapat menyelesaikan tugas. Efisiensi -
Terkait dengan kecepatan, efisiensi adalah ukuran dari berapa
banyak kesalahan pengguna membuat sambil menyelesaikan tugas.
Kesalahan dapat disebabkan oleh berbagai faktor. Banyak Sekali link
dalam font kecil yang dekat satu sama lain dapat menyebabkan
kesalahan dengan memaksa pengguna sangat tepat posisi mouse mereka.
Ikon dan grafis dapat menyebabkan pengguna untuk membingungkan klik
pada item yang salah. Teks link juga dapat menyebabkan kesalahan;
jika nama-nama link ambigu, pengguna mungkin harus bolak-balik
antara halaman sebelum menemukan Halaman yang memiliki informasi
yang mereka butuhkan. Pengguna Preference - Bahkan dengan semua ini
langkah-langkah lain, penting untuk mempertimbangkan apa pengguna
seperti pada halaman. Hal ini tidak biasa bagi pengguna untuk
memilih fitur antarmuka yang kurang efisien atau lebih lambat untuk
digunakan. Terutama ketika datang ke estetika, yang preferensi dari
seorang desainer dan user dapat secara signifikan berbeda. Bahkan
jika perbedaan yang tidak tidak memanifestasikan dirinya dalam
perbedaan kecepatan, efisiensi, learnability, atau memorability,
situs harus menjadi sesuatu yang pengguna menikmati. 12.3 Web
Masalah Usability Tertentu Aspek kegunaan yang dijelaskan di atas
ditulis sehubungan dengan halaman web, tetapi Aturan umum yang
dapat diterapkan untuk perangkat lunak atau perangkat. Web memiliki
beberapa khusus masalah kegunaan untuk dipikirkan. Karena web
terutama media untuk menyajikan data dalam ukuran terbatas jendela,
tata letak halaman menghadirkan tantangan tertentu. Masalah pertama
adalah bahwa frame. Meskipun frame adalah bagian dari HTML dan
XHTML standar, mereka telah dihilangkan dari teks ini justru karena
mereka adalah kegunaan suatu mimpi buruk. Mereka memungkinkan
desainer halaman untuk menunjukkan beberapa dokumen HTML dalam yang
sama jendela browser. Mereka dapat menggulir secara independen, dan
halaman dapat dimuat dalam satu frame, sedangkan frame lain tetap
konstan. Meskipun hal ini mungkin terdengar menarik di pertama, ada
banyak masalah kegunaan yang timbul dari frame, dan ini disajikan
dalam bab berikutnya. Untungnya, sebagian besar efek berbasis frame
dapat dicapai dengan menggunakan tag dan CSS positioning.
Halaman 7
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 7 Gambar 12.5: "The Web Page dari neraka" ditemukan di
http://www.re-vision.com dan menggambarkan banyak serius masalah
kegunaan. Bahkan tanpa bingkai, tata letak halaman serius dapat
mempengaruhi kegunaan. Pertimbangkan halaman hasil pencarian Yahoo
dan Google. Tata letak dan penggunaan ruang secara drastis yang
berbeda. Setelah mencari frase "desain web", screen shot dari
Yahoo! dan Hasil Google diambil pada komputer menggunakan resolusi
800 X 600. Beberapa ruang di jendela ditempati oleh tombol browser,
status bar, scroll bar, dan lainnya jendela ruang. Tampilan ruang
yang sebenarnya untuk hasil pencarian halaman web yang menunjukkan
adalah dipecah bawah. Ruang yang tersedia untuk dokumen web untuk
menampilkan, halaman Google menggunakan 22% untuk elemen navigasi,
30% digunakan untuk iklan, dan 41% ruang yang digunakan untuk
benar-benar menampilkan konten halaman utama dengan hasil
pencarian. Persentase sisa ruang ruang kosong antara
unsur-unsur.
Halaman 8
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 8 Gambar 12.6: Gambar atas menunjukkan halaman hasil
pencarian bahwa Google kembali untuk frase pencarian "desain web".
Itu Gambar bawah menunjukkan halaman yang sama dengan iklan dan
elemen navigasi diidentifikasi. Gambar 12.7 menunjukkan hasil
pencarian yang sama dilakukan di Yahoo !. Tidak satu Hasil
pencarian akan muncul di layar pertama informasi. Enam puluh persen
dari ruang halaman ini didedikasikan untuk iklan, dan 30% digunakan
untuk navigasi. 10% lainnya adalah ruang kosong.
Halaman 9
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 9 Angka 12,7: Halaman Hasil Yahoo! dari musim panas 2004
kembali untuk pencarian "desain web". Gambar atas adalah halaman
yang sebenarnya, sedangkan gambar bawah menunjukkan hal itu dibagi
dan diberi label menjadi beberapa bagian. Yahoo! sejak direvisi
mereka tata letak untuk memberikan lebih banyak ruang untuk konten.
Ketika pengguna tidak melihat hasil pencarian yang disajikan dalam
layar pertama itu jelas memperlambat mereka. Karena iklan yang
dibayar disebut "link sponsor" muncul pertama, pengguna keliru
percaya bahwa mereka telah memasukkan istilah pencarian yang buruk
yang menghasilkan hasil yang buruk bukannya mengakui bahwa mereka
melihat link dibayar.
Halaman 10
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 10 Titik utama dalam contoh ini adalah bahwa lima aspek
kegunaan yang dijelaskan dalam Bagian sebelumnya terwujud dalam
berbagai aspek desain halaman. Membuat digunakan website ini bukan
tugas sepele. Bab-bab berikutnya akan menyajikan pedoman untuk
merancang halaman individual, seluruh situs, dan untuk melakukan
studi kegunaan untuk mengevaluasi kegunaan dari sebuah situs. 12,4
Ulasan Sebuah antarmuka adalah sarana yang pengguna berinteraksi
dengan halaman untuk navigasi, bergulir, dan menghubungkan. Ini
tidak ada hubungannya dengan kualitas atau kuantitas informasi
ditemukan pada halaman. Usability adalah ukuran seberapa mudah
pengguna dapat menyelesaikan tugas-tugas pada sebuah situs web,
dengan software, atau menggunakan perangkat. Kelima aspek kegunaan
yang learnability, memorability, efisiensi, kecepatan, dan
preferensi pengguna. Learnability berkaitan dengan seberapa cepat
pengguna mengembangkan pemahaman tentang bagaimana menggunakan
antarmuka sementara memorability menggambarkan kemampuan mereka
untuk mengingat alat untuk interaksi. Kecepatan adalah ukuran dari
seberapa cepat pengguna dapat melakukan tugas, dan alat pengukur
efisiensi seberapa sering pengguna menjalankan ke dalam kesalahan
dan seberapa cepat mereka dapat pulih dari mereka kesalahan.
preferensi pengguna menggambarkan sejauh mana pengguna menikmati
menggunakan antarmuka. 12,5 Pertanyaan 1. Tentukan: kegunaan 2.
Tentukan: user interface 3. Tentukan: learnability 4. Tentukan:
memorability 5. Tentukan: efisiensi penggunaan 6. Tentukan: tugas
7. Ingat pelajaran tentang apa yang membuat kombinasi warna latar
belakang-foreground miskin, dan apa yang membuat gambar latar
belakang miskin. Ketika pilihan-pilihan yang buruk dibuat, apa
aspek kegunaan yang terpengaruh? 8. Bagaimana learnability berbeda
dari memorability? 9. Bagaimana kecepatan berbeda dari efisiensi?
10. Bagaimana kualitas informasi pada halaman berhubungan dengan
kualitas pengguna antarmuka? 11. Pertimbangkan "Web Page dari
neraka" (gambar 12.5), dan menjawab berikut pertanyaan: a. Mengapa
frame menyebabkan masalah kegunaan? Dengan apa aspek kegunaan
jangan frame menimbulkan masalah? b. Apa masalah kegunaan yang
hadir dalam "Tingkat II Navigasi" bar di yang benar? c. Mengapa
"Big jelek Banner" menciptakan masalah kegunaan? Aspek apa kegunaan
apakah itu mempengaruhi?
Halaman 11
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 11 12. Mengidentifikasi website yang Anda tradisional
mengalami kesulitan menggunakan dan menjelaskan nya masalah dalam
hal aspek kegunaan yang disajikan di sini. 13. Cari situs bersaing
dengan yang Anda memilih untuk latihan 4 dan menjelaskan bagaimana
meningkatkan pada masalah yang Anda temukan. 14. Usability bukan
hanya masalah web. Hal ini umum untuk melakukan studi kegunaan pada
aplikasi perangkat lunak. Mempertimbangkan sistem operasi yang Anda
gunakan (seperti Windows) dan software yang sering Anda gunakan
(seperti program email Anda, web Browser, atau word processor). a.
Untuk masing-masing aplikasi, mengidentifikasi tiga kegunaan yang
paling signifikan masalah yang Anda miliki dengan itu. b. Jelaskan
masalah kegunaan balik masalah. c. Menyarankan perubahan yang dapat
dilakukan untuk membuat aplikasi lebih bermanfaat. 15. Tipe
pengguna koneksi internet secara dramatis dapat mempengaruhi
kecepatan di mana halaman memuat. Jika audiens target Anda memiliki
persentase yang lebih tinggi dari orang-orang dengan lambat
koneksi, apa yang harus menjadi pertimbangan utama dalam
menciptakan halaman Anda? 16. Bagaimana jendela pop-up mempengaruhi
kegunaan? 17. Dari perspektif kegunaan, harus iklan banner yang
pernah digunakan pada halaman? 18. Beberapa situs web dimulai
dengan "Welcome" halaman yang menyapa pengguna sebelum mereka
memasuki konten utama situs. Apa implikasi kegunaan dari halaman
ini? 12,6 Latihan 1. Cari contoh interface di web yang memiliki
fitur sebagai berikut: a. Learnability baik tapi miskin
memorability b. Kecepatan yang baik dengan efisiensi yang buruk c.
Baik learnability, memorability, kecepatan, dan efisiensi 2. Ambil
situs yang Anda pilih untuk pertanyaan 4 dan, dengan menggunakan
unsur-unsur yang sama, desain ulang itu. a. Menghapus apapun yang
anda anggap berlebihan atau jalan. b. Reorganisasi tata letak c.
Memperbesar atau mengecilkan elemen apapun yang mungkin
memerlukannya. d. Jelaskan mengapa Anda membuat setiap keputusan
dan bagaimana meningkatkan kegunaan dari Halaman / situs. 3.
Masukkan website yang sering Anda gunakan. Mencetak halaman
pertama. Menarik garis di halaman yang menunjukkan di mana halaman
akan terputus di browser; garis harus membagi apa yang dapat
dilihat pada layar pertama dari apa yang bisa dilihat saat Anda
menggulir. Menghitung berapa persen ruang yang digunakan untuk
konten yang sebenarnya, berapa persen yang digunakan untuk iklan,
dan berapa persen yang digunakan untuk elemen navigasi, spanduk,
dan non-konten. 4. Ulangi latihan 3 untuk situs Web yang bersaing.
Situs yang memiliki persentase lebih besar dari first ruang layar
yang didedikasikan untuk konten? Apakah ini sama dengan kegunaan
mereka dengan cara lain?
Halaman 12
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 12 Bab 13: Design Page Tujuan Pembelajaran Alamat isu-isu
dasar halaman kegunaan dan kemungkinan meramalkan Memahami masalah
yang berkaitan dengan ukuran halaman Pelajari teknik untuk sukses
tata letak halaman Masalah Ulasan keterbacaan Memahami masalah
dengan frame Setiap halaman web individu, apakah berdiri sendiri
atau merupakan bagian dari sebuah situs, dirancang untuk beberapa
tujuan. Ada informasi tertentu yang dimaksudkan untuk menyampaikan
atau tertentu fungsi itu akan memberikan. Untuk halaman untuk
menjadi sukses, itu harus sangat jelas untuk apa yang pengguna
Halaman yang dilakukan, bagaimana setiap elemen pada fungsi
halaman, dan apa yang harus mereka lakukan untuk menyelesaikan
tugas mereka pada halaman tersebut. Bab ini menyajikan pedoman
untuk menciptakan digunakan halaman dari segi tata letak, desain,
dan organisasi konten. 13.1 Dua Halaman Dasar: Link dan Judul
Semakin sedikit pengguna harus berpikir tentang bagaimana
menggunakan fungsi pada halaman, semakin mudah akan menggunakan.
Dengan merancang halaman sesuai dengan apa yang diharapkan pengguna
untuk melihat, halaman akan lebih digunakan. Sebelum membahas
sebagian besar masalah kegunaan, ada dua langkah sederhana yang
dapat Anda ambil untuk meningkatkan kegunaan dari halaman Anda:
membuat link diprediksi dan menggunakan judul deskriptif. 13.1.1
Links Link adalah entitas fungsional dasar hypertext, dan perubahan
tempat pertama dapat memiliki dampak negatif serius pada kegunaan.
Pengguna telah datang ke harapkan link digarisbawahi bahwa umumnya
muncul dalam warna default biru untuk yang belum dikunjungi dan
ungu untuk dikunjungi. Oleh menggunakan warna default, sangat jelas
bagi pengguna yang potongan teks link. Untuk halaman dengan latar
belakang non-putih, warna-warna ini mungkin perlu diubah untuk
membuat mereka terbaca. Jika itu terjadi, membuat warna link yang
intuitif. Link harus berdiri keluar dari sisa teks, dan warna yang
dikunjungi dan belum dikunjungi harus selalu dibedakan dari satu
yang lain. Mengetahui link telah dikunjungi sering merupakan
komponen penting dari navigasi untuk pengguna. Menghapus
menggarisbawahi dari link telah menjadi populer sejak CSS telah
menawarkan bahwa option. Hal ini dapat menciptakan masalah kegunaan
yang signifikan. Tanpa menggarisbawahi, pengguna tidak bisa
pastikan bagaimana mengidentifikasi link dari teks lain pada
halaman. Ini berarti lebih mungkin bahwa
Halaman 13
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 13 mereka tidak benar akan mengklik link non-dan bahwa
mereka akan menghabiskan waktu mencoba untuk mencari tahu yang item
adalah link. Efisiensi dan kecepatan yang menurun. Sementara fitur
standar link harus dilestarikan, juga penting untuk menjaga Anda
teks lain dibedakan dari link. Teks biru dengan link biru jelas
membuat sulit untuk mengidentifikasi link. Teks digarisbawahi bahwa
adalah warna yang berbeda dari teks standar juga bisa bingung link.
Hindari menciptakan non-terkait teks yang memiliki sama visual yang
karakteristik link Anda. Selain warna, itu harus jelas di mana link
pergi dari teks terkait. Salah satu mode lebih umum penggunaan web
memindai halaman dan membaca link, diidentifikasi oleh garis bawah
mereka dan perubahan warna. Jika Anda memiliki link teks yang
buruk, seperti "klik di sini", pengguna terpaksa berhenti dan
membaca teks sekitarnya untuk mengetahui di mana link pergi. Bahkan
untuk pembaca berhati-hati, link deskriptif lebih mudah untuk
dipahami, dan membuat navigasi lebih intuitif. Pertimbangkan dua
contoh berikut di mana link yang ditunjukkan oleh tebal, teks
digarisbawahi. Cobalah untuk menemukan link ke situs eBay di setiap
paragraf. Jika Anda tertarik barang-barang antik, eBay dapat
menjadi besar sumber daya. Berikut ini adalah saya membuat sebuah
halaman web yang memiliki foto-foto beberapa item yang saya baru
saja menang. Saya juga menjual banyak item. Berikut adalah halaman
yang berisi daftar saya sedang terbuka lelang. Untuk menemukan
barang-barang antik untuk dijual, Anda dapat mengunjungi halaman
untuk eBay "Antiques" kategori di sini, atau hanya melakukan
mencari dari halaman utama mereka di sini. Jika Anda tertarik
barang-barang antik, eBay dapat menjadi besar sumber daya. Saya
membuat sebuah halaman web yang memiliki foto-foto beberapa item
saya baru saja menang. Saya juga menjual banyak item. Kamu boleh
tertarik dalam lelang terbuka saat saya. Mencari barang antik untuk
dijual, Anda dapat mengunjungi halaman untuk eBay "Antiques"
kategori, atau hanya melakukan pencarian dari homepage eBay. Jika
Anda mengamati paragraf untuk menemukan link, Anda melihat bahwa
itu jauh lebih mudah untuk menemukan itu di paragraf kedua. Bahkan
jika Anda membaca paragraf hati-hati, itu jauh lebih mudah untuk
tahu di mana setiap link masuk di paragraf kedua daripada yang
pertama. Ketika membuat link di halaman Anda, pastikan teks yang
terkait menjelaskan di mana mengklik akan membawa pengguna.
Menggunakan gambar sebagai link juga berpotensi menyebabkan masalah
kegunaan. Pengguna mungkin memiliki kesulitan untuk
mengidentifikasi link-gambar dari gambar dekoratif polos pada
halaman. Jika gambar akan digunakan sebagai link, itu harus dengan
cara yang membedakan mereka dari teks dan jelas menunjukkan bahwa
mereka harus diklik. Gambar dengan teks, terutama jika teks itu
adalah warna yang sama dengan teks tubuh dan latar belakang warna
yang sama, bingung semudah link yang tidak digarisbawahi. Demikian
pula, foto atau gambar lainnya di halaman umumnya memberikan ada
indikasi bahwa mereka harus diklik. Dirancang dengan baik bar
navigasi membuatnya lebih jelas
Halaman 14
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 14 bahwa pengguna harus mengklik pada mereka. The
Amazon.com navigasi tab bar, ditunjukkan di bawah ini, adalah salah
satu contoh gambar yang jelas harus diklik. Gambar thumbnail yang
harus diklik untuk menampilkan versi yang lebih besar juga menjadi
lebih dan lebih umum, dan dengan demikian dikenali oleh banyak
pengguna. Sebagai aturan umum, meskipun, kecuali fungsi klik sangat
jelas, gambar terkait dapat menyebabkan kebingungan. Gambar 13.1:
The Amazon.com navigasi menggunakan tab untuk memberikan indikasi
yang jelas bahwa pengguna harus mengklik gambar untuk menavigasi
antara halaman. Judul 13.1.2 Halaman Sebuah judul halaman
deskriptif juga akan melakukan banyak hal untuk kegunaan.
Menceritakan pengguna di mana mereka berada dan apa yang mereka
lihat adalah selalu ide yang baik. Amazon.com lagi menyediakan baik
sebuah Model. Pada setiap halaman, judul memberitahu pengguna bahwa
mereka berada di Amazon.com dan juga menunjukkan apa halaman mereka
berada di. Gambar 13.2: Judul sampel dari Amazon.com. Ini
menunjukkan nama situs (Amazon.com) diikuti dengan deskripsi
halaman yang dilihat (judul "Perang dan Damai (modern Library)
"dalam" Buku "bagian. Hal ini tidak hanya berguna bagi pengguna
untuk mengetahui apa yang mereka cari pada saat mereka memuat
halaman. Judul halaman yang digunakan sebagai nama untuk bookmark
di semua browser utama. Jika ada tidak ada judul, hanya URL yang
digunakan pada penunjuk. Jika semua halaman Anda memiliki judul
yang sama, pengguna memiliki cara untuk mengetahui ke mana halaman
link bookmark. 13.2 Ukuran Halaman Ada banyak langkah-langkah
ukuran - dimensi halaman, panjang isi halaman, ukuran dalam byte
semua teks dan media pada halaman. Semua langkah-langkah ini
penting untuk mempertimbangkan untuk kegunaan. 13.2.1 Halaman
Dimensi Jumlah piksel yang halaman Anda dapat menempati tergantung
pada resolusi pengguna memantau. Pada Mei 2005, perkiraan
menunjukkan bahwa 66% dari pengguna web melihat halaman dengan
resolusi 1024 X 768 atau lebih tinggi, sementara 29% sedang melihat
dengan resolusi 800 X 600 (Anda dapat memeriksa perkiraan terbaru
untuk semua statistik yang diberikan dalam bab ini di
http://www.w3schools.com/browsers/browsers_stats.asp). Dengan
sebagian besar penonton menggunakan resolusi terakhir, adalah
penting bahwa halaman dirancang untuk cocok di sana. Halaman yang
terlalu lebar akan memaksa horisontal bergulir. Itu berarti
pengguna harus gulir bolak-balik untuk membaca baris teks - proses
yang lambat dan frustasi. Kebanyakan horisontal
Halaman 15
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 15 bergulir muncul ketika halaman diformat dengan tabel
atau Cascading Style Sheets yang menetapkan lebar tetap untuk
halaman. Salah satu cara mudah untuk mencegah bergulir horisontal
adalah dengan menggunakan lebar relatif untuk elemen halaman dengan
menentukan ukuran dalam persentase daripada jumlah tetap piksel.
Gambar 13.3: cari Yahoo! yang sama seperti yang ditunjukkan pada
gambar 12,7 dilakukan pada monitor dengan resolusi 1024 X 768
resolusi. Perhatikan bahwa dua hasil pencarian penuh dengan
deskripsi dan URL yang kini terlihat di bagian bawah Halaman.
(Diakses September 2003) Bahkan tanpa gulir horizontal, halaman
yang dirancang untuk resolusi tinggi dapat menyebabkan masalah pada
800 X 600 monitor. Perhatikan contoh Yahoo! dari bab sebelumnya.
Angka 12.7 menunjukkan bahwa pengguna hanya melihat iklan dan
navigasi elemen pertama screenful hasil pencarian. Pada 1024 X 768,
resolusi yang halaman jelas dirancang, pengguna dapat melihat dua
hasil pencarian yang sebenarnya di samping semua elemen ditunjukkan
dalam bab sebelumnya. Contoh ini menunjukkan bahwa ketika halaman
yang dirancang untuk resolusi yang lebih tinggi, mereka dapat
ditampilkan dengan benar pada monitor resolusi rendah, tetapi
kurang elemen penting dapat mengambil sebagian besar jendela.
13.2.2 Halaman Panjang Halaman panjang juga menimbulkan masalah,
terlepas dari resolusi layar. Scrolling tidak Tugas transparan -
dibutuhkan jumlah yang nyata waktu dan mengganggu pengguna
mengalir. Untuk alasan ini, halaman yang panjang biasanya harus
dihindari. Dalam kasus di mana halaman panjang lebih tepat, seperti
di Frequently Asked Questions halaman, link ke setiap bagian
dari
Halaman 16
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 16 dokumen dan link kembali ke bagian atas harus dimasukkan
untuk membantu pengguna dalam melompat antara bagian. Hal ini juga
penting untuk mempertimbangkan tujuan pengguna ketika berpikir
tentang panjang halaman juga. Sebagian besar waktu, pengguna tidak
ingin membaca blok besar teks pada halaman. Membaca adalah sering
dilakukan lebih dalam mode scan. Hal ini sebagian karena jenis
informasi yang ditemukan online, dan juga karena fakta bahwa
membaca secara online lebih lambat dibandingkan membaca di atas
kertas. Jika Tujuan dari pengguna untuk membaca teks naratif,
sering lebih baik dan lebih bermanfaat untuk memecahkan teks
menjadi beberapa halaman. Jika ada tujuan lain ke halaman - seperti
memasukkan pencarian atau mengisi formulir - unsur-unsur akan
muncul di bagian atas halaman. Jika pengguna tidak tidak melihat
elemen fungsional utama dalam layar pertama, mereka dapat dengan
mudah menjadi bingung dan bertanya-tanya apakah mereka berada di
tempat yang benar. Yahoo! contoh di mana ada pencarian real
Hasilnya terlihat di layar pertama, pengguna mungkin bertanya-tanya
apakah mereka sengaja mengklik pada Halaman pengiklan bukan halaman
pencarian yang sebenarnya. 12.2.3 Ukuran Byte dan Load Time Ukuran
halaman dalam byte adalah salah satu faktor paling penting untuk
dipertimbangkan untuk halaman. Di Mei 2004, hanya di bawah setengah
dari pengguna internet yang menghubungkan dengan 56Kbps dial-up
modem, sementara yang lain 9% menggunakan lebih lambat koneksi
dial-up. Meskipun popularitas broadband meningkat, masih menyumbang
baik di bawah setengah dari pengguna web. Pada kecepatan tinggi
koneksi internet 1.5Mbps pemuatan (1,5 Megabits per detik), 1MB
sebuah (1MB = 8MB) halaman, termasuk HTML dan gambar, akan memuat
dalam waktu kurang dari 6 detik. Pada suatu 56K koneksi dial-up,
halaman yang sama akan memakan waktu sekitar 2 setengah menit untuk
memuat. Bahwa adalah waktu yang sangat lama dan pengguna tidak akan
dengan senang hati duduk-duduk menunggu halaman untuk memuat.
Panjang beban kali akan mengarahkan pengguna dari situs Anda.
Mengurangi halaman untuk 100K akan menurun waktu buka dial-up ke
bawah 15 detik. Tabel 12.1: waktu download Perkiraan untuk file
berukuran berbeda pada koneksi yang berbeda kecepatan. Kecepatan
koneksi 56kb / s 128Kb / s ISDN 640Kb / s DSL 1.5MB / s Kabel 10 MB
23 menit 15 detik 10 menit 10 detik 2 min 5 sec 52 sec 1MB 2 min 19
sec 1 menit 12 sec 5 sec 500KB 1 min 9 sec 30 sec 6 sec 2 sec P
usia S saya s z e 100KB 13 sec 6 sec 1 detik 1 detik Penyumbang
terbesar dengan ukuran halaman adalah gambar. Mengurangi jumlah
gambar pada halaman adalah cara yang bagus untuk mengecilkan ukuran
file secara keseluruhan. Banyak gambar yang berfungsi sebagai link
dapat diganti dengan tabel dengan warna latar belakang dan teks
link. Untuk gambar yang tetap pada halaman, alat kompresi gambar
harus digunakan. Alat-alat ini memiliki segala macam trik untuk
menyusut ukuran file gambar sekaligus mempertahankan kualitas
gambar yang sangat tinggi. 13.3 Tata Letak
Halaman 17
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 17 Bila pengguna datang ke halaman, tata letak harus
menunjukkan dengan tepat bagaimana untuk mencapai Fungsi utama.
Ingat bahwa pengguna tidak perlu berpikir tentang bagaimana
menggunakan halaman. Ask Jeeves (http://ask.com) adalah mesin
pencari yang dirancang untuk membiarkan pengguna memasukkan
pertanyaan atau pencarian normal. Figure13.4 menunjukkan situs yang
seperti itu muncul pada tahun 2000 dan 2001. Ada beberapa masalah
kegunaan sini. Masalah terbesar adalah dua kotak teks. Box yang
harus pengguna mengetik pertanyaan ke? Satu kotak sudah memiliki
pertanyaan di dalamnya, yang mungkin menunjukkan bahwa itu menjabat
sebagai template. Kedua kotak memiliki "Tanyakan" icon di samping
mereka yang hanya menambah ambiguitas. Ternyata bahwa siklus kotak
rendah melalui serangkaian pertanyaan. Jika pengguna mulai
mengetik, teks akan dihapus dan ditimpa setelah sekitar 2 detik.
Membaca teks mengungkapkan bahwa kotak bawah menunjukkan pertanyaan
terbaru tentang "Rumah dan Keluarga. "Kategori sini juga berubah
secara acak antara beban halaman. Karena tidak mungkin bahwa
kategori yang dipilih secara acak akan sama dengan apa yang
pengguna cari untuk, kegunaan dari kotak yang juga dipertanyakan.
Gambar 13.4 : Ask Jeeves situs seperti itu muncul pada tahun
2000dan 2001. Homepage ini juga menunjukkan serangkaian kategori
dan "tujuan favorit". Meskipun beberapa pengguna mungkin menemukan
ini berguna, penggunaan utama dari halaman rumah ini adalah untuk
memasukkan pencarian. Kategori mengambil lebih banyak ruang dan
berpusat di halaman, membuat mereka setidaknya menonjol sebagai
kotak pencarian.
Halaman 18
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 18 The "Jeeves Toolbar" kotak juga menempati ruang yang
signifikan. Ini menarik perhatian sendiri dan jauh dari perangkat
pencarian. Ini adalah fitur lain yang memiliki keunggulan pada
Halaman luar kegunaannya. Gambar 13.5 : Ask Jeeves situs seperti
itu muncul pada bulan Juni 2004.Gambar 13.5 menunjukkan versi dari
situs yang sama. Semua masalah utama dengan versi sebelumnya telah
diperbaiki. Hanya ada satu kotak teks untuk memasukkan istilah
pencarian, dan itu adalah di tengah-tengah halaman. Daftar kategori
telah dihapus. Sekarang, berbeda bagian disajikan melalui bersih,
ikon intuitif. Ini offset dari bagian utama halaman dengan latar
belakang berwarna. The "Jeeves Toolbar" pilihan masih ada, tapi
sekarang itu sebanding dengan ukuran perannya di halaman ini.
Ketika meletakkan halaman, pelajaran ini harus diingat. Pengguna
datang ke halaman Anda untuk mendapatkan informasi spesifik - tidak
melihat iklan, elemen navigasi, atau grafis dekoratif yang
berlebihan. Pages harus diatur dan ditata sehubungan dengan
informasi yang Anda pengguna akan menemukan penting, tidak sesuai
dengan apa yang Anda ingin mereka untuk melihat. 13,4 Keterbacaan
Salah satu hal mudah yang dapat Anda lakukan untuk halaman kegunaan
adalah untuk menjaga halaman terbaca . Di sana dua aspek utama
keterbacaan yang perlu diingat: font dan warna. Kebanyakan halaman
memiliki cerdas dibatasi diri Times standar atau font Arial. Jika
Anda membuat halaman yang menggunakan font yang berbeda, pastikan
bahwa itu dapat dibaca di atas latar belakang, dan bahwa akan ada
tidak ada masalah jika sistem pengguna pengganti font standar. Yang
lebih umum Masalah huruf terjadi dengan ukuran. Beberapa desainer
dan pengguna seperti penampilan lebih kecil
Halaman 19
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 19 font. Walaupun mungkin terlihat bagus bagi sebagian
orang, itu membuat halaman sangat sulit untuk dibaca untuk lain.
Browser juga dapat mengalami kesulitan render font yang lebih
kecil. Gambar 13.6 menunjukkan bagian dari United Parcel Service
(UPS) homepage. Bagian atas gambar default, font kecil yang UPS
telah ditentukan. Perhatikan bagaimana hal itu mabuk dan sangat
sulit untuk dibaca. Semakin rendah Gambar menunjukkan klip yang
sama ketika browser dikonfigurasi untuk menunjukkan font dalam
ukuran normal. Perubahan ukuran sebenarnya tidak begitu terlihat,
tapi kelancaran render font yang jelas lebih baik. Gambar 13.6 :
Sebuah bagian dari situs UPS dihttp://www.ups.com seperti itu
muncul pada bulan Juni 2004. Bagian atas Gambar menunjukkan bagian
seperti yang muncul, dengan font kecil yang merupakan default untuk
situs UPS. Semakin rendah menunjukkan gambar bagian yang sama
ketika browser menimpa kecil font dan menampilkan teks dalam yang
lebih besar, ukuran yang lebih umum. Warna juga memainkan peran
dalam keterbacaan. Sebagaimana dibahas dalam Bab 10, perawatan
harus dilakukan ketika memilih gambar latar belakang dan ketika
pencocokan teks dan warna latar belakang. Teks hitam pada latar
belakang putih selalu lebih baik untuk teks utama dan latar
belakang warna. Ini adalah bagaimana kita semua digunakan untuk
membaca, ia memiliki kontras terbaik antara latar belakang dan
latar depan, dan semua browser akan menampilkan warna dengan cara
yang sama. Jika ada yang lain warna yang digunakan, terutama dalam
elemen navigasi yang sering bervariasi dalam warna, pertama mencoba
untuk teks hitam pada latar belakang terang, atau setidaknya untuk
kontras terang-gelap yang tinggi antara latar belakang dan teks.
Langkah-langkah sederhana akan memastikan bahwa pengguna dapat
membaca pesan Anda mencoba untuk mendapatkan menyeberang ke mereka.
13,5 Cross-Platform dan Cross-Browser Kepatuhan
Halaman 20
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 20 Halaman membuat Sejauh ini, kita telah membahas bekerja
untuk orang-orang dengan cepat dan lambat internet koneksi dan
dengan layar besar dan kecil. Hal ini juga penting bahwa pengguna
dapat melihat halaman Anda terlepas dari sistem operasi mereka atau
pilihan peramban. Perkiraan pada Mei 2005 menunjukkan bahwa sekitar
67% dari pengguna memiliki Internet Explorer sebagai browser
mereka. Lain 29% menggunakan Mozilla atau Netscape Browser.
Meskipun mayoritas pengguna akan akan menggunakan Internet Explorer
pada mesin Windows, statistik ini menunjukkan bahwa akan ada masih
ada banyak pengguna pada berbagai jenis sistem. Sayangnya, desain
web malas telah menjadi masalah yang sangat umum di daerah ini.
Desainer menggunakan HTML menghasilkan perangkat lunak atau menulis
kode mereka sendiri, tetapi hanya memeriksa di Internet Explorer
karena digunakan oleh mayoritaspasar. Namun, karena browser
menangani HTML dan CSS yang berbeda, kemalasan ini berarti bahwa
berbagai masalah serius bisa melewati itu akan mencegah halaman
muncul dengan baik (atau sama sekali) di browser lain.
Pertimbangkan website CompUSA. Ini adalah sebuah perusahaan besar
yang pasti memiliki besar anggaran untuk situs berbasis perdagangan
mereka. Selain menjadi berantakan - kegunaan serius Masalah sendiri
- situs hanya bekerja dengan baik di Internet Explorer. Halaman ini
dirancang untuk pengguna dengan resolusi 1024 X 768 atau lebih
tinggi. Jika pengguna pada monitor yang kurang dari sekitar 1000
pixel (tentunya kasus untuk pengguna dengan resolusi 800 X 600),
atau jika jendela mereka tidak terbuka untuk mengisi layar, ada
scroll bar horizontal yang muncul pada halaman. Di Internet
Explorer, perilaku standar yang terjadi - pengguna harus scroll
untuk melihat apa yang ada di ujung kanan halaman. Di Mozilla,
browser yang berjalan pada sendiri dan juga merupakan dasar dari
Netscape, halaman benar-benar memotong di sebelah kiri sehingga
pengguna tidak dapat melihat teks lengkap. Tidak ada pilihan untuk
scroll dan melihat teks dipotong; saya t telah hilang begitu
saja.
Halaman 21
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 21 Gambar 13.7 : Website CompUSA di Internet Explorer(Top)
dan Mozilla (bawah). Perhatikan bagaimana muncul sebagai diharapkan
di Internet Explorer, tetapi di Mozilla sisi kiri adalah terputus,
meskipun scrollbar horizontal sepanjang jalan sebelah kiri.
Kesalahan ini telah dilakukan sejak diperbaiki. (Diakses Agustus
2003) Meskipun masalah ini hanya dapat mempengaruhi sebagian kecil
pengguna, itu mencerminkan buruk pada Perusahaan dan masih memiliki
potensi untuk mengusir pelanggan tertarik. Sebagai web desainer,
itu harus latihan bagi Anda untuk memeriksa pekerjaan Anda pada
Windows, Macintosh, dan Sistem operasi Linux menggunakan versi yang
berbeda dari masing-masing browser. Ada pernah alasanbahwa Anda
harus menggunakan fitur khusus browser atau ekstensi HTML, dan Anda
tidak harus berasumsi bahwa bahkan standar HTML dan CSS akan
bekerja dengan cara yang sama di seluruh platform. Versi ini juga
layak disebutkan dalam konteks ini. Anda tidak harus mengharapkan
bahwa semua pengguna Anda memiliki versi terbaru dari Internet
Explorer atau Netscape. Banyak orang belum upgrade, dan kecuali ada
alasan yang kuat jika tidak, halaman Anda harus bekerja di di
setidaknya versi terbaru dari browser utama dan versi pendahulunya
langsung mereka pada ketiga sistem operasi. Setelah semua, ini
adalah World Wide Web, bukan Microsoft Pengguna Web. 13,6 Frames
Seperti disebutkan dalam bab sebelumnya, satu-satunya bagian utama
dari HTML dan XHTML standar tidak tercakup dalam buku ini adalah
frame. Bingkai membagi jendela browser menjadi sub windows yang
masing-masing menampilkan dokumen HTML yang terpisah. Bahkan ketika
digunakan dengan baik, frame menyebabkan masalah. Ketika jendela
browser lebih kecil dari apa halaman itu dirancang untuk, frame
baik akan muncul dengan scroll horisontal
Halaman 22
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 22 bar atau, jika desainer telah dicegah secara eksplisit
scroll bar muncul, isi akan kehabisan bingkai dan tidak dapat
dilihat. Navigasi dan menghubungkan juga bisa menimbulkan masalah,
bahkan di berdasarkan kerangka yang dirancang terbaik halaman.
Salah satu dokumen HTML menentukan tata letak frame di jendela,
yang disebut frameset . Jika pengguna navigasikan beberapa halaman
ke situs, dan ingin penunjukinformasi spesifik yang mereka temukan,
penunjuk akan tidak bekerja seperti yang diharapkan dengan frame.
Browser hanya akan penunjuk halaman yang berisi kode untuk frame,
tetapi tidak ada cara untuk mengetahui halaman yang ditampilkan
dalam frame tersebut. Dengan demikian, penunjuk akan selalu link ke
setup default frameset tersebut. Ini fitur yang sama frame juga
berarti bahwa setiap halaman akan memiliki judul yang sama. Judul
halaman harus ditentukan dalam dari dokumen menggunakan tag. Masing
Masing Halaman individu mungkin memiliki judul, tapi satu yang
muncul dalam browser akan selalu judul pada halaman yang berisi
frameset tersebut. Jika pengguna mengunjungi halaman frame, masalah
lain bisa muncul. Kadang-kadang, ketika Halaman reloaded, mungkin
kembali pengguna untuk konfigurasi default dari frame. Pencarian
mesin mengalami kesulitan dengan frame juga. Mereka tidak bisa
membedakan mana halaman yang dirancang untuk muncul dalam halaman
frame yang lebih besar. Itu berarti bahwa mesin pencari dapat
membuat link ke halaman dirancang untuk menjadi bagian dari sebuah
frameset. Halaman ini cenderung tidak memiliki elemen navigasi atau
mengidentifikasi teks atau gambar untuk menunjukkan apa situs yang
mereka milik. Percetakan juga bisa rumit dengan frame. Sejak
beberapa dokumen HTML yang ditampilkan pada sekali, browser dapat
mencetak bingkai selain satu dengan konten utama. Ketika
diimplementasikan dengan buruk, frame yang tidak pendek mimpi buruk
kegunaan. Salah satu potensi masalah terbesar adalah ketika sebuah
situs luar terbuka di dalam bingkai. Karena ruang tersedia untuk
menunjukkan halaman tersebut sangat berkurang, isinya mungkin
benar-benar terbaca. Dalam bab sebelumnya, angka 12,5 pergi ke
ekstrem untuk menggambarkan beberapa masalah ini. Scrollbar dan
konten squished semua sangat sulit untuk melihat. Bahkan di
dirancang serius halaman, varian jenis masalah bisa timbul. 13,7
Ulasan Format link yang diprediksi dan judul membantu pengguna
merasa berorientasi pada halaman. Ukuran Halaman - dimensi, panjang
halaman, dan ukuran byte - harus disesuaikan untuk kegunaan pada
kebanyakan sistem. Ini berarti bahwa halaman harus memuat cepat dan
dapat dilihat untuk pengguna pada modem dial-up dengan resolusi 800
X 600 Monitor. Ketika meletakkan halaman, fungsi yang paling umum
digunakan harus yang paling menonjol pada halaman. Keunggulan fitur
harus langsung berhubungan dengan frekuensi dengan yang fitur yang
akan digunakan. Pages harus dibuat dengan terbaca font, ukuran, dan
warna. Setiap halaman harus bekerja di semua browser dan sistem
operasi. Frame memiliki banyak masalah kegunaan yang muncul bahkan
ketika mereka diimplementasikan dengan baik. Umumnya, mereka harus
dihindari.
Halaman 23
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 23 13,8 Pertanyaan 1. Sebutkan tiga faktor utama yang
mempengaruhi kegunaan dari suatu halaman web. 2. Berapa persen dari
pengguna internet terhubung dengan dial-up koneksi? 3. Apa resolusi
layar yang paling umum? 4. Apa resolusi layar yang paling umum
kedua? 5. Berapa banyak warna dapat pengguna biasa lihat di monitor
mereka? 6. Berapa persen pengguna memiliki komputer Macintosh. 7.
Perancang web khas profesional memiliki koneksi broadband dan baru
komputer dengan monitor yang memutuskan untuk setidaknya 1024 X 768
dengan 16 juta warna. Jika desainer dioptimalkan desain mereka
untuk spesifikasi komputer mereka sendiri, apa yang kelompok
pengguna yang berbeda yang akan mereka akan mengasingkan dan
mengapa? 8. Bagaimana ukuran font dan wajah mempengaruhi kegunaan
dari sebuah situs web? 9. Jika mayoritas pengguna menggunakan
platform tunggal (seperti Internet Explorer pada Windows), mengapa
masih penting untuk desain untuk dasarnya semua browser dan operasi
sistem? 10. Beberapa halaman perlu lama. Sebagai contoh, banyak
Pertanyaan yang Sering Diajukan (FAQ) halaman mencoba untuk
memiliki semua informasi pada halaman yang sama sehingga pengguna
tidak perlu kembali balik antara pertanyaan dan jawaban. Apa
teknologi HTML dapat digunakan untuk membuat halaman yang sangat
panjang, seperti FAQ, lebih bermanfaat? 11. Pertimbangkan panjang
halaman. a. Apa adalah beberapa alasan bahwa halaman yang panjang
konten harus dihindari? b. Dalam kasus apa mungkin halaman yang
panjang baik-baik saja? c. Apa jenis informasi tambahan harus
dimasukkan dalam halaman yang harus lama untuk membuat kegunaan
yang lebih baik? 12. Pertimbangkan dua contoh berikut link: a.
Contoh 1: Saya menemukan sebuah website baru yang besar untuk
belanja disebut Froogle.com. b. Contoh 2: Untuk situs belanja baru
yang besar disebut Froogle.com, klik di sini. c. Yang contoh adalah
lebih baik dan mengapa? 13. kecil, font bergaya sering muncul di
halaman dirancang secara visual. a. Apa kelompok pengguna mungkin
menyebabkan ini kesulitan untuk? b. Apa yang terjadi jika pengguna
tidak memiliki font yang benar diinstal? c. Bagaimana bisa seorang
desainer memastikan teks yang muncul dalam font tertentu? d. Apa
implikasi kegunaan akan solusi tersebut memiliki? e. Apa pilihan
terbaik ketika memilih font untuk halaman? 14. Pertimbangkan waktu
buka untuk halaman (Petunjuk:. Ada 8 bit dalam 1 byte Bits
disingkat dengan huruf kecil "b" seperti dalam Mb untuk megabit,
dan byte disingkat dengan modal "B" seperti MB untuk megabyte) a.
Berapa lama gambar 2MB akan memuat seseorang dengan 56Kbps (kilobit
per kedua) koneksi internet? b. Berapa lama akan gambar 2MB sama
mengambil untuk memuat lebih dari satu broadband 1.44Mbps
koneksi?
Halaman 24
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 24 c. Berapa lama akan mengambil gambar 200KB untuk memuat
pada koneksi internet 56kbps? d. Berapa lama akan halaman yang
memiliki total 500KB teks dan gambar yang diperlukan untuk memuat
melalui koneksi 128Kbps DSL? e. Pertimbangkan berapa banyak orang
menggunakan koneksi dial-up. Apa yang Anda pikirkan adalah
terpanjang mereka harus menunggu untuk halaman untuk memuat (berapa
lama Anda akan menunggu)? f. Sebagai hasil dari jawaban Anda untuk
(e), apa total jumlah terbesar byte bahwaHalaman dengan semua
gambar yang seharusnya? 15. Ingat bagian 1 bab ini. a. Apa dua
potong dasar informasi yang Anda dapat memberikan dengan halaman
Anda untuk membuat lebih bermanfaat? b. Jelaskan manfaat kegunaan
masing-masing. 16. Beberapa orang berpendapat bahwa warna link yang
harus selalu dibiarkan sebagai warna default (biru untuk link yang
belum dikunjungi, ungu untuk link yang dikunjungi). Yang lain
mengambil pendekatan yang lebih lembut dan mengatakan bahwa harus
ada setidaknya menjadi perbedaan yang jelas antara warna link yang
dikunjungi dan belum dikunjungi. Apa aspek kegunaan web yang
terpengaruh ketika sulit untuk membedakan dikunjungi link dari link
yang belum dikunjungi? 17. Apa sajakah masalah kegunaan dengan
frame? 13,9 Latihan 1. Cari situs sebuah perusahaan atau organisasi
yang telah jelas menghabiskan banyak waktu dan uang merancang situs
mereka (website organisasi besar yang mungkin akan jatuh kategori
ini). Menganalisis situs mereka (bukan seluruh situs) sehubungan
dengan masalah kegunaan yang disajikan dalam bab ini. Fokus pada
halaman rumah saja, tidak seluruh situs. 2. Pilih homepage dari
sebuah website yang sering Anda gunakan. Mengidentifikasi masalah
kegunaan dengan halaman dan membuat dokumen HTML yang kembali
desain halaman untuk mengatasi setiap mengeluarkan Anda telah
mengidentifikasi. 3. Bab ini dimulai dengan dua aturan sederhana
untuk membuat halaman lebih bermanfaat: membuat link jelas
diidentifikasi, dan menempatkan judul pada setiap halaman. a.
Menggunakan pengetahuan Anda tentang Cascading Style Sheets, warna,
dan HTML, membuat Halaman web yang melanggar setiap salah satu
rekomendasi. aku m. Tambahkan dua atau tiga paragraf teks tentang
beberapa topik yang menarik bagi Anda. Membuat beberapa kata dalam
teks link. aku aku. Membuat link (dikunjungi dan belum dikunjungi)
muncul persis seperti teks biasa - yang warna yang sama, ukuran
yang sama, dan tanpa garis bawah. aku aku aku. Jangan tidak
menempatkan judul pada halaman Anda.b. Buka halaman yang Anda buat
pada bagian (a) di browser Anda. Menambahkan bookmark untuk itu
Halaman. Bagaimana penunjuk muncul dalam daftar bookmark Anda? 4.
Menggunakan halaman yang Anda buat dalam latihan 3 (a), memperbaiki
semua masalah kegunaan. Tambahkan judul dan membuat link lebih
bermanfaat baik dalam penampilan dan cara mereka dipisahkan dari
sebagian besar teks Anda. 5. Bandingkan homepage dari mesin pencari
Google dan pencari favorit Anda yang lain Alat (jika Google adalah
favorit Anda, pilih favorit kedua untuk membandingkan). Google
adalah desain yang sangat polos. a. Bagaimana hal itu dibandingkan
dengan alat pencari lainnya?
Halaman 25
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 25 b. Apakah isu-isu kegunaan Anda dapat mengidentifikasi
dengan setiap halaman? c. Bagaimana Anda akan mengubah halaman baik
untuk membuatnya lebih bermanfaat? 6. Load halaman rumah kuliah /
universitas / sekolah dan halaman rumah lain sekolah dengan ukuran
yang sama dan dengan sumber daya yang sama (yaitu tidak
membandingkan lokal community college dengan universitas riset
besar - kompleksitas informasi dan sumber daya yang tersedia untuk
desain secara dramatis berbeda). Untuk masing-masing sekolah
menjawab pertanyaan berikut: a. Apakah ada keseimbangan yang baik
dari gambar vs konten di halaman rumah? Apakah layar didominasi
oleh gambar universitas, mendorong keluar konten yang berharga? b.
Berapa banyak situs yang terlihat di screenful pertama, tanpa
bergulir? c. Kebanyakan perguruan tinggi / universitas halaman
rumah berfungsi terutama sebagai portal - mereka fokus terutama
tautan untuk membawa pengguna ke bagian yang menarik. Seberapa baik
adalah link terorganisir? Apakah ada kategori utama saja, atau
banyak sub-bagian terkait juga? Apakah ada tampaknya menjadi alasan
yang jelas dan baik untuk setiap link pada halaman? d. Adalah
halaman berantakan? Apakah sekolah mencoba untuk mendapatkan setiap
bagian penting dari informasi pada satu halaman, atau halaman rumah
bersih dan terorganisir dengan baik? Membandingkan analisis Anda
dari masing-masing sekolah, apa aspek kegunaan terbaik masing
masing? Apakah halaman satu sekolah jelas lebih baik daripada yang
lain?
Halaman 26
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 26 Bab 14: Desain Situs Tujuan Pembelajaran Memahami
bagaimana membuat website kohesif Pelajari metode yang berbeda dari
organisasi situs Mengembangkan cara membuat mudah dinavigasi Situs
Memahami penggunaan dasar fitur pencarian pada Situs Aturan untuk
meletakkan setiap halaman membantu memastikan bahwa pengguna dapat
mencapai tugas khusus yang halaman dirancang untuk. Web situs ,
yang terdiri dari banyak halaman, memilikiyang berbeda dari masalah
kegunaan yang sama pentingnya. Bab ini memperkenalkan beberapa dari
konsep yang paling penting untuk membuat website yang dapat
digunakan. 14.1 Konsistensi Baik besar atau kecil, penting bagi
pengguna untuk mengetahui apakah halaman mereka lihat adalah bagian
dari sebuah situs. Ketika link diklik dan halaman baru muncul, itu
harus sangat jelas apakah atau tidak halaman yang merupakan bagian
dari situs yang sama. Untungnya, sangat mudah untuk menjaga
konsistensi visual. Semua yang dibutuhkan adalah tata letak cukup
standar dan penggunaan warna dan gambar pada setiap halaman. Salah
satu fitur yang paling umum digunakan untuk memberikan konsistensi
untuk sebuah situs adalah logo atau banner. Google menggunakan nama
yang sangat diidentifikasi banner mereka di beberapa tempat di
situs mereka. Karena halaman hasil pencarian hanya daftar panjang
link dan teks, akan mudah untuk pengguna harus yakin tentang apa
yang mereka lihat. Penggunaan banner mencegah hal ini, jelas
mengidentifikasi halaman sebagai hasil Google. Spanduk tersebut
adalah unsur yang paling menonjol pada rumah halaman pencarian, dan
juga muncul di bagian atas halaman hasil, dan di bagian bawah
menunjukkan jumlah hasil pencarian. Dengan demikian, tanpa warna
dasar atau tata letak yang unik elemen, pengguna tahu di mana
mereka berada di halaman rumah atau di halaman hasil di bagian atas
atau bawah.
Halaman 27
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 27 Gambar 14.1 : Google Banner digunakan di beberapa tempat
dihalaman yang berbeda dalam situs mereka. Gambar atas adalah rumah
Halaman, gambar tengah menunjukkan logo di bagian atas hasil
halaman, dan gambar bawah menunjukkan hal itu penomoran halaman
hasil pencarian. (Diakses September 2003) Konsistensi elemen tata
letak dan komposisi juga dapat memudahkan untuk mengetahui bahwa
halaman yang saling berhubungan. Gambar 14.2 menunjukkan dua
halaman dari University of Chicago Situs penerimaan. Logo di sini,
Phoenix dan nama universitas, relatif mencolok jika dibandingkan
dengan logo Google. Setiap bagian dari situs (Mengunjungi,
Akademisi, Kehidupan Kampus, dll) menggunakan warna yang berbeda
untuk teks dan bar navigasi untuk membedakannya dari yang lain.
Nama bagian dalam banner, warna atas bar navigasi, dan unsur-unsur
di sisi bar semua berubah tergantung pada bagian tersebut. Bahkan
tanpa logo yang sangat menonjol atau pewarna yang konsisten, masih
sangat jelas bahwa halaman adalah bagian dari situs yang
komprehensif dari tata letak dan konfigurasi elemen. Navigasi bar
adalah unsur yang paling menonjol. Meskipun perubahan warna,
posisi
Halaman 28
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 28 dan ukuran relatif tetap sama. Font yang digunakan untuk
judul bagian dalam banner dan dalam judul bagian saat ini di atas
bar juga agak berbeda dan dikenali. Sisi kiri navigasi bar yang
berisi daftar halaman masing-masing sub juga tetap konstan dalam
penempatan dan penampilan. Pencarian, komentar, dan pilihan-cetak
muncul di bawah link ini di setiap halaman. Karena tata letak
konsisten, pengguna dapat yakin bahwa halaman yang berbeda adalah
bagian dari situs yang sama.
Halaman 29
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 29 Gambar 14.2 : Dua halaman dikecualikan dari
UniversitasChicago situs Penerimaan
(Http://collegeadmissions.uchicago.edu) menggambarkan bagaimana
tata letak dan konfigurasi elemen yang konsisten dapat membuat
halaman di situs muncul untuk menjadi bagian dari keseluruhan,
bahkan tanpa mewarnai konsisten atau logo besar. (Diakses September
2003) Ketika tata letak halaman di situs berbeda, warna dan bentuk
dapat digunakan untuk membuat situs muncul terhubung. ING Direct,
bank secara online, hal ini cukup efektif. Semua mereka halaman
memiliki teks hitam pada latar belakang putih dengan biru dan
oranye grafis cerah. Lingkaran juga memainkan peran penting dalam
situs. Gambar 14.3 menunjukkan tiga halaman dari situs: homepage,
halaman informasi, dan halaman dari toko online. Meskipun
konfigurasi berbeda, oranye (ditampilkan sebagai abu-abu terang)
dan biru (ditampilkan sebagai gelap abu-abu) yang konsisten di
seluruh halaman. Daerah besar biru juga bergaris untuk membuat
mereka sedikit lebih khas. Juga perhatikan lingkaran besar di
halaman rumah, lingkaran untuk setiap link pada halaman informasi,
dan bahkan lingkaran digunakan sebagai peluru dan pemisah di
halaman toko. Konsistensi ini dalam warna khas dan bentuk dasi
bersama-sama berbeda halaman, sehingga jelas bagi pengguna bahwa
mereka sedang melihat bagian dari keseluruhan umum.
Halaman 30
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 30 Gambar 14.3 : Tiga halaman dari bagian yang berbeda
dariING Direct situs (http://ingdirect.com). Meskipun tata letak
berbeda, penggunaan warna dan bentuk yang identik elemen di halaman
membuat mereka tampil konsisten. (Diakses September 2003) 14.2
Navigasi
Halaman 31
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 31 Apakah itu mengemudi atau di web, mengetahui di mana
Anda berada dan di mana Anda akan pergi adalah penting. Membuat
halaman di situs yang konsisten akan membantu pengguna mengetahui
bahwa mereka berada dalam situs, tapi bisa bergerak dalam sebuah
situs adalah sama pentingnya. Ini harus jelaspengguna di mana
mereka akan pergi jika mereka mengklik link, di mana mereka berada
dalam situs, dan bagaimana kembali ke tempat awal yang wajar. Untuk
membuat sebuah situs mudah dinavigasi, Anda sebagai desainer harus
mulai dengan rasa yang baik bagaimana situs ini disusun. Untuk
situs kecil, organisasi mungkin jelas. Untuk yang lebih besar
Situs, sering lebih masuk akal untuk membagi menjadi sub-situs yang
lebih kecil, masing-masing dengan sendiri Skema navigasi. Apakah
untuk keseluruhan situs atau sub-bagian, ada beberapa yang berbeda
cara untuk mengatur sebuah situs. Apapun yang Anda pilih,
organisasi situs harus mencerminkan penonton dan informasi yang
mereka ingin mendapatkan. 14.2.1 Sequential Organisasi Sebuah
organisasi sekuensial, di mana halaman mengikuti urutan tertentu,
masuk akal dalam beberapa situasi. Jika situs Anda menggunakan
beberapa halaman untuk menggambarkan urutan langkah-langkah untuk
menyelesaikan Proses, untuk menceritakan kisah narasi, atau untuk
menyajikan informasi kronologis, berurutan organisasi akan sering
masuk akal. Dalam organisasi ini, halaman link ke satu sama lain
dalam order. Untuk membuat pengguna hidup lebih mudah, akan sangat
membantu untuk membiarkan mereka menghubungkan kedua maju dan
mundur ke belakang. Hal ini membuat alami untuk kembali dan
meninjau informasi dari sebelumnya item dalam urutan. Penomoran
atau entah bagaimana menunjukkan di mana halaman saat cocok menjadi
Urutan ini juga cukup membantu. Ini memungkinkan pengguna
mengetahui seberapa jauh mereka telah datang, dan bagaimana lebih
jauh lagi mereka harus pergi. Jika urutan adalah bagian dari situs
yang lebih besar, hal ini juga berguna untuk menyediakan link pada
setiap halaman yang mengambil pengguna keluar dari urutan, atau
kembali ke awal Halaman. Dengan begitu, jika mereka memutuskan di
tengah bahwa mereka tidak tertarik untuk menyelesaikan urutan,
mereka bisa keluar tanpa harus klik tombol kembali berkali-kali.
Gambar 14.4 : Organisasi atas menunjukkan aliran sekuensialhalaman.
Organisasi bawah adalah hirarkis. 14.2.2 hirarkis Organizaion
Halaman 32
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 32 Ketika jumlah yang sangat besar halaman yang tersedia,
hirarki adalah cara alami untuk mengatur informasi. Hirarki adalah
bentuk utama organisasi di eBay, misalnya, di mana lebih dari 10
juta item (masing-masing dengan halaman sendiri) yang tersedia pada
waktu tertentu. Itu dua puluh dua kategori utama masing-masing
dibagi dan kembali dibagi ke paling banyak lima tingkat ke bawah.
Hirarki ini efektif berisi semua barang untuk dijual (meskipun
beberapa yang uncategorizble berakhir di Lain-Lain -> Aneh Stuff
-> Benar-benar Aneh). eBay melakukan pekerjaan yang sangat baik
yang memungkinkan pengguna untuk menavigasi hirarki. Dalam "Browse"
dari situs, pengguna mengklik salah satu kategori utama, dan dapat
melihat hirarki seluruh bawah diperluas dengan jumlah item yang
terdaftar di masing-masing. Gambar 14.5 : Bagian dari halaman
kategori gambaran untuk"Koin" Kategori ditemukan di eBay. (Diakses
September 2003) Pengguna juga mengingatkan tempat mereka dalam
hirarki saat melihat item. Itu Kategori terdaftar di bagian atas
halaman, di bawah bar navigasi (lihat gambar 14.6). Pengguna dapat
klik pada kategori untuk menavigasi kembali ke sana, atau klik
salah satu link bar navigasi untuk kembali item dan kembali ke
bagian yang dikenal dari situs. Banyak situs menggunakan hirarki,
dan metode lain yang menunjukkan posisi halaman dalam yang Struktur
bekerja dengan baik. Menyoroti kategori lancar di bar navigasi atau
termasuk nama bagian pada halaman memberikan indikasi yang jelas
dari tempat halaman.
Halaman 33
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 33 Gambar 14.6 : Item listing di eBay. Perhatikan
"Diiklankan dikategori "hubungan antara bar navigasi di bagian atas
dan judul daftar. (Diakses September 2003) 14.2.3 Organisasi
berbasis Web Struktur organisasi yang paling umum di web adalah ...
web. Halaman link ke satu lain dengan cara-cara yang masuk akal
berdasarkan pada konten. Mereka bisa berdiri sendiri, dapat diakses
hanya dari satu halaman lain, atau mereka dapat menghubungkan
banyak halaman di situs. Ide balik hypertext adalah untuk
memungkinkan menghubungkan dengan cara ini, sehingga Anda tidak
harus mencoba untuk memaksa situs Anda menjadi salah satu struktur
organisasi yang dibahas di atas. Bila menggunakan web seperti
struktur, meskipun, itu lebih mudah bagi pengguna untuk tersesat.
Yang membuat organisasi dan navigasi yang baik sangat penting.
Meskipun Anda, sebagai desainer, akan tahu persis bagaimana setiap
halaman cocok dengan keseluruhan kumpulan halaman di situs Anda,
pengguna tidak akan tahu ini, atau harus mereka harus
mempelajarinya. Sebaliknya, mereka harus mampu mengikuti link
navigasi yang mencerminkan kepentingan mereka di situs dan
mendapatkan informasi yang mereka butuhkan. Halaman utama situs
harus dibagi ke dalam kategori yang akan menarik bagi penonton. Ini
pertama mungkin membagi penonton menjadi subkelompok, atau bergerak
ke arah topik tertentu. Pertimbangkan homepage universitas. Ada
berbagai macam orang yang akan mengunjungi situs: siswa saat ini,
calon siswa, orang tua, peneliti, alumni, fakultas, anggota pers,
dan lain-lain. Halaman-halaman masing-masing kelompok mungkin ingin
mengunjungi berbeda sangat, tapi organisasi ketat hirarkis halaman
sesuai dengan audiens tidak akan bekerja karena ada sedikit tumpang
tindih. Siswa dan orang tua mungkin ingin membaca tentang kehidupan
di kampus dan melihat peta yang menunjukkan lokasi yang berbeda.
Anggota pers mungkin juga perlu melihat peta untuk mencari tahu
bagaimana untuk sampai ke sebuah acara di sebuah bangunan tertentu.
Itu tidak masuk akal bagi siswa atau orang tua harus pergi ke
bagian Tekan situs untuk menemukan peta, juga tidak masuk akal bagi
pers orang untuk mengunjungi Mahasiswa dan Orang Tua bagian.
Halaman 34
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 34 Sebuah hirarki ketat sesuai dengan topik tidak akan
berhasil. Bagian Campus mungkin berhak berisi link ke peta, tetapi
halaman peta juga akan masuk ke bagian tentang Berita dan Acara.
Dengan banyak halaman yang dapat digunakan oleh orang yang berbeda
dalam berbagai cara, yang terbaik adalah untuk memberikan link dari
tempat yang relevan. Kedua bagian Kampus dan yangBerita dan Acara
bagian harus link ke halaman peta. Sebuah organisasi situs yang
baik akan mencoba untuk mempersempit kepentingan pengguna pertama.
Hal ini dapat dengan Jenis penonton (Current Mahasiswa, Peneliti,
Orangtua, Press, dll.), berdasarkan topik (Campus, Berita dan
Acara, Departemen Akademik, dll), atau keduanya. Hal ini sangat
benar untuk mencampur kategori juga, termasuk beberapa yang sempit
oleh penonton dan beberapa yang sempit dengan topik. Informasi dan
link yang relevan harus dimasukkan dalam setiap kategori. Paling
Item penting untuk diingat adalah untuk menjadi berlebihan. Jika
halaman peta relevan dengan setiap kategori pengunjung dan setiap
topik, maka harus dimasukkan dalam setiap kategori. Tujuannya
kegunaan adalah untuk tetap keluar dari jalan pengguna '. Ini
berarti membuat informasi dapat diakses mereka kapan dan di mana
mereka ingin - tidak memaksa mereka untuk mencari tahu Anda
navigasisistem. Termasuk beberapa link ke halaman dari tempat yang
berbeda adalah ide yang baik, tetapi tidak meningkatkan isu tentang
bagaimana pengguna tahu di mana mereka berada di situs. Tanpa
hirarki atau urutan, tidak ada cara alami untuk menunjukkan kepada
pengguna bagaimana mereka tiba di saat Halaman. Tergantung pada
kedalaman situs, daftar kategori pertama atau kedua-level pada
setiap halaman mungkin cukup. Jika link mulai mendapatkan sangat
dalam atau kacau, mungkin sudah saatnya untuk berpikir tentang
mengorganisir sub-situs, masing-masing dengan elemen navigasi
mereka sendiri. 14.2.4 Link Berikut Terlepas dari struktur
organisasi yang telah Anda pilih, adalah penting bahwa pengguna
tahu apa yang akan terjadi ketika mereka mengklik link. Sebagaimana
dibahas dalam bab sebelumnya, link dengan teks "klik di sini"
menyediakan pengguna dengan sedikit informasi. Ketika merancang
situs lengkap, ada cara baru untuk membuat kesalahan kegunaan yang
sama. Dalam desain berurutan, ini terjadi dengan link yang memiliki
teks seperti "next" atau "halaman 12". Jika pengguna melihat teks
"berikutnya" terkait, yang tidak memberikan informasi apapun
tentang apa halaman sebenarnya datang berikutnya. Sebuah link yang
lebih baik akan berisi deskripsi singkat tentang apa yang pengguna
akan temui di halaman berikutnya. Demikian pula, link yang halaman
nomor memberikan sedikit informasi. Jika, misalnya, pengguna
melihat teks "halaman 12" terkait, semua mereka tahu adalah jumlah
dari halaman berikut. Mereka tidak tahu apa yang ada di "halaman
12". Apakah link ke "halaman 12" berarti bahwa pengguna pada
"halaman 11"? Nomor halaman atau nama berurutan seperti "next" atau
"Sebelumnya" tidak memberitahu pengguna banyak tentang di mana
mereka berada, di mana mereka telah, atau di mana mereka akan
pergi. Termasuk nomor halaman atau nama berurutan dapat berguna
untuk referensi (pengguna mungkin ingat melihat sesuatu di halaman
10, yang lebih mudah kemudian mengingat seluruh URL) atau untuk
membiarkan pengguna mengetahui bahwa mereka maju ke depan Halaman
dalam urutan bukan beberapa halaman sewenang-wenang, tetapi mereka
harus disertai oleh judul halaman atau deskripsi.
Page 35
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Page 35 Sebagai contoh, perhatikan situs tentang sejarah komputasi
terorganisir secara kronologis. A "Next" link memberitahu kita
sangat sedikit, tapi "Next: ENIAC dan 1940-an" menggambarkan apa
yang berikutnya halaman berisi dan bagaimana hal itu cocok ke
seluruh situs. Jika setiap link berisi jenis deskripsi, tidak hanya
memungkinkan pengguna untuk melihat apa yang akan terjadi, tetapi
membantu menempatkan mereka dalam konteks urutan. Aturan umum yang
sama berlaku untuk hirarki. Sama seperti "berikutnya" link yang
tidak terlalu berguna, juga tidak "up" link dalam hirarki yang
membawa pengguna naik satu tingkat. "Up" tidak mengatakan apa-apa
tentang apa yang sebenarnya di halaman target. Jenis link sangat
terkenal di situs web yang berisi berita log kelompok atau papan
pesan. The "up" link dapat membawa pengguna ke pesan sebelumnya, ke
pesan pertama yang memulai benang (daftartanggapan), sampai dengan
tanggal sebelumnya, atau sampai ke tingkat atas papan pesan.
Pengguna sering datang ke log pesan ini di tengah - melalui link ke
pesan tertentu - jadi mereka tidak memiliki cara untuk mengetahui
apa yang "up". Nama Link deskriptif membantu di sini, seperti yang
mereka lakukan dengan link berurutan. Mengganti "up" dengan "Up:
Untuk pesan pertama di thread berjudul 'Who menemukan komputer
"memberitahu pengguna apa yang mereka akan melihat apakah mereka
mengklik mata rantai. 14.3 Pencarian Untuk sebagian besar situs
besar, fitur pencarian tidak hanya bagus, itu perlu. Bayangkan eBay
tanpa fitur pencarian. Pengguna harus menavigasi hirarki setiap
waktu untuk menemukan kategori umum item mereka tertarik. Bahkan
jika itu mudah dilakukan, ada akan ada cara untuk mencari salah
satu dari beberapa item yang masuk dalam kategori yang sama. Teknik
pencarian bukan tugas sepele. Mesin pencari seperti Google
menghabiskan banyak waktu dan uang mengembangkan cara mengembalikan
hasil yang baik. Meskipun menulis perangkat pencarian adalah di
luar cakupan buku ini, ada beberapa aturan dasar yang perlu diingat
saat menambahkan fitur pencarian untuk situs. Pertama, pencarian
harus dirancang untuk mencari situs khusus dan secara default.
Beberapa situs menawarkan pilihan untuk mencari situs atau untuk
mencari seluruh web. Ini pencarian web penuhFitur ini berguna dalam
beberapa konteks. Sebagai contoh, sebuah situs berita mungkin ingin
menawarkan web fitur pencarian sehingga pengguna dapat dengan cepat
mencari istilah atau peristiwa yang mereka temukan dalam berita.
Dalam hal ini, menawarkan pencarian web penuh dapat dimasukkan
sebagai pilihan, tapi yang pencarian situs harus pencarian default.
Situs lain menawarkan hanya pencarian penuh web. Di kebanyakan
kasus, hal ini tidak tepat. Pengguna dapat dengan mudah bingung
tentang apakah atau tidak pencari akan over seluruh web atau hanya
isi situs. Selanjutnya, di sebagian besar kasus, jika pengguna
ingin melakukan pencarian web, mereka akan pergi ke situs mesin
pencari - bukan Situs yang ditujukan untuk topik yang lain.
Tergantung pada ukuran situs Anda, dapat membantu untuk membatasi
bagian yang pencarian meliputi. Di eBay, jika pengguna menavigasi
ke kategori, mereka memiliki pilihan untuk mencari semua dari eBay,
atau mencari hanya dalam kategori tertentu. Jika pengguna ingin
menemukan digunakan Copy DVD dari film "Tujuh", pencarian dalam
"DVD dan Film" kategori akan menjadi jauh lebih berguna daripada
pencarian eBay umum yang menarik setiap lelang dengan kata "Tujuh"
dalam judul. Bahkan di situs yang lebih kecil, pencarian terbatas
bisa sangat berguna. Masyarakat A
Halaman 36
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 36 organisasi mungkin ingin menawarkan pencarian istilah
dalam siaran pers mereka tanpa termasuk halaman dari sisa situs.
Hal ini berguna untuk beberapa penonton (tekan orang) dan membantu
organisasi fokus pesan mereka. Pada sebaliknya, pengguna tidak
boleh dipaksa untuk menggunakan pencarian terbatas. Karena sifat
saling halaman dan topik di web, informasi pengguna kebutuhan dapat
tidak diklasifikasikan di daerah terbatas pencarian. Bahkan jika
informasi harus berada dalamkategori tertentu, mungkin tidak.
Sebagai contoh, pada saat penulisan bab ini, beberapa salinan film
"Tujuh" yang tersedia di eBay dalam kategori selain "DVD danFilm ".
Ini mungkin menjadi pilihan yang buruk dari kategorisasi pada
bagian dari penjual, tetapi Meskipun demikian, informasi adalah
suatu tempat yang pencarian terbatas tidak akan menemukannya.
Bahkan jika situs menawarkan pencarian terbatas secara default,
pastikan untuk memberikan pengguna kesempatan untuk mencari situs
yang lebih besar. Apakah Anda menggunakan sendiri, alat Anda khusus
dikembangkan pencarian, atau yang disediakan oleh luar pengembang,
Anda dapat membantu proses bersama dengan memasukkan kata kunci
meta tag pada setiap halaman. Tag ini merupakan salah satu faktor
utama perangkat pencarian gunakan untuk halaman grup dan ranking
hasil. Satu set yang baik dari kata kunci pada setiap halaman akan
memudahkan mesin pencari, dan pada gilirannya pengguna Anda, untuk
mencari dan menemukan informasi yang relevan. 14,4 Ulasan Halaman
dalam sebuah situs harus dirancang dengan tema koheren visual yang
menunjukkan kepada pengguna bahwa halaman adalah bagian dari
keseluruhan yang sama. Warna, penggunaan bentuk, logo, dan tata
letak halaman semua teknik untuk menciptakan kohesif situs.
Organisasi Site dan navigasi dapat mengambil banyak bentuk,
termasuk berurutan, hirarkis, dan web berbasis. Dalam struktur
apapun, pengguna harus disediakan dengan link untuk membawa mereka
ke dikenali tempat, dan setiap halaman harus membiarkan pengguna
mengetahui di mana mereka berada. Dalam hirarki, pengguna harus
tahu posisi mereka dalam struktur, dan dalam berurutan organisasi,
pengguna harus mengetahui sejauh mana halaman saat ini dalam
urutan. Nama link harus deskriptif untuk membantu pengguna tahu di
mana link pergi. Cari alat untuk sebuah situs web dan terbatas
seluruh subbagian dapat membantu pengguna menemukan apa mereka
butuhkan. 14,5 Pertanyaan 1. Bagaimana desain seluruh situs berbeda
dari desain satu halaman? 2. Apa tiga faktor penting yang
berkontribusi terhadap kegunaan dari sebuah situs web? 3. Daftar
tiga jenis organisasi situs. Berikan contoh aplikasi di mana
masing-masing paling efektif. 4. Bagaimana tata letak, warna, dan
gambar pada setiap halaman mempengaruhi kegunaan dari sebuah situs
web? 5. Pertimbangkan organisasi halaman dan aliran antara mereka.
a. Apa saja jenis organisasi halaman? b. Berikan contoh yang
masing-masing jenis organisasi halaman yang terbaik.
Halaman 37
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 37 6. Berikan tiga contoh elemen desain itu, bila tetap
konsisten di halaman pada Situs, meningkatkan kegunaan. 7. Apa
manfaat yang bar navigasi menawarkan selain menyediakan link ke
halaman yang berbeda?8. Bagaimana mencari alat bantu website?
Bagaimana mereka bisa menyakiti itu? 9. Pilih situs yang sangat
besar dan menganalisis strukturnya. a. Apakah seluruh situs
diorganisasikan secara hirarki? b. Apakah salah satu situs
berurutan panjang? c. Apakah ini terbagi menjadi sub-situs yang,
pada gilirannya, memiliki organisasi mereka sendiri? d.
Pertimbangkan berapa banyak link pengguna harus mengikuti untuk
mendapatkan informasi yang mereka inginkan. Apakah ada cara lain
untuk mencapai itu :? e. Apakah bentuk yang berbeda dari organisasi
lebih baik? 10. Cari situs web yang tidak mesin pencari yang
memiliki pilihan pencarian. Coba pencarian fitur. a. Apakah hasil
pencarian peringkat menurut relevansi? b. Terlalu banyak atau
terlalu sedikit hasil pencarian kembali? c. Apakah itu menangani
pencarian rumit baik? d. Fitur apa yang ingin Anda lihat berubah.
11. Cari situs web yang telah digunakan di mana Anda berpikir
navigasi yang sulit untuk digunakan. a. Dalam HTML atau hanya
sketsa, membuat versi halaman di mana Anda pikir navigasi
ditingkatkan. b. Mengapa Anda membuat perubahan yang Anda lakukan?
c. Perbaikan apa yang mereka tawarkan? d. Bagaimana Anda akan
membawa perubahan ini melalui ke bagian lain dari situs ini? 14,6
Latihan 1. Pergi online dan menemukan sebuah situs (atau bagian
dari sebuah situs web) yang menggunakan jenis berikut Organisasi:
a. Sequential b. Hirarkis 2. Pilih situs pengecer pakaian komersial
besar (misalnya Banana Republic, Gap, Abercrombie dan Fitch,
Nordstrom, dll). a. Apakah website secara keseluruhan tampak
kohesif? b. Apakah mudah untuk mengatakan pada sub-halaman sangat
terkait bahwa Anda mengunjungi halaman yang bagian dari tempat yang
sama dengan homepage? c. Jika demikian, apa saja fitur yang
mengikat unsur-unsur situs bersama-sama? d. Jika tidak, unsur apa
yang bisa berubah menjadi lebih baik menghubungkan halaman di
situs? e. Apakah bagian layanan pelanggan website terorganisasi
serta utama Bagian yang menjual produk? Jika ada perbedaan, mengapa
Anda berpikir bahwa adalah kasus? 3. Pilih rangkaian acara dan
membuat website yang diurutkan secara kronologis tentang mereka.
Menciptakan sekitar 10 sampai 15 halaman. Topik dapat mencakup
sejarah tim olahraga, peristiwa dalam perjalanan, proses untuk
membeli rumah, dll halaman Anda harus memiliki berurutan mengalir.
a. Setiap acara di kronologi harus memiliki halaman sendiri.
Halaman 38
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 38 b. Halaman utama untuk website harus daftar seluruh
kronologi dan memungkinkan pengguna untuk memulai pada titik
apapun. c. Tambahkan link dipikirkan dengan baik untuk setiap
halaman yang memungkinkan pengguna untuk bergerak maju dan mundur
dalam urutan. Ini harus jelas kepada pengguna bahwa mengklik link
akan membawa mereka maju atau mundur satu langkah. d. Tambahkan
elemen navigasi untuk setiap halaman yang memungkinkan pengguna
untuk kembali ke rumah atau melompat ke titik lain dalam urutan.
Membuat link deskriptif tapi ringkas. 4. Pilih topik dan membuat
website hirarki terorganisir tentang hal itu dengan 10 sampai 15
halaman (isi dari setiap halaman dapat singkat) a. Topik dapat
mencakup deskripsi dari suatu organisasi, di mana hirarki dimulai
di bagian atas dan cabang-cabang untuk menggambarkan sub-organisasi
internal dan unsur-unsur dalam organisasi-organisasi, atau pohon
keluarga dimulai dengan anggota tertua, dan bercabang dengan
halaman tentang anak-anak orang itu, anak-anak mereka, dll b.
Setiap item dalam hirarki harus memiliki halaman sendiri. c.
Halaman utama untuk website harus menampilkan seluruh hirarki dan
memungkinkan pengguna untuk memulai pada titik apapun. d. Tambahkan
link dipikirkan dengan baik untuk setiap halaman yang memungkinkan
pengguna untuk bergerak ke atas atau ke bawah di hirarki. Ini harus
jelas kepada pengguna bahwa mengklik link akan membawa mereka naik
atau turun satu langkah. e. Tambahkan elemen navigasi untuk setiap
halaman yang memungkinkan pengguna untuk kembali ke rumah atau
melompat ke titik lain dalam hirarki. Membuat link deskriptif tapi
ringkas. 5. Buat halaman "template". Template ini tidak harus
memiliki konten teks. Itu harus memiliki warna latar belakang atau
gambar, teks dan link yang warna tertentu, grafis dan elemen
navigasi, dan representasi yang jelas dari organisasi situs. a.
Format halaman template menggunakan style sheet eksternal untuk
tata letak, warna, dan elemen gaya. b. Pilih skema warna dan set
warna untuk digunakan dalam halaman Anda. Jelaskan bahwa skema, di
mana warna diterapkan, dan mengapa Anda memilih untuk bervariasi
dari skema pada titik apapun. c. Jelaskan elemen desain dan
prinsip-prinsip - seperti keseimbangan, tekstur, garis, bentuk, dan
irama - yang digunakan dalam desain Anda. d. Gunakan template ini
untuk memformat halaman yang Anda buat sebagai bagian dari latihan
3 atau 4 .. 6. Banyak situs telah foregone HTML sebagai metode
utama untuk konten berbasis Flash. Chipotle Mexican Grill adalah
salah satu situs tersebut (http://chipotle.com). Kunjungi situs ini
dan bergerak sekitar untuk beberapa bagian. Ada desain yang jelas
dan konsisten untuk setiap halaman, Namun beberapa aspek kegunaan
(disajikan dalam Bab 12) dipengaruhi oleh setup situs ini.
Mengambil pelajaran dari Bab 12 dan 13, hadir 3 kegunaan masalah
yang timbul dari sifat berbasis flash situs dan menjelaskan apa
aspek kegunaan terkena dampak. 7. Tantangan untuk membuat beberapa
website datang dalam berbagai khalayak sasaran. Untuk Misalnya,
sebuah situs web perguruan tinggi / universitas harus memiliki
informasi untuk siswa saat ini, calon mahasiswa, dosen, pengunjung,
dll Sebuah situs web rumah sakit lain contohnya. Menghabiskan waktu
melihat beberapa situs rumah sakit dan berpikir tentang khalayak
sasaran. Berdasarkan hal ini, garis organisasi tingkat atas untuk
rumah sakit. Adalah sebagai berikut: a. Informasi apa atau link
akan muncul di situs Anda,
Page 39
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Page 39 b. Informasi apa yang akan muncul pada setiap halaman
sekunder. Sebagai contoh, jika Anda memiliki halaman untuk pelamar
kerja, menguraikan unsur-unsur utama pada halaman tersebut. c.
Sketsa elemen navigasi yang akan muncul pada setiap halaman
tersebut.
Halaman 40
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 40 Bab 15: Studi Usability Tujuan Pembelajaran Membedakan
antara kualitatif dan Studi kegunaan kuantitatif. Memahami cara
membuat tugas dan kuesioner. Pelajari metode pelajaran mengamati.
Pelajari cara melakukan kegunaan kualitatif studi. Memahami
bagaimana menganalisis dan mengkompilasi hasil dalam laporan akhir.
15.1 Pengantar Studi Usability Ketika sebuah organisasi atau
perusahaan yang memproduksi sebuah situs web, sebagian besar usaha
biasanya pergi ke dalam konten (teks, gambar, dan informasi secara
umum) yang akan di situs. Itu antarmuka untuk konten yang sering
diberikan jauh lebih sedikit perhatian, sehingga merugikan
pengguna. Membuat website yang dapat digunakan bukanlah tugas yang
mudah. Bahkan dengan pedoman yang telah kita pelajari di bab-bab
sebelumnya, desainer umumnya bukan hakim yang baik apakah atau
tidak ada masalah kegunaan dengan website. Dalam merancang, kita
menjadi terbiasa dengan struktur, nama file, dan bagaimana fungsi
situs. Meskipun jelas bagi desainer, pengguna biasa mungkin
memiliki masalah yang signifikan dengan navigasi, ukuran teks dan
warna, atau hanya pemahaman fungsi umum. Untuk menemukan masalah
ini di awal pembangunan, sangat berguna untuk melakukan studi
kegunaan. Bab ini menjabarkan metode dan prosedur untuk melakukan
studi tersebut. Tujuan utama melakukan studi kegunaan, baik itu
untuk situs Web atau sepotong software, adalah untuk menentukan
apakah pengguna dapat melakukan apa yang seharusnya mereka dapat
melakukan. Sementara tidak ada yang pergi keluar dari jalan mereka
untuk membuat situs web yang sulit untuk digunakan, masalah
kegunaan yang sering diabaikan. Seorang desainer mungkin berpikir
bahwa kecil, teks berwarna hijau muda terlihat sangat bagus pada
latar belakang hijau sedang, namun kedua ukuran dan warna membuat
teks yang sangat sulit untuk dibaca. Navigasi sering menjadi
masalah. Karena desainer umumnya sangat akrab dengan situs, mereka
mungkin tidak menyadari betapa sulitnya untuk menemukan
potongan-potongan informasi tertentu. Itu kategori yang seorang
desainer memilih untuk membuat dan bagaimana halaman diatur dalam
diri mereka adalah sering unintuitive untuk pengguna lain. Ketika
penonton khusus ditargetkan oleh situs web, Masalah asing untuk
perancang dapat juga muncul. Sebuah situs yang ditargetkan pada
anak-anak atau orang tua, misalnya, mungkin memerlukan font yang
lebih besar daripada situs yang dibuat untuk penonton dewasa
muda.
Halaman 41
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 41 Masalah kegunaan yang lebih kecil, seperti link
ditempatkan di bagian bawah halaman yang pengguna harus berulang
kali gulir ke, sering terlewatkan juga. Daftar masalah berjalan dan
terus, tapi titik utama adalah bahwa desainer tidak bisa biasanya
mengidentifikasi dan mengatasi setiap masalah kegunaan dengan
desain mereka. Studi kegunaan menawarkan cara yang murah dan
efektif untuk mengatasi hal ini. Pada proyek-proyek besar,
melakukan studi kegunaan awal proses berpotensi dapat menyimpan
ribuan dolar dengan mencegah skala besar mendesain ulang, atau
dengan menangkap bug sebelum mereka merambat ke setiap halaman.
Studi kegunaan memiliki dua jenis peserta. Para subyek adalah
orang-orang participaringdalam penelitian ini. Mereka harus
mewakili pengguna biasa, dan tujuannya adalah untuk mempelajari apa
jenis masalah pengguna akan dengan menonton pelajaran. Para
administrator adalah orangsebenarnya melakukan penelitian. Ini
mungkin sebuah tim orang atau individu. Itu administrator mengatur
langkah-langkah penelitian, memimpin pelajaran melalui
langkah-langkah tersebut, dan mengumpulkan data yang relevan. Studi
kegunaan dapat dibagi menjadi dua kategori: kualitatif dan
kuantitatif. A Studi kegunaan kuantitatif mengambil
langkah-langkah, seperti berapa lama waktu yang dibutuhkan untuk
menyelesaikan tugas tertentu, atau berapa banyak pengguna mengklik
pergi melalui untuk sampai ke halaman tertentu. Ini Hasil
dianalisis menggunakan statistik, dan hasil numerik yang digunakan
untuk membuat argumen atau menentang fitur tertentu. Studi-studi
ini paling baik digunakan ketika kinerja yang diukur penting untuk
fungsi dari sebuah situs web. Kecepatan yang hal-hal dapat
dilakukan dalam sistem berbasis web yang digunakan dalam situasi
darurat, misalnya, adalah penting metrik. Dalam kebanyakan kasus,
meskipun, sebuah studi kegunaan kualitatif seringkali lebih tepat.
Dalam studi kegunaan kualitatif, subjek diamati melakukan
serangkaian tugas. Itu administrator dapat berinteraksi dengan
subyek untuk bertanya tentang proses mereka, seperti mengapa mereka
melakukan sesuatu atau mengapa mereka bingung tentang titik
tertentu. Subyek juga bisa berbicara karena mereka akan melalui
tugas, untuk menjelaskan tindakan dan pendapat mereka. Itu komentar
dan pendapat dari pengguna yang dikombinasikan dengan pengamatan
yang dilakukan oleh administrator. Data ini dikumpulkan
bersama-sama untuk membentuk sebuah laporan umum tentang isu-isu
dan masalah yang ditemukan dalam situs. Untuk kedua jenis studi,
ada proses dasar yang harus diikuti. 1. Pilih subyek dan lingkungan
2. Pilih tugas 3. Mengembangkan kuesioner 4. Mengelola studi aku m.
Pengantar aku aku. Kuesioner pre-test aku aku aku. Amati pelajaran
melakukan tugas-tugas iv. Kuesioner post-test v. Wawancara 5.
Kompilasi Laporan
Halaman 42
Halaman Desain 2003, Jennifer Golbeck - JANGAN mendistribusikan
Halaman 42 Bab ini akan berfokus pada bagaimana untuk melakukan
studi kegunaan kualitatif untuk website evaluasi. Kami akan
menjelaskan bagaimana untuk mempersiapkan ujian, bagaimana
mengelola, dan bagaimana melakukan analisis. 15.2 Memilih Subyek
dan Uji Lingkungan Karena titik studi kegunaan adalah untuk
menentukan bagaimana audiens target Anda akan menggunakan Anda
website, penting untuk