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 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


Top Related