Apa kriteria website yang baik

Menurut CNET/Builder ada 7 kriteria yang menentukan sebuah website termasuk website yang baik/tidak, yaitu : 1. Usability Usability adalah ' dapatkah seorang user menemukan cara untuk menggunakan website tersebut dengan efektif ( doing things right ). Masih menurut Jacob, usability memiliki 5 karakteristik : Mudah untuk dipelajari; Efisien untuk digunakan; Mudah untuk diingat; Tingkat frekuensi kesalahan; Tingkat kepuasan pemakai;

Karakteristik yang telah ditentukan oleh Jacob Nielsen akan sangat sulit kita terapkan 100%, apalagi kalau sudah menyangkut kepentingan klien web, tetapi paling tidak bisa menjadi acuan yang membantu kita untuk merancang layout suatu website, agar website tersebut : - Mudah dipelajari penggunaannya oleh pengunjung; - Mudah diingat dan digunakan navigasinya oleh pengunjung; - Dapat digunakan secara efisien; - Memperkecil tingkat kesalahan pemakaian oleh pengunjung dalam mengoperasionalkan web; - Memuaskan pengunjung hingga akhirnya tertarik untuk kembali lagi; 2. Sistem navigasi Navigasi yang mudah dipahami oleh pengunjung secara keseluruhan. 3. Graphic Design Pemilihan grafis, layout, warna, bentuk maupun typografi yang menarik visual pengunjung untuk menjelajahi website. 4. Content Isi/konten yang bermanfaat ( 'Content is king , but without good design , Content is a naked king' ), kecuali website tersebut adalah website eksperimental/show off. 5. Kompatibilitas Seberapa luas sebuah webite didukung kompabilitas peralatan yang ada, misalnya browser dengan berbagai plug-in nya ( IE, Mozilla, Opera, Netscape, Lynx, Avant, Maxthon dan masih banyak lagi dengan berbagai versi dan plugin nya) 6. Loading time Waktu panggil (loading time), walaupun ada banyak faktor yang akan mempengaruhi waktu panggil (loading time) website yang akan kita buka, diantaranya: besar bandwith/koneksi pengakses, kondisi webserver pada saat diakses, aplikasi yang digunakan dalam membangun website,dsb. Anda memiliki

waktu 8 detik pertama untuk meyakinkan pengunjung untuk meneruskan menjelajahi website anda atau menutup browser dan pergi ke website lain. Oleh karena itu, letakkan 'sesuatu' di 8 detik pertama tersebut yang bisa menarik perhatian pengunjung. Hint: ukuran sebuah halaman web html dengan image di dalamnya (tanpa flash) adalah kurang lebih 50-60 kb. 7. Functionality Ini akan melibatkan programmer dengan script-scriptnya, misal PHP,ASP,Java,CGI dsb, untuk menciptakan sebuah website yang dinamis, interaktif dan 'hidup' yang bisa mengajak pengunjung berkomunikasi secara langsung. Seberapa baik sebuah website bekerja dari aspek teknologikal nya. Satu hal lagi aspek yang tidak boleh kita lupakan adalah accesibility, yaitu memaksimalkan penggunaan sebuah content ketika satu/lebih indera kita dimatikan/dikurangi (khususnya mata), ingat bahwa mungkin saja pengunjung website kita adalah orang yang memiliki kekurangan secara fisik ( Accesibility Checklist Recomendationnya W3C ).

BAIK dan BURUKNYA USER INTERFACE PADA WEBSITE

A. Ciri-ciri Bagus-tidaknya Sebuah Website

Jika kita memasuki sebuah situs Website yang bagus kita akan menjumpai halaman-halaman web tersebut mempunyai beberapa ciri-ciri utama yang sama. Berikut adalah beberapa ciri-ciri yang sesuai untuk semua halaman Web dan boleh dijadikan sebuah garis panduan khusus untuk membina satu halaman Web yang lengkap dan baik.

1.

Peta Site (Site Map)

Susunan halaman Web yang teratur dan disertai link-link yang jelas akan menjadi daya tarik kepada pembaca. Untuk mendapatkan output yang menarik disarankan untuk membuat site-map yaitu outline bagi halaman Web dengan menunjukkan ide dan topik besar bersama-sama dengan subtopik yang terkandung di dalamnya. Peta Site ini juga memaparkan struktur hierarki untuk Website. Semua data dan informasi disusun agar terkemas dengan baik. Ini akan memudahkan pembaca untuk mendapatkan berbagai informasi yang diinginkan mereka. Para pengunjung pasti akan kembali ke halaman Web jika web tersebut dapat memenuhi apa yang diinginkannya.

