LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN ... - WordPress.com

Download PDF
21 downloads 245 Views 917KB Size Report
Comment
untuk menunjang nilai mata kuliah Interaksi Manusia dan Komputer pada Mayor Ilmu ..... obatan, media tanam, sekaligus buku dan majala-majalah pertanian.
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP-2007/2008

Kajian Situs http://www.toekangkeboen.com

oleh: Rifki Yusri Haidar G64050964 (http://r1vky.wordpress.com)

INSTITUT PERTANIAN BOGOR 2008

KATA PENGANTAR Puji dan syukur penulis panjatkan kepada Allah SWT atas segala rahmat dan karunia-Nya sehingga laporan akhir ini berhasil diselesaikan. Laporan akhir ini diajukan sebagai salah satu syarat untuk menunjang nilai mata kuliah Interaksi Manusia dan Komputer pada Mayor Ilmu Komputer Institut Petanian Bogor. Terima kasih penulis sampaikan kepada Bapak Firman Ardiansyah, S.Kom., M.Si. sebagai dosen mata kuliah bersangkutan atas saran dan masukannya. Begitu juga kepada teman-teman yang senantiasa memberikan bantuan dan semangat sehingga penulis bisa menyelesaikan laporan akhir ini. Penulis menyadari laporan tugas akhir ini jauh dari sempurna. Oleh karena itu, penulis memohon maaf kepada semua pihak atas segala kekurangan yang terdapat pada laporan akhir ini karena sebagai manusia, penulis tidak akan pernah luput dari kesalahan. Semoga laporan ini bisa bermanfaat bagi banyak pihak. Bogor, Juni 2008

Penulis

2

DAFTAR ISI KATA PENGANTAR...........................................................................................................................2 DAFTAR ISI .........................................................................................................................................3 DAFTAR GAMBAR.............................................................................................................................4 BAB I PENDAHULUAN......................................................................................................................5 1.1

Latar Belakang...................................................................................................................5

1.2

Tujuan.................................................................................................................................5

1.3 Tinjauan Pustaka...............................................................................................................5 1.3.1 Web Usability..................................................................................................................5 1.3.2 Web Experience..............................................................................................................6 1.4

Sekilas Tentang TOEKANGKEBOEN dan Situsnya .....................................................7

BAB 2 PEMBAHASAN ...................................................................................................................8 2.1

Tampilan Halaman Utama ...............................................................................................8

2.2

Logo, Nama Perusahaan dan Tagline ..............................................................................8

2.3

Tulisan Bukan Link yang Terlihat Seperti Link.............................................................9

2.4

Indikasi Halaman Saat Ini ................................................................................................9

2.5

Link Aktif Menuju Halaman yang Sama ......................................................................10

2.6

Tombol yang Tidak Tampak Seperti Tombol ...............................................................11

2.7

Scrolling yang Panjang....................................................................................................11

2.8

Gambar yang Selalu Berubah-Ubah Dengan Sangat Cepat ........................................12

2.9

Navigasi yang Tampak Seperti Iklan .............................................................................12

2.10

Tulisan yang Menipu Pengguna .....................................................................................13

2.11

Link Menuju Web Lain...................................................................................................13

2.12

Link yang Tidak Berubah Setelah Dikunjungi .............................................................13

2.13 Ketidakrapian Teks .........................................................................................................14 2.13.1 Masalah Alignment yang Mengganggu.................................................................14 2.13.2 Ketidakkonsistenan Penggunaan Font Style Pada Heading ...............................14 2.13.3 Ketidakkonsistenan Kapitalisasi Font yang Digunakan .....................................15 2.13.4 Ketidakkonsistenan Penggunaan Font Pada Konten..........................................15 2.13.5 Teks yang Terlalu Panjang Dalam Satu Baris.....................................................15 2.14

Jumlah Berita yang Tidak Dibatasi Dalam Satu Halaman..........................................16

2.15

Teks Berjalan yang Terlalu Panjang .............................................................................16

2.16

Resolusi Layar..................................................................................................................16

2.17

Kompatibilitas Browser (Cross-Platform Compatibility)...............................................17

BAB 3 PENUTUP ...............................................................................................................................18 3.1

Kesimpulan.......................................................................................................................18

3.2

Saran .................................................................................................................................18

DAFTAR PUSTAKA..........................................................................................................................19

3

DAFTAR GAMBAR Gambar 1 Halaman Utama Situs www.toekangkeboen.com ......................................................8 Gambar 2 Teks bergaris bawah yang bukan link........................................................................9 Gambar 3 Tulisan Biru yang Berupa Link dan yang Bukan......................................................9 Gambar 4 Tulisan Bukan Judul Pada Home ...............................................................................9 Gambar 5 Tulisan Judul Pada Why Us ........................................................................................9 Gambar 6 Title Bar yang Tidak Representatif ............................................................................10 Gambar 7 Self-link yang Tetap Aktif Pada Halaman Home ......................................................10 Gambar 8 Membedakan Tombol ..................................................................................................11 Gambar 9 Scrolling yang Terlalu panjang ...................................................................................11 Gambar 10 Navigasi yang Mirip Iklan .........................................................................................12 Gambar 11 Link Menuju Situs Yang Berbeda.............................................................................13 Gambar 12 Link yang Tidak Berubah Warna.............................................................................14 Gambar 13 Perataan Kanan dan Perataan Kiri ..........................................................................14 Gambar 14 Perbedaan Font Style pada Heading.........................................................................14 Gambar 15 Inkosistensi Case Style ...............................................................................................15 Gambar 16 Perbedaan Ukuran dan Style Font Pada Konten Tekstual yang Sama .................15 Gambar 17 Teks yang Terlalu Panjang Dalam Satu Baris.........................................................15

4

BAB I PENDAHULUAN 1.1 Latar Belakang Dunia teknologi informasi berkembang dengan sangat pesat. Hausnya masyarakat akan informasi yang cepat menjadi salah satu penyebabnya. Hampir semua perusahaan atau instansi, baik skala kecil maupun besar, berlomba-lomba mengembangkan perusahaan atau instansi mereka melalui beragam teknologi informasi terkini. Alasan utamanya adalah demi meningkatkan reputasi dan popularitas di kalangan masyarakat, yang ujung-ujungnya akan meningkatkan keuntungan perusahaan di masa depan. Salah satu teknologi informasi yang paling populer dan sangat efektif, jika dipergunakan dengan baik, adalah teknologi web. Website atau situs yang baik yang dimiliki suatu perusahaan akan memberikan informasi yang benar-benar dicari oleh pengunjung situs, sehingga menimbulkan daya tarik tersendiri bagi para pengunjung situs untuk selalu mengunjungi situs tersebut dan pada akhirnya sangat dimungkinkan untuk menjadi pelanggan dari produk yang ditawarkan pada situs tersebut. Desain yang baik akan mampu mewujudkan harapan dan tujuan pembuat situs. Selain itu, juga akan membuat pengguna merasa nyaman karena mereka mendapatkan kemudahan dalam mengakses informasi yang mereka butuhkan. Sebaliknya, desain yang buruk hanya akan membuat tujuan pembuat situs menjadi berantakan. Pengguna situs akan merasa kesal karena desain yang tidak bersahabat dan menyulitkan pengguna untuk mendapatkan informasi yang mereka ingin dapatkan. Pada akhirnya, situs dengan desain yang buruk akan ditinggalkan oleh pengguna dan akan kehilangan kepercayaan dari para penggunanya. Akan tetapi, desain yang baik saja belum cukup. Walaupun suatu situs mudah digunakan, akan menjadi sia-sia saja jika situs tersebut hanya menyajikan sesuatu yang kurang atau tidak berguna, tidak menghibur, tidak up-to-date, dan tidak dapat dipercaya. Hanya sedikit orang saja yang akan mengunjungi situs tersebut, dan mereka yang telah mengunjungi sangat mungkin untuk tidak kembali. Oleh karena itu, diperlukan suatu analisis mengenai usability, user interface, dan faktor-faktor interaksi manusia dan komputer lainnya untuk mengetahui bagaimana sebaiknya suatu situs dibuat. Dalam kajian ini, analisis tersebut dilakukan terhadap situs www.toekangkeboen.com.

1.2 Tujuan Tujuan dilakukannya kajian ini adalah sebagai berikut. 1. Meningkatkan pemahaman para pengembang web mengenai faktor-faktor web usability dan web experience 2. Menunjukkan kelebihan dan kekurangan yang terdapat pada web www.toekangkeboen.com sehingga bisa menjadi pelajaran penting dalam membangun sebuah web yang baik 3. Memberikan dorongan kepada para pengguna web agar lebih cerdas dalam memilih web yang akan dikunjungi 4. Membangun kepercayaan antara pengembang web dan pengguna sehingga bisa saling membantu untuk mencapai tujuan yang diinginkan

1.3 Tinjauan Pustaka 1.3.1 Web Usability Usability merupakan atribut kualitas yang memperkirakan seberapa mudah sebuah user interface digunakan. Istilah usability juga merujuk pada metode-metode untuk meningkatkan kemudahan penggunaan sepanjang keseluruhan proses desain (Galitz, 2007). Usability juga diartikan sebagai kemampuan untuk digunakan oleh manusia secara mudah dan efektif, dimana “mudah” merujuk pada tingkat penaksiran subjektif tertentu, dan “efektif” merujuk pada tingkat tertentu dari hasil yang didapat manusia (Shackel, 1991). Usability mencakup lima komponen kualitas berikut: 1. Learnability Learnability menjelaskan seberapa mudah para pengguna mampu menyelesaikan task dasar ketika pertama kali mereka menggunakan desain 2. Efficiency

5

Efficiency menjelaskan seberapa cepat para pengguna mampu melaksanakan task setelah mempelajari desain 3. Memorability Memorability menjelaskan kemudahan pengguna untuk kembali menjalankan task yang ada setelah dalam periode waktu tertentu tidak berhubungan dengan desain tersebut 4. Error Error menjelaskan seberapa banyak error yang dilakukan pengguna, seberapa parah error tersebut, dan seberapa mudah pengguna memperbaiki error 5. Satisfaction Satisfaction menjelaskan seberapa tingkat kepuasan pengguna akan desain yang dibuat (Nielsen, 2006)

1.3.2 Web Experience Terdapat beberapa faktor yang membuat user experience menjadi efisien, efektif, dan menyenangkan, yaitu: 1. Expectations Sesuai dengan harapan pengguna mencakup konten, pengorganisasian, dan navigasi 2. Tasks a. Memastikan bahwa desain bisa merefleksikan kemampuan dan batasan pengguna b. Membakukan urutan task c. Menyediakan kemudahan penggunaan 3. Visual Appearance Menyediakan tampilan visual yang atraktif dan konsisten 4. Information Content a. Memastikan bahwa konten sesuai dengan kebutuhan pengguna b. Memastikan bahwa informasi yang paling penting ditempatkan secara menonjol dan visible tanpa scrolling c. Memastikan bahwa konten di-update secara teratur 5. Web Page Headings a. Control heading : Untuk pengelompokkan heading, sebaiknya mengikuti garis pedoman mengenai control heading b. Content and information heading : • Penggunaan : Membuat headings untuk mengklasifikasikan dan mengorganisasikan informasi Menyediakan headings dan subheadings penuh arti yang secara jelas menjelaskan konten dan cakupan informasi di dalamnya Menggunakan secara bebas pada keseluruhan situs Menggunakan sebagai link pengantar •

Penyajian : Membangun hirarki dari style, ukuran dan bobot font berkaitan dengan pengaturan yang dibuat dan tingkat kepentingan dari konten teks Meminimalkan penggunaan variasi ukuran dan style dari font sesuai dengan kepentingannya untuk mengkomunikasikan konten dan pengaturan kepada pengguna Tidak mencampuradukkan level heading secara acak atau melewati level heading

6. Platforms a. Membuat desain untuk platform dan ukuran/resolusi layar yang berbeda b. Menentukan area yang bebas gambar 7. Processes a. Tidak menampilkan gambar atau grafik yang bukan merupakan kesatuan, seperti pop-up window yang tidak perlu b. Menyediakan opsi untuk mencetak (printing) c. Memberikan peringatan kepada pengguna jika halaman yang sedang diakses akan mengalami time-out

6

8. Downloading Meminimalkan waktu untuk me-load halaman a. Memastikan bahwa halaman di-load di layar sehingga header dan informasi navigasi tampil lebih dulu b. Membuat pengunduhan media tambahan seperti suara dan video sebagai pilihan c. Jika halaman akan diunduh secara lambat, pengguna sebaiknya diberi saran dan ukuran file harus diberitahukan 9. Web Applications Menyediakan aplikasi web seperlunya 10. Accesibility Merancang web dengan kemampuannya yang dapat diakses mencakup keseluruhan aspek web 11.Assistance Menyediakan bantuan bagi pengguna (Galitz, 2007)

1.4 Sekilas Tentang TOEKANGKEBOEN dan Situsnya TOEKANGKEBOEN (baca: tukang kebun) adalah nursery (kebun bibit) di internet yang diluncurkan sejak Mei 2004. Pada saat itu, belum banyak penjual/ pedagang tanaman hias yang menjual tanaman hias secara terang-terangan melalui situs di internet. Yang menjadi trend pada saat itu adalah berjual-beli melalui iklan baris atau menjual melalui situs lain seperti melalui situs indonetwork. Situs TOEKANGKEBOEN didesain untuk memberi informasi setiap saat (updated daily), bergambar, selain menjajakan tanaman. Konsep tersebut dipertahankan hingga kini, meski beberapa kali mengalami pergantian desain. Selain berperan sebagai nursery, pada perkembangannya TOEKANGKEBOEN merintis toko saprotan dan toko buku di showroom yang dimilikinya. Di tempat tersebut dijual pupuk, pot, obatobatan, media tanam, sekaligus buku dan majala-majalah pertanian. Dengan demikian, TOEKANGKEBOEN menyebut dirinya sebagai “one stop shopping plants and accessories” karena pengunjung dapat berbelanja berbagai aksesoris tanaman hias dan aneka perlengkapan lainnya cukup di satu tempat saja. Jadi, pada dasarnya situs www.toekangkeboen.com ini memiliki tujuan sebagai berikut. 1. Memperkenalkan nursery TOEKANGKEBOEN secara luas kepada pengguna internet seperti yang tertuang pada about us, dan why us 2. Memberikan informasi kepada pengguna mengenai lokasi showroom TOEKANGKEBOEN, cara pemesanan produk, dan cara pembayaran 3. Memberikan informasi terbaru mengenai stok tanaman hias yang tersedia di showroom TOEKANGKEBOEN 4. Menampilkan gambar-gambar berbagai tanaman hias 5. Memberikan berbagai artikel mengenai prospek tanaman hias dan tips berkaitan dengan pemeliharaannya

7

BAB 2 PEMBAHASAN

2 PEMBAHASAN Situs www.toekangkeboen.com dianalisis berdasarkan prinsip-prinsip web usability dan web experience. Prinsip web usability dilandaskan pada buku karangan Jakob Nielsen yang berjudul “Prioritizing Web Usability”. Sementara prinsip web experience dibahas seperti yang disinggung oleh Wilbert Galitz dalam buku “The Essential Guide To User Interface Design”. Selain dua buku tersebut, kesalahan-kesalahan dalam perancangan situs tersebut juga dianalisis berlandaskan pada buku “Web Bloopers: 60 Common web Design Mistakes and How to Avoid Them” karya Jeff Johnson. Pembahasan yang dilakukan pada tulisan ini disusun berdasarkan pada poin-poin penting yng ditemukan pada situs tersebut. Mulai dari masalah konten, navigasi, desain layout, dan hal-hal penting lainnya. Urutan pembahasan tidak mencerminkan tingkat kepentingan poin-poin tersebut. Secara umum, pembahasan ini dilakukan pada komputer menggunakan resolusi 1024 x 768 pixel dengan browser Mozilla Firefox 3 Beta 5. Untuk pembahasan pada sub bab tertentu, penulis juga sekali-kali menggunakan resolusi 800 x 600 pixel, dan juga mencoba mengecek kompatibilitas browser dengan Internet Explorer 6, Netscape Navigator 9, dan Opera 9.21.

2.1 Tampilan Halaman Utama Desain yang ditampilkan pada halaman utama terlihat sangat tidak teratur. Gambar utama situs ini (yaitu gambar yang terdapat pada bagian paling atas halaman) tampak tidak menyatu dan menyisakan ruang kosong (whitespace) yang cukup besar. Daftar menu yang ada juga disusun dengan tidak teratur, dimana lebar tiap menu bervariasi sehingga menimbulkan ketidakrapian desain.

Gambar 1. Halaman Utama Situs www.toekangkeboen.com

2.2 Logo, Nama Perusahaan dan Tagline Dilihat dari segi penempatan nama perusahaan, situs ini sudah cukup memenuhi konvensi umum. Nama perusahaan ditempatkan pada bagian atas dari halaman, dan berada pada pojok kiri atas. Namun terdapat hal yang cukup mengganggu, yaitu keberadaan gambar yang terpisah di sebelah kiri nama perusahaan. Sebaiknya gambar tersebut dihilangkan saja karena tidak memiliki fungsi yang jelas dan hanya mengganggu pengguna yang melihatnya. (lihat Gambar 1 pada bagian yang dilingkari).

8

Identitas situs ataupun logo ibarat nama bangunan untuk situs web (Krug, 2000). Identitas situs memberitahu kita dimana kita sedang berada. Oleh karena itu, keberadaan logo dalam suatu situs sangatlah vital. Pada situs ini, tidak terdapat logo perusahaan yang jelas. Walaupun nama perusahaan ditampilkan dengan sangat jelas, keberadaan logo tetap merupakan kebutuhan tersendiri. Logo bisa menjadi gambar sederhana yang mudah diingat oleh pengguna sehingga pengguna bisa mengenali perusahaan hanya dari logo tersebut. Hal ini berkaitan dengan salah satu faktor usability, yaitu memorability. Logo simple yang mudah diingat akan membantu pengguna untuk mengingat situs tersebut, mengenai bagaimana kontennya, dan task yang harus dilakukannya. Selain itu, situs ini tidak memiliki tagline. Tagline merupakan frase yang ringkas dan tajam yang memberikan ciri yang khas bagi suatu perusahaan dan dapat menyimpulkan keseluruhan situs, dan bisa membuat suatu perusahaan menjadi besar dan terkenal. Tagline yang baik bisa sangat informatif, membuat perbedaan dengan yang lain, dan dapat menghasilkan keuntungan (Krug, 2000). Oleh karena itu, untuk menarik minat calon pelanggan, sebaiknya situs ini menambahkan tagline di dekat identitas situs. Hal ini bisa menjadi suatu daya tarik tersendiri karena tagline mampu memberikan diferensiasi dengan kompetitor produk sejenis dan menjelaskan mengapa pengguna harus memilih situs bersangkutan.

2.3 Tulisan Bukan Link yang Terlihat Seperti Link Pada web, hanya link yang harus digarisbawahi. Tidak seharusnya heading yang berupa teks digarisbawahi. Untuk menandakan penekanan atau penegasan, penggarisbawahan teks juga tidak tepat digunakan. Tidak benar jika terdapat asumsi bahwa cukup dengan melakukan perbedaan warna saja untuk membedakan antara link yang digarisbawahi dan teks biasa yang digarisbawahi. Ketika teks yang ditulis untuk media lain, seperti media cetak atau dokumen elektronik, dipindahkan ke web, proses konversi harus menghilangkan teks yang digarisbawahi dan mengubahnya ke dalam bentuk lain yang juga bisa Gambar 2. Teks bergaris menggambarkan penekanan pada teks, misalnya dengan menebalkan bawah yang bukan link huruf (Johnson, 2003). Pada situs ini, terdapat beberapa heading yang bukan link namun digarisbawahi, sehingga bisa menimbulkan kesalahan persepsi Bukan link pengguna yang menyangka bahwa heading tersebut merupakan link (Gambar 2). Hal ini sebenarnya tidak perlu dilakukan, karena dengan menggunakan huruf yang lebih tebal dan berukuran lebih besar sudah cukup memberikan penekanan atau penegasan pada link teks yang dimaksud. Selain itu, terdapat satu hal yang juga cukup mengganggu. Pada halaman Tips / Artikel, terdapat tulisan heading berwarna biru yang bukan merupakan link (Gambar 3) . Padahal, hampir di Gambar 3. Tulisan Biru yang seluruh halaman yang terdapat pada Web ini, tulisan yang Berupa Link dan yang Bukan merupakan link ditandai dengan tulisan berwarna biru. Kesalahan seperti ini, tidak seharusnya terjadi karena akan bertentangan dengan web experience yang dimiliki pengguna selama menelusuri halaman-halaman yang terdapat pada web ini. Ekspektasi pengguna akan navigasi yang konsisten tidak terpenuhi.

2.4 Indikasi Halaman Saat Ini Halaman dimana pengguna berada saat ini (current page) dapat diindikasikan dengan menandai

Gambar 4. Tulisan Bukan Judul Pada Home

Gambar 5. Tulisan Judul Pada Why Us

9

item yang bersangkutan pada bar navigasi, atau dengan menempatkan judul halaman secara menonjol pada halaman tersebut. Kedua cara tersebut juga sebaiknya didukung dengan memberikan judul halaman pada title bar yang terdapat pada browser atau dengan memberikan judul berupa watermark (watermark title) sebagai latar belakang halaman. Judul halaman pada title bar yang terdapat pada browser akan sangat berguna ketika pengguna melakukan bookmark pada halaman bersangkutan. Sedangkan watermark title akan meningkatkan daya tarik visual halaman web, dengan syarat latar belakang tersebut tidak mengakibatkan teks yang ada pada halaman tersebut menjadi sulit dibaca pengguna (Johnson, 2003). Pada web ini, judul halaman ditampilkan dengan cukup menonjol pada bagian atas halaman. Namun, hal ini tidak dilakukan pada halaman Home, sehingga hampir tidak ada indikasi bahwa pengguna sedang berada pada halaman Home. Ini dikarenakan tulisan yang terdapat pada bagian atas halaman justru memberikan judul halaman yang berbeda, yaitu “Special Promo” (lihat Gambar 4 ). Padahal, pada halaman lain, contohnya halaman Why Us, tulisan sejenis dengan ukuran dan style font yang sama yang terdapat pada bagian atas halaman digunakan untuk memberitahukan judul halaman (lihat Gambar 5). Walaupun menurut konvensi umum halaman Home boleh berbeda dengan halaman lainnya, namun tidak sampai harus kehilangan identitasnya sehingga menimbulkan kebingungan pengguna. Title bar pada browser juga tidak memberikan gambaran di mana pengguna berada. Untuk mengatasi kelemahan sebagaimana yang disebutkan di atas, pengembang web sebaiknya memberikan penandaan pada item menu yang terdapat pada bar navigasi, sehingga dapat memberikan petunjuk yang jelas di halaman mana pengguna berada. Selain itu, jika halaman home memang ingin dibiarkan tanpa memberikan judul home pada bagian atas halaman, sebaiknya diberikan perbedaan ukuran ataupun style font pada tulisan “Special Promo”, karena ukuran dan style font seperti itu digunakan sebagai judul halaman, atau tulisan tersebut dipindahkan saja dari bagian atas halaman tersebut ke bagian halaman lainnya. Hal ini termasuk implementasi salah satu elemen penting dalam web experience, yaitu visual appearance yang konsisten. Gambar 6. Title Bar yang Tidak Representatif

2.5 Link Aktif Menuju Halaman yang Sama Salah satu kesalahan navigasi yang umum pada halaman Web adalah membuat link aktif menuju dirinya sendiri (self-link). Link tersebut hanya akan melakukan load ulang pada halaman yang sama. Hal ini hanya akan membuang waktu pengguna. Lebih buruk lagi, link seperti ini bisa membuat pengguna tidak mengenali bahwa halaman yang ditampilkan ulang adalah halaman yang sama dengan di mana ia berada sebelumnya. Pada web yang tidak mengidentifikasi halaman saat ini dengan baik, pengguna kemungkinan tidak menyadari bahwa link tersebut memanggil diri sendiri dan sangat memberi peluang bagi pengguna unutk mengklik link tersebut. Gambar 7. Self-link yang Tetap Aktif Pada Pada web ini, pengembang web tetap Halaman Home mengaktifkan link yang menuju ke halaman yang sama dimana pengguna berada (lihat Gambar 7). Seperti disebutkan pada sub pembahasan sebelumnya, bahwa halaman yang ada pada web ini belum teridentifikasi dengan baik, khususnya pada halaman Home. Akibatnya, sangat terbuka kemungkinan waktu yang dimiliki pengguna terbuang dengan percuma karena mengklik link menuju halaman yang sama. Sebagai solusi, sebaiknya link yang menuju halaman yang sedang diakses pengguna tidak diaktifkan. Banyak pengembang web beralasan bahwa self-link tersebut berguna karena terkadang pengguna membutuhkannya untuk me-refresh atau melakukan load ulang terhadap halaman bersangkutan. Alasan tersebut tidak tepat karena hampir semua browser memiliki tombol refresh / reload untuk memudahkan pengguna agar bisa melakukan load ulang terhadap halaman yang dimaksud.

10

2.6 Tombol yang Tidak Tampak Seperti Tombol Navigasi bertujuan untuk mengantarkan para pengguna ke tempat yang mereka inginkan secara cepat. Semakin efisien navaigasi dibuat, semakin banyak juga orang yang mungkin tetap tertarik. Ketika pengguna tidak mengetahui apa yang bisa diklik pada situs, mereka harus berpikir lebih keras dan menebak-nebak. Sebagai pengembang Web, kita harus bisa membuat para pengguna yakin apa yang bisa diklik dan apa yang tidak. Kita tidak boleh membiarkan mereka mengklik semua elemen yang ada pada situs untuk mengetahui mana yang bisa diklik. Sebaiknya kita memberikan perlakuan visual yang berbeda pada link, yang sudah umum diasosiasikan dengan sesuatu yang bisa diklik. Jangan bergantung hanya pada “kursor tangan” untuk menandakan link. Bahkan para pengguna berpengalaman pun tidak selalu memperhatikan kapan pointer berubah menjadi kusor tangan, apalagi para pengguna yang novice yang beranggapan bahwa keduanya adalah sama saja. Pada Web ini, tombol menu yang menjadi satu-satunya navigasi, tidak tampak seperti tombol yang bisa diklik (lihat Gambar 8). Menu yang berupa gambar tersebut tampak tidak memiliki perbedaan dengan gambar biasa, selain adanya tulisan pada gambar tersebut. Seolah-olah menu tersebut merupakan satu kesatuan dengan gambar yang berada di atasnya. Ini disebabkan karena penempatan menu yang terlalu menyatu dengan gambar tersebut, dan tampilan visual yang datar, sehingga tidak ada bedanya secara visual dengan gambar yang ada di sampingnya, yang justru tidak bisa diklik. Begitu juga warna tulisan yang digunakan memiliki kesamaan dengan gambar yang ada di sebelah atas menu yang juga tidak bisa diklik. Ini tidak sesuai dengan perceived affordance (sesuatu yang dianggap pengguna bisa dikerjakan pada objek tertentu) pengguna, yang menganggap bahwa menu tersebut tidak bisa diklik. Hal ini juga berkaitan dengan konsep Tidak bisa diklik web experience Galitz yaitu mengenai expectation, dimana Tombol menu navigasi yang ada tidak sesuai dengan harapan pengguna. Jadi, sebaiknya menu tersebut Gambar 8. Membedakan Tombol diperbaiki lagi tampilannya sehingga pengguna yang melihat menu tersebut bisa memiliki affordance bahwa menu tersebut bisa diklik, dan bisa membedakan mana gambar yang bisa diklik dan mana yang tidak. Ini bisa dilakukan dengan mengubah gambar menu menjadi gambar yang telah umum digunakan sebagai tombol menu, mengubah warna tombol menu tersebut sehingga tidak sama dengan gambar lain, memberikan warna lain untuk tulisan pada tombol menu, misalnya biru yang telah umum diketahui sebagai warna yang menandakan link atau dengan menambah ketebalan pada tulisan menu tersebut sehingga bisa dibedakan dengan tulisan lain yang bukan menu.

2.7 Scrolling yang Panjang Pengembang web sebaiknya menyadari bahwa para pengguna sebenarnya sibuk dan begitu banyak informasi pada Web yang tidak begitu penting untuk mereka namun mengharuskan mereka untuk menggali informasi tersebut pada halaman Web. Mereka tidak akan tertarik kecuali mereka diberitahukan terlebih dahulu bahwa halaman tersebut berharga bagi mereka. Sayangnya, karena kebanyakan halaman Web memiliki nilai informasi yang kecil, para pengguna tentu saja sering kali memutuskan untuk menghindari scrolling. Sebagai pengembang Web seharusnya kita menyadari fakta ini dan memastikan untuk memberikan informasi yang cukup untuk membuat mereka mau melihat apa yang terdapat di bawah dengan melakukan scrolling. Menurut studi yang dilakukan Nielsen (2006), hanya 42 % pengguna yang mau melakukan scrolling untuk melihat informasi pada halaman tersebut. Kebanyakan pengguna berpikir bahwa informasi yang terdapat pada bagian bawah halaman yang sangat panjang tidak penting, sehingga mereka tidak melakukan scrolling ke bawah, apalagi scrolling yang terlalu panjang. Pada Web ini, hampir semua Disini banyak terdapat ruang halaman didesain dengan scrolling. kosong terbuang Lebih buruk lagi, scrolling tersebut sangat panjang hingga mencapai lebih dari 4 kali panjang layar, seperti yang terdapat pada halaman utama. Selain itu, informasi yang terdapat di bagian Gambar 9. Scrolling yang Terlalu panjang

11

bawah tidak senilai dengan usaha pengguna untuk melakukan scrolling. Kondisi lain yang terdapat pada halaman ini saat melakukan scrolling adalah terdapatnya ruang kosong (whitespace) yang sangat besar terbuang sia-sia pada bagian tengah halaman (lihat Gambar 9). Sebaiknya penggunaan scrolling pada Web ini dihilangkan saja karena kemungkinan hanya sebagian kecil pengguna yang akan melakukan scrolling pada halaman-halaman di Web ini. Para pengguna yang melakukan scrolling pun akan merasa tidak puas karena mereka tidak mendapat informasi berharga di bagian bawah halaman yang telah mereka scroll. Hal ini bisa disiasati dengan memberikan jumlah batasan berita yang ditampilkan (pada halaman Home) pada setiap halamannya, karena jumlah berita yang tidak dibatasi itulah yang menyebabkan halaman Home begitu panjang, dan memerlukan scrolling beberapa kali. Jika memang dibutuhkan scrolling karena informasi yang diberikan cukup penting (seperti pada halaman about us), sebaiknya scrolling yang dibutuhkan tidak lebih dari satu kali. Untuk mengatasi masalah ini bisa dilakukan dengan memberikan informasi yang lebih ringkas dan padat, dan lebih mengoptimalkan kekosongan ruang yang banyak terdapat pada halaman tersebut.

2.8 Gambar yang Selalu Berubah-Ubah Dengan Sangat Cepat Sebagian besar halaman yang terdapat pada Web ini menampilkan gambar yang berubah-ubah dengan sangat cepat, termasuk pada halaman utama. Hal seperti demikian disebut gangguan yang menyebalkan (annoying distraction) oleh Galitz (2007). Gambar yang berubah-ubah setiap sepersekian detik tersebut tentu saja sangat mengganggu pengguna yang mungkin sedang membaca informasi yang berguna bagi mereka. Gambar-gambar tersebut bisa mengalihkan perhatian mereka dari apa yang sedang mereka baca. Para pengguna yang terus-menerus diganggu oleh gambar tersebut lama-kelamaan akan merasakan kelelahan pada mata mereka (lihat Gambar 1 pada bagian yang diberi tanda panah). Sebaiknya gangguan seperti ini dihindari oleh pengembang Web. Pengguna yang mungkin sudah tidak tahan lagi dengan ditampilkannya gambar-gambar tersebut bisa meninggalkan Web yang sebenarnya mereka butuhkan untuk mendapatkan informasi. Mungkin pengembang bertujuan untuk menunjukkan berbagai koleksi tanaman yang dimilikinya kepada pengguna. Namun, tujuan tersebut sepertinya tidak akan tercapai karena gambar-gambar yang ditampilkan berganti dengan sangat cepat. Kecepatan mata manusia tidak cukup untuk mengejar kecepatan tampilan gambar-gambar tersebut. Sebagai solusi, sebaiknya gambar-gambar tersebut ditampilkan dengan wajar, yaitu tanpa mengubahubahnya setiap waktu. Hal ini akan menyebabkan halaman situs menjadi lebih bersahabat bagi pengguna.

2.9 Navigasi yang Tampak Seperti Iklan Para pengguna Web sangat berorientasi pada tujuan. Mereka mencari informasi yang mereka inginkan dan mengabaikan apapun selainnya. Kenyataannya, para pengguna tidak hanya secara pasif mengabaikan informasi yang tidak mereka inginkan, namun mereka telah mengembangkan sistem aktif untuk mempertahankan diri melawan informasi yang tidak diinginkan itu. Ini dikarenakan, pada Web, mereka terus “diserang dengan berbagai percobaan” untuk menangkap perhatian mereka dan mengalihkan pengguna dari tujuan mereka sendiri (Nielsen, 2006). Sebagian pengembang Web mendesain navigasi mereka seperti layaknya iklan untuk mendapatkan perhatian lebih dari pengguna, sehingga memungkinkan navigasi tersebut untuk diklik. Namun, kenyataannya kebanyakan pengguna cenderung mengabaikan segala sesuatu yang mirip dengan iklan. Mereka takut untuk mengklik karena menyangka navigasi seperti itu akan membawa mereka ke halaman web lain. Selain itu, Gambar 10. Navigasi yang Mirip Iklan “iklan” hanya akan mengalihkan mereka dari tujuan utama mereka yaitu mencari informasi yang dibutuhkan. Pada semua halaman pada web TOEKANGKEBOEN, kecuali halaman utama, ditampilkan navigasi berupa gambar yang mirip iklan yang sebenarnya ditujukan agar para pengguna bisa kembali ke halaman utama (lihat Gambar 10). Namun, tentu saja banyak pengguna yang tidak menyadari hal ini. Bahkan, mungkin banyak yang sama sekali tidak membacanya karena menganggap gambar tersebut hanyalah iklan, dan mereka tidak membutuhkannya.

12

Sebaiknya, penggunaan gambar yang mirip dengan iklan sebagai navigasi dihindari sebisa mungkin. Gambar tersebut sebaiknya diganti dengan bentuk navigasi yang telah menjadi konvensi umum. Dengan demikian, akan banyak pengguna yang menyadari bahwa terdapat jalan untuk “pulang” menuju halaman utama melalui navigasi tersebut.

2.10 Tulisan yang Menipu Pengguna Tujuan pengguna mengunjungi Web adalah untuk mencari informasi berguna yang mereka butuhkan dan dapat dipercaya. Membangun kepercayaan pengguna adalah salah satu kunci kesuksesan bisnis. Ketika para pengguna telah kehilangan kepercayaan terhadap suatu situs, maka mereka tidak akan segan-segan untuk meninggalkan situs tersebut dan beralih kepada situs kompetitor. Ketika telah terjadi hal semacam ini, berarti ini merupakan masalah besar bagi situs yang ditinggalkan tersebut. Pada situs ini, terdapat sebuah informasi pada bagian bawah setiap halaman yang ada yang menjerumuskan pengguna. Informasi tersebut adalah informasi tentang time execute. Pada setiap halaman ditampilkan time execute yang seolah-olah memberitahu pengguna mengenai waktu yang dibutuhkan untuk mengeksekusi halaman tersebut. Namun, ternyata informasi tersebut hanya sebuah tipuan belaka karena tulisan tersebut bersifat statis (dapat dilihat pada Gambar 10, tepat di atas gambar navigasi yang mirip iklan). Artinya, kapan pun pengguna melakukan load terhadap halaman yang dimaksud, waktu eksekusi yang ditampilkan adalah tetap, sama sekali tidak terjadi perubahan. Sebagai contoh, pada halaman home (index.html) tertulis execute time 0.00018 detik. Setelah pengguna memasuki menu lainnya, dan ia mencoba kembali ke Home, ia akan menemukan bahwa execute time pada halaman home berubah menjadi 0.00017 detik. Sekilas, mungkin pengguna menganggap bahwa telah terjadi perubahan execute time menjadi lebih cepat. Namun, anggapan tersebut sama sekali tidak benar. Pengembang web ini melakukan trik yang mencoba untuk mengelabui pengguna, yaitu dengan menampilkan halaman lain dari Home (index-2.html). Mencoba mengelabui penggguna merupakan salah satu kesalahan yang sangat fatal. Oleh karena itu, sebaiknya pengembang web tidak melakukan hal tersebut. Jika memang ingin menampilkan execute time dari setiap halaman yang di-load, maka seharusnya pengguna diberikan informasi yang sebenar-benarnya. Namun, jika hal tersebut dirasa tidak terlalu penting, maka penghilangan informasi execute time tersebut pun tidak akan menimbulkan masalah.

2.11 Link Menuju Web Lain Maksud keseluruhan dari Web adalah menghubungkan informasi yang berguna, dimana pun informasi tersebut berada. Menuju situs yang sama Perbedaan antara “di dalam” dan “tidak di dalam” situs tertentu Menuju situs lain adalah fuzzy, tidak semua link yang berada dalam sebuah situs Gambar 11. Link Menuju Situs Yang Berbeda menghubungkannya menuju informasi yang juga berada di situs tersebut. Sudah seharusnya semua halaman yang terdapat pada sebuah situs memiliki penampilan yang konsisten. Para pengguna harus bisa mengetahui dengan cepat apakah mereka masih berada pada situs tersebut atau sudah meninggalkan situs tersebut menuju situs lain. Situs www.toekangkeboen.com memberikan satu bentuk link yang sama untuk dua hal yang berbeda tujuan : menuju halaman lain dalam situs TOEKANGKEBOEN sendiri, dan menuju halaman yang terdapat pada situs lain (Gambar 11). Hal ini bisa membingungkan pengguna. Bahkan, bisa menimbulkan kejutan yang tidak menyenangkan bagi pengguna karena mereka bermaksud membuka halaman pada situs yang sama, namun mereka justru dibawa menuju halaman situs lain. Sebaiknya diberikan perbedaan yang cukup jelas, link mana yang menuju halaman dalam situs itu sendiri dan link yang mana yang menuju halaman pada situs lain.

2.12 Link yang Tidak Berubah Setelah Dikunjungi Link yang berubah warna setelah dikunjungi memberi petunjuk kepada pengguna bahwa ia pernah melakukan klik terhadap link tersebut. Ketika link tidak menunjukkan bahwa pengguna telah

13

mengunjungi halaman bersangkutan, berarti kemampuan navigasi situs tidak baik, dan bisa membuat pengguna secara tidak sengaja mengunjungi lagi halaman yang telah mereka lihat sebelumnya. Masalah ini akan menjadi semakin buruk ketika link-link menuju halaman yang sama diberikan nama yang berbeda. Melakukan load terhadap halaman web tentu saja memakan waktu, sehingga melakukan kunjungan Gambar 12. Link yang Tidak Berubah Warna secara tidak sengaja terhadap halaman yang sama untuk kedua kalinya hanya akan membuang waktu pengguna secara sia-sia. Dapat dilihat pada situs TOEKANGKEBOEN, misalnya pada halaman Tips / artikel, link yang sudah dikunjungi tidak memiliki perbedaan dengan link yang belum dikunjungi (Gambar 12). Hal ini membuka peluang yang sangat besar bagi pengguna untuk mengunjungi halaman yang sama lebih dari satu kali. Padahal, mereka tidak bermaksud melakukannya. Banyak pengembang Web beralasan mereka tidak mengubah warna link yang telah dikunjungi karena mereka tidak ingin hal tersebut merusak skema warna situs yang ada. Alasan seperti ini tidak tepat karena mengorbankan navigasi yang baik bagi pengguna demi mempertahankan skema warna adalah suatu kesalahan.

2.13 Ketidakrapian Teks Dominasi teks pada Web mengakibatkan pentingnya menempatkan teks pada Web dengan benar. Jika teks dalam situs terlalu banyak bicara panjang-lebar, sulti dimengerti, tidak konsisten, atau terdapat error, situs tersebut akan dinilai berkualitas rendah oleh para pengguna. teks adalah salah satu unsur penting pada Web. Pengguna mencari informasi yang dibutuhkan melalui teks tersebut. Jika teks tersebut mudah dibaca, dan memberikan apa yang diinginkan pengguna tanpa basa-basi tentu saja pengguna akan merasa puas. Sebaliknya, jika informasi yang diberikan sulit dibaca dan ditampilkan dalam format yang tidak umum atau tidak enak dipandang, pengguna akan merasa tidak puas dan mungkin merasa ia tidak menemukan informasi yang ia cari walaupun sebenarnya informasi tersebut ada namun sulit ditemukan dengan cepat. Terdapat beberapa hal dalam web ini yang menyebabkan informasi yang ditampilkan tidak dapat diterima oleh pengguna dengan baik.

2.13.1 Masalah Alignment yang Mengganggu Terdapat dua model alignment (perataan) yang digunakan yaitu perataan kiri dan kanan. Hal ini hanya membuat teks yang ditampilkan terkesan tidak rapi. Secara umum, halaman yang terdapat pada situs ini dibagi menjadi dua bagian besar, yaitu bagian kiri dan kanan. Untuk perataan teks pada bagian kiri halaman, pengembang menggunakan perataan kanan, sedangkan untuk teks yang terdapat pada bagian kanan, pengembang menggunakan perataan kiri. Sebagai contoh, pada halaman Tips / artikel, link judul artikel / tips pada bagian kiri halaman menggunakan perataan kanan, dan isi artikel / tips pada bagian kanan diberikan perataan kiri (lihat Gambar 13). Menurut Johnson (2003), prosa teks seharusnya diberikan perataan kiri (left alignment) atau justified. Perataan kanan digunakan untuk teks yang Gambar 13. (dari kiri ke kanan) Perataan Kanan dan Perataan Kiri

menggunakan bahasa yang ditulis dari kanan ke kiri. Jadi, sudah sewajarnya perataan teks yang terdapat pada halaman ini diubah menjadi perataan kiri.

2.13.2 Ketidakkonsistenan Penggunaan Font Style Pada Heading

(a) (b) Gambar 14. Perbedaan Font Style pada Heading

Hal ini akan membuat pengguna merasa kebingungan menentukan mana yang merupakan judul sebuah halaman, dan mana yang bukan. Pengguna web TOEKANGKEBOEN yang telah terbiasa dengan tulisan heading yang merupakan judul seperti yang dilihat pada Gambar 14 (a), akan merasa bingung apabila melihat halaman Tips / Artikel karena heading-nya memiliki perbedaan font style dengan heading pada halaman lainnya (Gambar 14 (b)). Font yang digunakan pada halaman tersebut ditambah dengan

14

melakukan pewarnaan biru pada teks justru terlihat seperti link. Padahal, teks tersebut merupakan judul halaman, dan bukan merupakan link. Sebaiknya, gunakan ukuran dan style font yang sama untuk tingkat hirarki yang sama, dalam hal ini heading judul pada setiap halaman.

2.13.3 Ketidakkonsistenan Kapitalisasi Font yang Digunakan

Gambar 15. Inkosistensi Case Style

Inkosistensi penggunaan kapitalisasi akan menyulitkan pengguna untuk membaca informasi yang mereka butuhkan. Style kapitalisasi harus konsisten pada keseluruhan halaman Web. Bukan berarti semua teks harus menggunakan style kapitalisasi yang sama. Teks menjalankan beberapa peranan yang berbeda, yakni judul situs, judul halaman, heading kategori, instruksi, deskripsi produk, konten yang berisi teks, link, nama pada tombol, pesan error, dan lain-lain. Bagaimana teks harus dikapitalisasi tergantung pada peran yang dilakoninya. Judul sudah pasti menggunakan title case. Teks berupa prosa sudah seharusnya menggunakan sentence case. Pada intinya, teks yang menjalankan peranan tertentu harus dikapitalisasi secara

konsisten. Pada bagian konten Web ini, pengembang terkadang menggunakan Upper Case (melakukan kapitalisasi pada setiap huruf) dan terkadang tidak melakukan kapitalisasi pada bagian teks yang sama (Gambar 15). Seperti yang bisa dilihat pada bagian “Berita Terbaru” pada halaman home, teks yang terdapat pada halaman tersebut terlihat tidak rapi, karena sebagian teksnya menggunakan mode upper case, dan sebagian lainnya menggunakan sentence case. Sebaiknya, hal ini dapat dihindari. Untuk konten tekstual semacam itu, sebaiknya gunakan saja sentence case. Untuk memberikan penekanan misalnya pada nama tanaman, sebaiknya tidak dengan menggunakan upper case, namun lebih baik jika menggunakan title case, atau sentence case jika itu merupakan nama species, dan bisa menggunakan huruf yang dicetak miring.

2.13.4 Ketidakkonsistenan Penggunaan Font Pada Konten Seperti yang telah disebutkan sebelumnya, konsistensi penggunaan font adalah bagian dari penyampaian (a) (b) informasi yang baik. Gambar 16. Perbedaan Ukuran dan Style Font pada Konten Tekstual Pada Web ini, terdapat Yang Sama ketidakkonsistenan dalam hal penggunaan ukuran dan style font pada konten tekstual yang sama. Gambar 16 (a) dan (b) dengan jelas memberikan perbedaan tersebut. Sekali lagi, sebaiknya pengembang Web menampilkan teks yang konsisten, tanpa membingungkan pengguna.

2.13.5 Teks yang Terlalu Panjang Dalam Satu Baris Teks yang terlalu panjang yang ditempatkan dalam satu baris akan mengakibatkan pengguna harus melakukan scrolling ke samping. Hal ini jauh lebih mengesalkan daripada melakukan scrolling ke bawah. Selain itu, menampilkan teks lebih dari sepuluh kata dalam satu baris sangat memberatkan pengguna yang membaca, sehingga informasi tersebut tidak bisa disampaikan kepada pengguna dengan efektif. Pada web ini, beberapa halaman menyajikan teks yang terlalu panjang dalam satu baris sehingga mengharuskan pengguna untuk melakukan scrolling horizontal pada halaman Why Us yang diberikan pada Gambar 17.

Gambar 17. Teks yang Terlalu Panjang Dalam Satu Baris

15

2.14 Jumlah Berita yang Tidak Dibatasi Dalam Satu Halaman Dalam satu halaman web sebaiknya informasi yang ada tidak disajikan sekaligus. Hal ini bisa menyebabkan scrolling yang panjang. Seperti yang telah disebutkan pada sub bahasan scrolling, hanya sedikit pengguna yang mau melakukan scrolling untuk membaca informasi yang terdapat pada halaman Web bagian bawah. Mereka merasa informasi yang disimpan terlalu dalam memiliki tingkat kepentingan yang kecil. Oleh karena itu, pembatasan panjang halaman yang ditampilkan benar-benar diperlukan. Daripada mendapatkan resiko tidak dibaca oleh pengguna, sebaiknya dilakukan metode paging. Metode ini lebih nyaman digunakan oleh pengguna. Mereka seharusnya bisa membaca keseluruhan informasi, misalnya berita terbaru dalam satu halaman yang tidak terlalu panjang. Agar bisa membaca berita selanjutnya, bisa diberikan link menuju halaman lain yang memberikan informasi tersebut, seperti yang telah dilakukan dengan cukup baik pada halaman Tips /Artikel. Jadi, pengembang tidak usah menampilkan berita yang terlalu banyak pada halaman utama, seperti yang terdapat pada Gambar 9.

2.15 Teks Berjalan yang Terlalu Panjang Pada setiap halaman pada web ini, terdapat teks berjalan (moving text) di bagian atas halaman, (lihat Gambar 1,tepatnya di bawah navigasi menu). Teks berjalan merupakan suatu cara pengembang Web untuk menarik perhatian pengguna agar membaca informasi pada teks tersebut. Namun, teks berjalan seperti itu hanya mengganggu pengguna yang sedang memberikan perhatian pada bagian Web lain yang lebih penting. Hal seperti ini termasuk bagian dari annoying distraction, yang menurut Galitz (2007) merupakan salah satu karakteristik Web usability yang hanya akan menghabiskan waktu pengguna. Teks berjalan tersebut bisa dikatakan sangat panjang dan diputar berulang-ulang setiap saat, sehingga pengguna yang melihatnya akan merasa bosan. Bahkan, maksud pengembang untuk menarik perhatian pengguna pun hanya akan bertepuk sebelah tangan. Informasi yang diberikan pada teks berjalan tersebut pun sebenarnya tidak terlalu penting, hanya berupa ajakan pengembang Web kepada pengguna. Jadi, sebaiknya teks berjalan tersebut dihilangkan saja karena sebenarnya informasi semacam itu bisa dibaca oleh pengguna pada halaman Why Us dan About us.

2.16 Resolusi Layar Statistik saat ini menunjukkan bahwa komputer-komputer yang dimiliki kebanyakan orang mempunyai resolusi layar (screen resolution) 800 × 600 pixel atau 1024 × 768 pixel. Ukuran layar yang lebih besar ternyata lebih populer, dan tren saat ini menunjukkan bahwa resolusi 1024 × 768 pixel akan menjadi resolusi umum yang terkecil di masa depan. Jika lebar halaman Web melebihi resolusi komputer pengguna, pengguna yang mengakses halaman tersebut harus melakukan scrolling ke samping untuk melihat keseluruhan konten yang ditampilkan. Hal ini tentu saja memberatkan pengguna. Pengguna yang merasa kesal dengan scrolling ke samping memiliki kemungkinan yang besar untuk meninggalkan situs tersebut. Pengembang web sebaiknya memahami betul masalah ini, sehingga pengembang Web yang baik akan memberikan solusi tampilan terbaik pada komputer yang menggunakan resolusi tertentu. Terdapat beberapa solusi untuk menangani masalah tersebut. Salah satu solusinya adalah dengan membuat lebar halaman web sesuai dengan ukuran resolusi terkecil monitor yang umum saat ini, yakni 800 pixel. Pengembang Web yang melakukan hal ini berharap semua komputer pengguna dapat menampilkan keseluruhan halaman web tanpa melakukan scrolling ke samping. Resikonya, hanya sedikit informasi saja yang bisa ditampilkan pada halaman dengan lebar 800 pixel. Selain itu, jika komputer pengguna menggunakan resolusi yang lebih besar, akan terjadi pemborosan halaman karena lebar yang ditampilkan tetap selebar 800 pixel. Oleh karena itu, terdapat solusi lain yang lebih baik, yaitu menggunakan ukuran yang dinamis. Artinya, lebar halaman diberikan dalam ukuran persentase. Sebagai contoh, jika diberikan definisi lebar halaman sebesar 75 % maka ketika dibuka pada komputer dengan resolusi berapapun, lebar halamannya akan memenuhi 75 % lebar layar. Dengan cara seperti ini, penyampaian informasi pada halaman web menjadi lebih efektif karena pengguna yang memakai resolusi tinggi akan mendapat tampilan informasi yang lebih banyak pula.

16

Begitu juga dengan pengguna yang memakai resolusi yang lebih rendah, ia tetap bisa menikmati informasi yang ditampilkan tanpa harus melakukan scrolling ke samping. Sayangnya, pengembang Web TOEKANGKEBOEN tidak memberikan solusi tersebut. Bahkan dengan menggunakan komputer beresolusi 800 × 600 pun, pengguna masih harus melakukan scrolling ke samping. Ini berarti pengembang tidak memberikan batasan lebar halaman yang baik sehingga menyulitkan pengguna dengan mengharuskannya melakukan scrolling ke samping.

2.17 Kompatibilitas Browser (Cross-Platform Compatibility) Teknologi browser berkembang dengan pesat. Para pengguna Web di seluruh dunia bervariasi dalam memilih browser yang digunakan untuk membuka halaman Web. Ini dikarenakan masingmasing pengguna memiliki selera masing-masing yang mungkin hanya bisa dipuaskan oleh suatu browser dan tidak bisa dipuaskan oleh browser lainnya. Masing-masing browser memiliki karakteristik masing-masing. Tampilan situs TOEKANGKEBOEN mungkin cukup baik jika dijelajahi dengan Internet Explorer. Namun, tampilan situs ini bisa dibilang berantakan ketika dibuka dengan browser lain, seperti Opera, Mozilla Firefox, dan Netscape Navigator. Pengembang situs ini sepertinya hanya memperhitungkan pengguna yang menjelajahi situs dengan menggunakan Internet Explorer. Perlakuan seperti ini sangat tidak baik, karena kecenderungan saat ini menunjukkan bahwa pengguna browser selain Internet Explorer meningkat cukup tajam. Banyak pengguna yang lebih memilih browser lain seperti Mozilla Firefox karena dirasa lebih nyaman. Oleh karena itu, seharusnya pengembang web memperhitungkan situasi tersebut. Pengembang Web sebaiknya memberikan alternatif tampilan untuk masing-masing browser, setidaknya untuk beberapa browser yang sering digunakan pengguna. Selain itu, sebaiknya diberikan petunjuk pada halaman web yang menerangkan tampilan terbaik situs akan diterima pengguna jika menggunakan browser tertentu dengan versi tertentu.

17

3 PENUTUP

BAB 3 PENUTUP

3.1 Kesimpulan Dalam merancang suatu web, terdapat beberapa hal yang harus diperhatikan oleh pengembang web, diantaranya faktor web usability dan web experience. Web usability merupakan ukuran seberapa mudah suatu web digunakan oleh pengguna. Sementara itu, web experience memberikan gambaran seberapa menyenangkan, efektif, dan efisien pengalaman yang didapatkan pengguna ketika menjelajahi halaman web. Kedua faktor rancangan antarmuka tersebut sangat berperan penting dalam menentukan kesuksesan rancangan suatu web yang dibuat. Situs www.toekangkeboen.com merupakan sebuah situs yang menawarkan pembelian tanaman hias jarak jauh, dan mencoba menarik minat pengguna untuk mengunjungi showroom yang mereka miliki. Dilihat dari kedua faktor rancangan antarmuka di atas, banyak terdapat kelemahan yang harus dibenahi pada halaman-halaman yang terdapat pada situs tersebut. Kelemahan tersebut, secara umum, mencakup kelemahan dalam hal konten, navigasi, penulisan teks, grafik dan layout yang terdapat pada situs bersangkutan. Demi menggapai kepercayaan pengguna, kelemahan-kelemahan tersebut seharusnya menjadi pelajaran untuk membuat situs yang lebih baik lagi ke depannya. Pengguna bukanlah orang yang mau berlama-lama berdiam di suatu situs jika situs tersebut dianggap tidak memenuhi ekspektasi pengguna yang haus akan informasi yang dibutuhkannya. Di balik berbagai kelemahannya, situs ini memiliki beberapa kelebihan yang belum tereksplorasi dengan baik. Misalnya, koleksi gambar tanaman hias yang cukup banyak jika dipresentasikan dengan baik sebenarnya bisa menjadi keunggulan situs ini dibandingkan situs lainnya . Selain itu, adanya tips dan artikel yang berhubungan dengan tanaman hias bisa membantu pengguna yang memang membutuhkan informasi semacam itu. Oleh karena itu, kelebihan yang ada sebaiknya dikembangkan dan dioptimalkan dengan baik sehingga bisa menjadi keunggulan tersendiri dibandingkan dengan para kompetitor situs tersebut. Dan patut diingat, kelebihan tersebut bisa ditonjolkan dengan syarat desain antarmuka yang digunakan situs ini diperbaiki terlebih dahulu sehingga bisa memenuhi faktor-faktor web usability dan web experience.

3.2 Saran Pembahasan dan analisis yang dilakukan terhadap situs ini bisa dimanfaatkan oleh siapa saja, termasuk pengembang web TOEKANGKEBOEN, untuk membangun halaman situs yang memenuhi faktor web usability dan web experience. Dalam membangun situs yang baik, terdapat satu hal yang patut diingat, yaitu kita—para pengembang web—membuat halaman web untuk mereka—para pengguna— bukan untuk kita. Sebagai pengembang web, kita pasti memiliki target pengguna. Oleh karena itu, hal-hal yang disukai dan yang tidak disukai oleh pengguna seharusnya menjadi pertimbangan utama dalam membuat halaman web. Jika pengguna web merasa senang mengunjungi dan menggunakan web yang telah dibuat, orang yang mendapatkan keuntungan tidak lain adalah pengembang web itu sendiri. Oleh karena itu, raihlah kepercayaan pengguna dengan tampilan desain yang mudah digunakan dan nyaman bagi pengguna, serta konten web yang sesuai ekspektasi pengguna.

18

DAFTAR PUSTAKA Galitz, Wilbert O. 2007. The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques. 3rd Edition. Indianapolis: 2007. Johnson, Jeff. 2003. Web Bloopers: 60 Common Web Design Mistakes and How to Avoid Them. Morgan Kaufmann Publishers. Krug, Steve. 2000. Don’t Make Me Think! A Common Sense Approach to Web Usability. New Riders Publishing Nielsen, J., dan Loranger H. 2006. Proritizing Web Usability. Berkeley: New Riders Publishing.

19