1.

Navigation Bar

Navigasi yang konsisten sangat perlu untuk setiap halaman Web. Biasanya Navigation bar diletakkan di atas setiap halaman Website dan hendaklah konsisten antara satu muka dengan muka yang lain. Tidak kurang juga Navigation berada di sebelah tepi suatu halaman Web. Terdapat juga halaman Web yang membagi website mereka menjadi dua bagian: satu mengandung Navigation bar dan satu lagi mengandungi isi kandungan yang hendak disampaikan. Rekabentuk seperti ini menetapkan Navigator pada kedudukan asal walaupun batang Navigation berlainan ditekan. Navigation bar yang digunakan tidak hanya berupa text saja. Penggunaan grafik akan menampakkan sesuatu halaman Web itu lebih cantik dan menarik. Tidak tergantung menggunakan teks atau grafik yang penting ialah, setiap navigation bar itu perlu mewakili link-link tertentu dengan jelas dan tidak menyesatkan pembaca. Sebagai tambahan masukkan navigasi back dan foward ataupun previous dan next untuk menyenangkan pembaca.

1.

Tampilan profil

Jangan heran jika kadang-kadang halaman Web tidak mengandungi tampilan tentang siapa mereka dan bagaimana cara pembaca boleh menghubungi mereka. Lebih mengherankan jika halaman Web misteri itu terdiri dari mereka yang terlibat di dalam penjualan produk atau perdagangan. Pembaca tentu lebih berminat malah merasa lebih terjamin mengetahui tentang individu di belakang layar. Pastikan terdapat link di dalam halaman Web yang membolehkan pembaca mengirimkan e-mail. E-maill saja tidak cukup. Pastikan kita memiliki cara-cara lain seperti ruangan komen (feedback) untuk pembaca terhubung dengan kita (memasukkan nama dan alamat surat menyurat).

1.

Ruang Komen

Ruangan komen membolehkan pembaca meminta pendapat yang diperlukan secara online dan tidak perlu menyalin nomor telefon dan menghubungi kita. Kita juga tidak perlu pusing kepala melayani pemanggilpemanggil. Sebaliknya kita hanya perlu menjawab sembarang pertanyaan melalui email ataupun surat. Bukan hanya tempat mendapatkan informasi, ruangan ini juga bertindak sebagai alat untuk memperbaiki sembarang kelemahan yang terdapat di dalam halaman Web. Informasi-informasi di dalam halaman Web dapat dilengkapi berdasarkan komen-komen dari pembaca.

1.

Kesederhanaan Kata untuk Informasi

Pembaca berharap untuk memperoleh informasi yang diinginkan apabila berkunjung ke suatu halaman Web. Kita harus membina halaman Web yang dapat memberikan pembaca apa yang mereka inginkan. Gunakan kata-kata yang ringkas untuk menarik pembaca tanpa membebani mereka dengan perkataan-perkataan yang susah. Jika perkataan-perkataan saintifik perlu digunakan, sediakan juga maksud perkataan tersebut. Informasi yang lengkap akan menarik pembaca untuk kembali berkunjung ke halaman Web.

1.

Persoalan Umum (FAQ - frequently asked question)

Kita mungkin berhadapan dengan persoalan-persoalan yang sama dari pembaca-pembaca yang berlainan. Dengan mewujudkan ruangan FAQ, kita dapat menghemat waktu untuk menjawab persoalan yang sama berulang-ulang, dan sekaligus menyenangkan pembaca-pembaca lain dengan menyediakan jawapan bagi persoalan yang akan ditujukan kepada kita. Kebanyakan halaman Web yang mengandung ruangan FAQ ini, biasanya akan menampilkan persoalan-persoalan popular di bagian atas tampilan dengan membuat link untuk jawaban-jawabannya. Pembaca hanya perlu meng-klik pada masalah tersebut, dan mereka akan dihubungkan dengan jawaban masalah yang bersangkutan.

1.

Grafik

Teknologi terkini internet mengizinkan bukan saja teks malah grafik dipamerkan di dalam halaman Web. Hal ini akan memperlihatkan keceriaan di dalam halaman Web dan membuatnya sekaligus tampak menarik. Pilihlah gambar yang dapat meyampaikan maksud dan tidak membebani. Buatkan gambar yang kecil dan fast-loading karena pembaca tidak suka menunggu terlalu lama agar suatu tampilan muncul kesemuanya. Untuk mengoptimakan gambar, gunakan gambar di dalam format 16-color. Menggunakan ikon dan gambar yang kecil dan relevan adalah pilihan terbaik terutama pada navigation bar. Grafik bagi navigation bar akan muncul di setiap tampilan halaman Web untuk membolehkan proses load setiap tampilan lebih cepat dengan adanya cache. Kita juga boleh merancang memberi pilihan kepada pembaca yang ingin membaca halaman Web di dalam versi teks saja untuk menghindari kelambatan.

1.

Mekanisme Pencarian

Memasukkan mekanisme pencari di dalam halaman Web dapat membantu pembaca. Pembaca hanya perlu memasukkan perkataan yang dicari untuk mendapatkan tampilan di dalam halaman Web yang mengandung perkataan tersebut. Pembaca akan berterima kasih jika halaman Web yang besar mempunyai elemen ini. Peralatan pencari senang untuk dimaintain sebaiknya ia diinstall ke dalam server Web. Ia secara otomatis akan meng-up-datesegala data pencari. Terdapat mesin-mesin pencari yang memberi pelayanan menggunakan teknologi tersebut.

1.

Tampilan Berita

Halaman Web yang baik senantiasa memberikan berita terkini kepada pembaca. Kita boleh menggunakan teks ataupun ikon New untuk memberitahu pembaca tentang informasi terbaru yang telah kita masukkan ke dalam halaman Web. Kita juga boleh memberikan satu tampilan khas untuk menyampaikan berita-berita terbaru. Setelah berlalu satu jangka waktu yang ditetapkan kita perlu untuk memindahkan informasi yang bersangkutan ke dalam kategori yang sesuai dan menggantikannya dengan berita yang baru. Untuk menyenangkan pembaca, sertakan waktu terakhir meng-up-date halaman Web. Pembaca tentu ingin tahu apakah berita terkini kita merupakan berita yang benar-benar terbaru ataukah sudah lapuk. Tetapkanlah satu jangka waktu setiap minggu atau dua kali seminggu untuk meng-up-date halaman Web.

1.

Link yang relevan

Salah satu komponen utama Website ialah koleksi linkdengan Web-site lain yang berhubungan. Suatu halaman Web yang bagus ialah halaman Web yang menawarkan linkke halaman Web lain yang merujuk kepada topik yang sama. Kita boleh menawarkan bukan sekedar link saja, malah kita boleh memberikan ringkasan apa yang terkandung di dalamlink Web-site tersebut kepada pembaca. Ini menyenangkan pembaca untuk memilih halaman Web yang mempunyai topik yang diinginkan.

B. Model Antar Muka (User Interface) Objek-Aksi

Model Sintaktik-semantik dari kelakukan manusia, digunakan untuk menggambarkan pemrograman,

manipulasi database, dan manipulasi langsung. Konsep Semantik: tersusun rapi, stabil di memori. Rincian Sintaktik: dihafal, tidak punya aturan jelas, harus sering diperbaharui

Dengan GUI menggantikan bahasa perintah, focus pada manipulasi langsung objek aksi.

Aspek sintatik tidak dihapuskan tetapi diminimalis.

Hierarki antar muka objek dan aksi, contohnya: penyimpanan informasi pada computer.

Objek antar muka: Direktori (nama, tanggal, penciptaan, dll)., File (baris, field, karakter, font, dsb).

Aksi antar muka: Konsep Tingkat tinggi (mengedit file, buka file), simpan (simpan file, back-up,

mengganti nama, menimpa versi sebelumnya, dsb)

Hilangnya Sintaksis

C. Delapan Aturan Emas Perancangan User Interface

1.

Konsisten

2.

Shortcuts

3.

Umpan balik yang informative

4.

Adanya penutupan (Keadaan akhir)

5.

Pencegahan kesalahan

6.

Pembalikan aksi

7.

Pusat kendali internal Internal Locus of Control)

8.

Ingatan jangka pendek dikurangi

ANALISA:

A. Web-site Bagus

Pada tugas analisa user interface pada website ini website yang dianggap sebagai web bagus adalah situs berita Detikinet. Alamatnya adalah http://detikinet.com/

Situs Detikinet dianggap sebagai situs yang bagus karena beberapa alasan sebagai berikut:

1.

Konsisten

Halaman-halaman yang ada di situs detikinet memiliki kekonsistensian dapat dilihat yakni dalam hal:

Pemberian warna background untuk tiap halaman yang selalu sama; Peletakan Navigation bar yang sama untuk setiap halaman yaitu di tepi paling atas dan paling bawah tiap-tiap halaman. 1. Memiliki komponen-komponen yang masuk sebagai kriteria web bagus

Yaitu:

Peta Site (site-map) Detikinet memiliki peta situs, yakni outline bagi halaman Web dengan menunjukkan ide dan topik besar bersama-sama dengan subtopik yang terkandung di dalamnya. Detikinet memiliki susunan halaman yang teratur serta link-link yang jelas sehingga pengunjung akan merasa nyaman saat menjelajahinya. Pengunjung tidak akan merasa kebingungan dalam mencari informasi yang dibutuhkan.

Navigation Bar Navigasi-navigasi pada detikinet konsisten terletak di tepi paling atas dan paling bawah pada halaman web. Navigation bar pada situs ini tidak hanya berupa text, tetapi juga berupa grafik yang di desain menggunakan software desain grafis sehingga lebih cantik dan menarik.

Seluruh Navigation bar pada situs ini mewakili link-link tertentu dengan jelas dan tidak menyesatkan pembaca. Navigation Bar juga bisa disebut shortcuts pekerjaan pengunjung untuk melihat halaman lain akan menjadi ringkas (tidak perlu mengetikkan alamat lagi).

Tampilan Profile Situs Detikinet memiliki halaman Forum yang memungkinkan pembacanya memasukkan alamat e-mail serta saling bertukar informasi dengan para pengunjung yang lain. Sebelum dapat mengakses halaman Forum, pengunjung harus mendaftar terlebih dahulu dengan mengisikan biodata. Untuk menghindari kekeliruan (Pencegahan Kesalahan) beberapa data (diantaranya nama id, alamat e-mail) tidak boleh sama. Jika sama

maka detikinet akan menampilkan pesan terjadinya error. Pesan eror ini juga merupakan pembalikan aksi dari detikinet

Pada halaman Forum ini, terdapat penutupan (keadaan akhir) yakni pada saat pengunjung yang ingin keluar dari halaman forum, pengunjung harus melakukan sign-out.Hal ini bertujuan agar data anggota forum tetap aman.

Situs ini juga memiliki milis pembaca sehingga pengunjung dapat menanyakan langsung apa-apa yang ingin lebih jauh diketahuinya dari situs, bahkan orang-orang yang terlibat di balik layar, serta informasi-informasi lainnya.

Ruang Komen Detikinet memiliki ruang komen yang diberi tittleKomentar Anda. Jika dilihat dari banyaknya komentar yang masuk pada masing-masing topik yang terdapat dalam ruang komen ini (lima topik tiap minggu), maka dapat dipastikan bahwa situs ini merupakan situs yang ramai pengunjungnya.

Dengan adanya ruang komen ini, pembangun situs dapat memperbaiki situsnya serta adanya informasi yang akan didapatkan oleh pengunjung.

Ruang ini merupakan salah satu ruang yang menyajikan umpan balik yang informative dan pembalikan aksi di samping ruang-ruang lain yaitu survey, Community (polling) dan Forum.

Pemilihan Kata Pembaca berharap untuk memperoleh informasi yang diinginkan apabila berkunjung ke suatu halaman Web. Di Detikinet, pengunjung akan dihadapkan pada bahasa yang menarik dan mudah dipahami pada setiap informasi yang disajikan.

Ruangan FAQ (Frequently Asked Question) Detikinet memiliki ruang Prime click, Do You Know, dan Intermezzo. Ruang-ruang tersebut merupakan jawaban dari persoalan-persoalan yang umum terjadi.

Persoalan-persoalan umum yang akan diberitakan (karena Detikinet merupakan situs berita) ditampilkan dibagian intinya (bagian atas) dan untuk mengetahuinya lebih lanjut pengunjung dapat meng-klik link yang telah dibuat.

Grafik

Detikinet merupakan situs yang menarik karena di dalamnya terdapat gambar-gambar yang tertentu yang kadang-kadang terlihat lucu (misalnya animasi). Gambar-gambar tersebut berukuran kecil sehingga tidak membebani situs (fast-loading) dan relevan.

Mekanisme Pencarian Situs ini memiliki search-engine dari google yang memungkinkan pengunjung untuk mencari informasi yang diinginkan hanya dengan memasukkan kata kuncinya. Search-engine ini memiliki dua opsi, yaitu web (merujuk pada database website umum / database google) dan detikinet.com (merujuk pada database intern yang dimilki detikinet)

Tampilan Berita Berita-berita yang disajikan oleh detikinet selalu ter-up-date. Hal ini juga dapat dilihat dari terteranya hari,tanggal, bulan, tahun, dan jam pada masing-masing berita yang disajikan. Selain itu, Detikinet juga mencantumkan jangka waktu dilakukannya up-date yakni per tujuh hari/satu minggu (terdapat di bawah ruang Komentar Anda).

Link yang Relevan Detikinet memiliki link-link yang merujuk ke halaman web lain berkenaan dengan topik yang sama dengan yang disajikan. Hal ini menyebabkan pembaca merasa senang karena dapat memilih web yang memiliki topik yang diinginkan.

B. Website Jelek

Pada tugas analisa user interface pada website ini website yang dianggap sebagai web jelek atau kurang bagus adalah situs yang dipasang pada free-server (anglefire.com) alamatnya adalah http://www.angelfire.com/bug/vanrose/index.html

Website Vanrose merupakan website yang dipasang pada free-server angelfire.com. Situs ini dibuat oleh lima orang mahasiswa untuk memenuhi tugas Interaksi Manusia dan Komputer.

Beberapa kelemahan dalam situs ini sehingga dikategorikan sebagai website yang kurang bagus adalah sebagai berikut:

1. Ketidak Konsistenan Halaman

Halaman yang satu dengan yang lain memiliki background yang tidak sama (bahkan cenderung kontras, membuat mata sakit jika melihatnya). Letak Navigation barnya juga tidak konsisten, ada yang di bawah, di samping, ada juga yang di atas.

2.

Tidak memiliki Peta Site (Site-Map)

Link-link di dalamnya tidak jelas dan tidak teratur sehingga pengunjung merasa kebingungan.

3.

Navigation Bar:

Acak-acakan (tidak teratur)

Tidak jelas dan menyesatkan pengunjung (ada yang tidak active)

Hanya berupa text sehingga kurang menarik

4.

Tampilan Profil

Tampilan profile pada website ini ada tapi kurang lengkap. Hanya ada dua orang yang mencantumkan alamat email, sedangkan pembuat situs ini terdiri dari 5 orang dan isi masing-masing halaman sesuai dengan pembuatnya.

5.

Tidak adanya Ruang Komen, sehingga situs tidak berkembang.

6.

Tidak Memiliki Umpan balik yang informative

7.

Tidak adanya penutupan keadaan akhir

8.

Tidak adanya pencegahan kesalahan

9.

Tidak adanya pembalikan aksi

10. Tampilan Berita tidak ter-up-date, terbukti dengan tidak adanya tanggal pembuatan situs, atau kapan terakhir diperbaharui.

11. Tidak adanya Link yang Relevan, link yang ada dari server (bukan oleh pembuat situs)

12. Tidak memiliki Ruangan yang membahas tentang persoalan umum

13. Tampilannya tidak menarik, acak-acakan, gambar yang ada berukuran besar sehingga loading-nya lama.

Kesimpulan yang dapat diambil dari analisa yang telah dilakukan adalah sebagai berikut:

Website yang bagus umumnya memiliki komponen sebagai berikut Peta Site (site-map) yang jelas

Navigation bar yang konsisten dan tidak menyesatkan

Memiliki tampilan profile, sehingga situs dapat berkembang

Memiliki ruang komen sehingga dapat melakukan pembalikan aksi dan memiliki umpan balik yang

informative.

Informasi yang disajikan menarik dan berbobot serta ter-up-date

Membahas persoalan-persoalan umum

Menarik dan fast-loading

Konsisten

Memudahkan pengunjung misalnya dengan menyediakan search-engine dan adanya link yang relevan

Kriteria penilaian bagus tidaknya website yang paling utama adalah ada tidaknya kenyamanan yang dirasakan oleh pengunjung.

DAFTAR PUSTAKA

http://detikinet.com/

http://www.angelfire.com/bug/vanrose/index.html

http://www.hafizpage.tripod.com/

http://www.mickdonald.com/tips-memilih-topik-bisnis-internet.htm

http://www.mickdonald.com/website-bisnis-yang-baik.htm