“It’s been a while, Cloud” (Sephiroth)

Wah wah blog gw umurnya dah 1 tahun tapi latest post-nya masih aja tugas IMK huehehehehe. Sebenernya ada banyak c yg pengen gw ketik, mulai dari yang gak penting sampe yang gak bermanfaat, tapi entah kenapa …..

Ok, tuk bangkitin lagi tujuan blog ini dibuat, gw mw coba tuk sangat sangat paksain buat nulis blog lagi walopun ternyata hasilnya 1 post per tahun, wakakakakaka. Ni aja sampe keringet buat ngetiknya aw aw aw

Untuk permulaan, gw mau bikin artikel yg simple & repost/basbang, tapi semoga ada sedikit ilmunya, biar serasa blog ini agak bermanfaat gitu :p. Ya jadi gw mau review software aja dah.

Beberapa waktu yang lalu gw ngeliat di wall FB temen gw ada tab Al-Qurannya, wah yang bikin gw kagum itu ayat bisa dibacain, wah wah, maklum software Al-Quran yang gw punya cuma help file (.chm) yang ada bahasa Arab & artinya. Terus gw dikasih tau sama temen gw yang lain ternyata ada yang mirip-mirip untuk yang windows, namanya Zekr (http://zekr.org), veris linux & mac-nya juga ada tapi ga gw coba.

Ni software g jauh beda sama .chm punya gw, ada bahasa arab & artinya, ya emang itu fungsinya >.<. tapi kita bisa tambahin plug-in kayak bikin ayat-nya dibacain (recitation) kayak yg gw liat di fb temen gw, atau download terjemahaannya dalam versi rusia, klo ternyata lo lebih ngerti bahasa rusia dibanding english, & kita juga bisa export import bookmark.

System Requirement-nya :

• Windows 2000, XP or Vista,
• Complex language support for your Windows enabled,
• Java (JRE) 1.4.2 or newer. Download di sun atau list download sun (pilih JRE)
• Flash player plugin for your browser (Internet Explorer)

Karena sebentar lagi mau bulan Ramdahan, siapa tau ni software bisa kita pake buat tilawah gitu, dengan resikonya kita jadi makin lama aja melototin komputer :p.

Oh ya ini, ada 1 software lagi tuk belajar tajwid bentuknya flash, tajwid.swf.

Sekarang gw mau ngasih sedikit tutorial kustomisasi biar Zekr lebih maknyus.

1. yang pertama itu di Tools – Option. Di sini kita bisa ubah bahasa yang dipakai software ini, ada bahasa Indonesia jg. Kalau kita ke tab “View”, ada beberapa pilihan yang bisa kita ubah, jenis font Al-Quran, jenis font terjemahan, ukuran font, dll. Yang baru gw ubah c ukuran font Al-Quran(quran_fontSize), karena hurufnya default kecil banget jadi susah gw baca, makanya gw gedein. Ini contoh ukuran font Al-Quran 50 & ukuran font terjemahan 10.

Kalau masih kurang gede, bisa digedein lagi, kalau mau ukurannya fontnya 1000 jg bisa, tapi gw yakin bukannya bikin gampang baca malah jadi makin susah.

2. Loh ternyata translasi terjemahaannya bukan bahasa Indonesia, jadi kita harus download lagi deh translasinya di http://zekr.org/quran/translations klo udah download tinggal buka Tools – Add – Translation, pilih file translasi yang tadi kita download.

3. Untuk bikin ada recitationnya jalan secara offline kita juga harus download file tambahannya di http://zekr.org/quran/recitations . kita harus download 2 file, yang berisi mp3 & yang setting properties. Di sana ada banyak pilihan yang mw download, pilih recitation ada kata “offline”. Kalau udah download, kita extract file yang ada MP3 ke folder tempat kita install Zekr – res – audio. Terus kita buka Zekr-nya, pilih Tools – Add – Recitation, pilih file setting propertiesnya.

Contohnya gw download yang Al-Afasy, yang 44 Khz (490 MB). Download file afasy-offline.properties (setting properties) & afasy.zip (mp3).

Karena gw install Zekr ke C:\Program Files\Zekr, jadi gw extract file MP3 (afasy.zip) ke folder C:\Program Files\Zekr\res\audio.

Tterus tinggal ke Tools – Add – Recitation pilih file setting properties (afasy-offline.properties).

Jangan lupa set biar si software jalanin recitation yang kita tambahin di Audio – Recitation.

Sekarang Al – Quran-nya bisa dibacain .

4. Di sini juga kita bisa bookmark ayat. Bisa dipakai buat nandain surat mana aja yang berhubungan dengan topik2 tertentu. Bisa juga dipake pas kita baru baca sampe ayat tertentu, terus kita bookmark deh. Klo ternyata bookmarknya malah jadi semrawut, bisa diatur di “Edit bookmark set”. Bisa export import juga.

Segitu dulu aja, mohon maaf jika ada kesalahan, sesungguhnya kesalahan itu datang dari saya pribadi dan kebenaran datang dari Allah SWT, mari kita tutup majlis kita kali ini dengan membaca …

*loh

Semoga bermanfaat

Lanjutan dari

Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 1)

Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 2)

Membahas tentang text & writing, link, & graphic layout serta kesimpulan dan saran.

Text & Writing

Perbedaan kata

Pada navigasi kategori “Penerbitan buku”, terdapat subkategori “Buku Komputer JS” dan “Buku Umum JS”. Pengunjung yang baru di website ini akan bingung apa arti “JS”, mungkin pengunjung akan berpikir JS itu Javascript atau kepanjangan lainnya. Jika JS itu kependekan dari Jasakom, pengunjung mungkin bertanya mengapa berbeda dengan subkategori di bawahnya, yaitu “Profil Penulis Jasakom”, “Menjadi Penulis Jasakom”, dan “eBook Gratis Jasakom”, di mana di sini Jasakom ditulis “Jasakom” bukan “JS”
Solusi : istilah – istilah di dalam komunitas lebih baik dikurangi agar tidak membuat bingung pengunjung baru. Selain itu, penulisan juga harus konsisten. Pada kasus ini, penulisan “Jasakom” harus konsisten apakah ditulis “JS” atau “Jasakom”.

Gambar 13 Navigasi penerbitan buku

Saya juga menemukan perbedaan kata pada saat hasil pencarian tidak ada, dapat dilihat di gambar 10. Di bagian atas text field dituliskan Key word(s) tapi di bagian pesan ditulis “Sorry – no matches. Please try some differents term” bukan “Sorry – no matches. Please try some differents key word(s)”. Jika tedapat banyak masalah seperti ini maka solusinya adalah dengan membuat kamus istilah yang digunakan lalu menempatkan seseorang untuk memeriksa text di dalam website lalu mencocokannya dengan kamus istilah yang dibuat. Agar di dalam website tidak ada dua kata/istilah tapi memiliki satu arti.

Horizontal scroll bar

Penggunaan Horizontal scroll bar akan menyulitkan user dalam membaca. Pada kategori “Community” lalu subkategori “hacking” (http://www.jasakom.com/index.php?categoryid=9&p2_articleid=111) saya menemukan artikel yang memiliki panjang berlebihan sehingga membuat pengunjung untuk menggunakan horizontal scroll bar.

Gambar 14 Horizontal scroll

Solusi : Lebar website harus dibuat fixed agar tidak menjadi semakin lebar ketika text yang dimasukan sangat panjang. Selain itu, ketika sebuah artikel akan dipublikasikan, lebih baik diperiksa terlebih dahulu sehingga sesuai dengan lebar website. Mungkin ada beberapa halaman yang mengalami hal serupa, sehingga perlu dicek kembali.

Penulisan yang tidak rapi

Terdapat penulisan yang tidak rapi di website Jasakom, diantaranya :

• Di bagian registrasi (sudah dibahas sebelumnya dengan subjudul “Penempatan label yang jauh”)
• Di bagian lupa password (gambar 8), ruang untuk label “Masukan kode yang anda lihat diatas (case sensitive)” terlalu sempit sehingga label terdiri dari 4 baris. Hal ini bisa diatasi dengan mempersingkat kalimat label. Keterangan case sensitive dapat diletakan di kanan atau di bawah text field

Perbedaan jenis font

Pada website Jasakom di subkategori “Cracking”, saya melihat adanya ketidaksamaan font. Terdapat artikel yang memiliki jenis font Times New Roman, dan ada juga artikel yang memiliki typeface Arial.
Solusi : Jenis font yang digunakan, mencakup font style, type size, dan lain – lain diseragamkan agar website konsisten.

Gambar 15 Perbedaan jenis font

Kesalahan ketik judul halaman “Lupa password”

Pada halaman “Lupa Password” terdapat judul halaman “Registrasi”.
Solusi : Judul halaman diganti menjadi “Lupa password”, “Reset password”, atau lainnya yang lebih sesuai.

Gambar 16 Salah ketik judul halaman “Lupa password”

Kesalahan ketik email

Pada bagian registrasi (gambar 6), terdapat kesalahan ketik pada label “Masukkan Emal sekali lagi”.
Solusi : Kalimat tersebut diubah menjadi “Masukkan Email sekali lagi :” agar sesuai dengan label sebelumnya, yaitu “Email : “. Kesalahan ketik seperti ini dapat diperbaiki dengan melakukan review / cek ulang ketika website akan dibuat online.

Link

Link terdiri dari dua baris

Ketka sebuah link terdiri lebih dari satu kata, link tersebut mungkin akan menjadi dua baris atau lebih. Link seperti itu akan membuat ambigu dan kebingungan. Pada website Jasakom ada link yang terdiri dari dua baris, yaitu pada bagian “Penerbitan Buku” (gambar 8). Kategori “Penerbitan Buku” terdiri dari dua baris dan subkategori “Menjadi Penulis Jasakom” juga terdiri dari dua baris. Kesan yang terasa di sini adalah tidak rapi.
Saya juga menemukan link “Baca selengkapnya..” pada suatu artikel terdiri dari dua baris.

Gambar 17 Link baca selengkapnya terdiri dari 2 baris

Solusi : Buat link tersebut agar tidak menjadi dua baris. Bisa dengan cara melebarkan area link atau mempersingkat text pada link tersebut. Untuk link “Baca selengkapnya …” bisa dengan selalu membuat baris baru (sebagai tempat link itu) di bawah deskripsi artikel agar tidak terpotong.

Button yang terlihat sudah ditekan

Pada umumnya bentuk button itu menonjol/emboss sehingga terlihat bisa ditekan. Pada website Jasakom tombol / button, seperti Register, Login, Reset, Search dan lain – lain terlihat seperti sudah tertekan. Selain itu warna tombolnya juga terlihat seperti tidak bisa ditekan (inactive), karena memiliki warna yang pucat.
Solusi :

• Tombol / button diperbaikin bentuknya agar sama dengan button pada umumnya
• Warna tombol dibuat tidak pucat, agar terlihat dapat ditekan.

Click here link

Menurut Jeff Johnson, ketika ia melihat “click here” link di sebuah website profesional, dia menganggapnya sebagai kesalahan. Menurutnya, link seperti itu terlalu informal dan amatir pengembang web yang profesional. Alasan lainnya adalah link seperti itu tidak informatif, pengunjung harus membaca kalimat sebelumnya untuk tahu ke mana link itu menuju. Pada website Jasakom, saya menemukan link seperti itu, tepatnya di subkategori “Prosedur Beli Buku”. Di sana dituliskan “Untuk biaya pengiriman, silahkan klik di sini” (gambar 5).
Solusi : link¬ sejenis ini dapat diganti dengan kata yang lebih penting atau lebih deskriptif. Pada kasus di atas maka kalimat ” Untuk biaya pengiriman, silahkan klik di sini” dapat diganti menjadi “Biaya pengiriman”.

Visited link

Web browser menyimpan halaman mana saja yang sudah dikunjungi dan ditampilkan di link yang bersangkutan dengan warna yang berbeda dengan link yang belum dikunjungi. Ini dapat membuat user melihat apakah sebuah link sudah dia kunjungi atau belum. Ketika link tidak menunjukan apakah sebuah halaman sudah dikunjungi atau belum, maka website tersebut buruk dalam navigasi karena bisa saja user mengunjungi halaman yang ternyata sudah mereka kunjungi. Pada website Jasakom, hal ini diurus dengan sangat baik. Link yang belum dikunjungi berwarna orange sedangkan link yang sudah dikunjungi berwarna abu-abu.

Gambar 18 Visited links

Grapic & layout

Form login ada di bagian bawah

Pada website Jasakom letak form login ada di kiri bawah. User diharuskan scroll ke bawah dahulu sebelum dapat melakukan login. Hal ini mungkin karena fitur login ini jarang digunakan. Tapi jika di perkembangan selanjutnya fungsi login lebih banyak digunakan maka sebaiknya diletakan di bagian atas agar user tidak perlu melakukan scroll ke bawah.

Pesan error pada saat login

Pada bagian sebelumnya dijelaskan letak form login, ternyata ini berpengaruh pada saat login lalu terjadi error. Pesan error yang muncul ternyata ada di bagian atas label nama, sehingga user harus melakukan scroll ke bawah untuk melihat pesan error yang ada dan melakukan login kembali. Pesan error yang ditampilkan tidak terlalu mencolok. Sebaiknya pesan error ditampilkan mencolok agar user menyadari kesalahannya.

Gambar 19 Pesan error saat login

Pesan error pada saat lupa password

Pada halaman “Lupa password ?”, ditanyakan alamat e-mail untuk mengirimkan password yang telah di-reset. Jika e-mail salah (tidak ada di dalam database) maka akan muncul pesan error “Upsss… permintaan Anda tidak bisa dilakukan. [alamat e-mail yang dimasukan]

Gambar 20 Pesan error pada saat lupa password

Pesan error tersebut bisa membingungkan user. Kenapa permintaan mengganti password tidak bisa dilakukan. Mungkin ketika user membaca e-mailnya dengan teliti, dia akan tersadar bahwa alamat e-mailnya salah. Tapi jika dia hanya melakukan scan, berpikir bahwa yang ditulis itu sudah benar (padahal ada kesalahan, misal 1 huruf terganti), maka hal ini akan membuat user bingung.
Solusi : Gunakan pesan error yang lebih jelas, misalnya “E-mail yang anda masukan tidak ada di dalam database”, “E-mail anda belum terdaftar”, “email@email.com belum terdaftar”atau lainnya.

Pesan error pada saat registrasi

Jika pada saat login bentuk pesan error berbentuk text di halaman itu sendiri. Maka pada saat registrasi, bentuk error ditampilkan dengan javascript. Ketika saya mencoba untuk mengosongkan semua field maka didapat pesan error sebanyak tiga buah pesan error di mana setiap pesan error harus ditekan ok untuk keluar.

Gambar 21 Pesan error javascript ketika registrasi

Ketika semua field diisi mengacu pada semua pesan error (yang menggunakan javascript), maka data akan diproses. Jika ditemui kesalahan, seperti alamt e-mail yang tidak sah, kode konfirmasi yang salah, atau yang lainnya maka akan muncul pesan error (bukan javascrip) di bawah label “Please enter your name, password, and email for registration”. Pesan ini tidak mencolok sehingga bisa saja terlewat oleh user. Penggunaan metode menggunakan javascript ini ada baik dan buruknya. Sisi baiknya adalah user tidak perlu membuka halaman baru terlebih dahulu ketika data input yang dia masukan salah, sehingga menghemat bandwidth. Salah satu sisi buruknya adalah harus menekan “OK” beberapa kali ketika ada beberapa data yang dimasukan salah.
Solusi :

• Jika ada error yang lebih dari satu, lebih baik dimasukan dalam 1 pesan error, sehingga tidak perlu muncul satu per satu.
• Warna pesan error pada gambar 12 dibuat lebih mencolok, misalnya berwarna merah.

Gambar 22 Pesan error ketika registrasi

Resolusi layar

Menurut buku “Prioritizing Web Usability”, statistik saat ini menunjukan kebanyakan komputer memiliki resolusi 800 x 600 piksel atau 1024 x 768 piksel. Resolusi minimum saat ini adalah 800 x 600 pikse. Di masa yang akan datang resolusi 1024 x 768 piksel akan menjadi resolusi yang paling kecil. Jika lebar dari halaman web melebihi resolusi komputer pengguna, maka pengunjung harus menekan horizontal scroll bar untuk melihat seluruh website. Ini bisa membuat pengunjung tidak nyaman.
Di bawah ini adalah website Jasakom dengan resolusi 1024 x 768 .

Gambar 23 Website Jasakom dengan resolusi 1024 x 768 piksel

Pada website Jasakom, sebenarnya ukuran website sudah mengikuti resolusi layar, bahkan ukuran lebar header website Jasakom ikut menyesuaikan dengan resolusi layar. Dapat dilihat pada gambar di bawah ini :

Gambar 24 website Jasakom dengan resolusi 800 x 600 piksel

Terlihat di bagian berita, yang tadinya 3 baris di resolusi 1024 x 768 piksel menjadi 4 baris di resolusi 800 x 600. Hal ini dikarenakan ukuran website Jasakom sudah dinamis sesuai dengan resolusi layar. Sehingga kalimat yang ditampilkan disesuaikan dengan ukuran resolusi, terlihat lebar artikel tidak melebihi ukuran resolusi.Jadi, konten di website Jasakom sudah menyesuaikan diri dengan ukuran resolusi monitor. Yang membuat website ini harus menggunakan horizontal scroll ketika dalam resolusi 800 x 600 piksel adalah gambar di sisi kiri dan sisi kanan. Hal ini patut disayangkan.
Tapi ada beberapa kekurangan yang saya dapatkan ketika website berada dalam resolusi 800 x 600. Ketika kursor berada di kategori “Penerbitan Buku”, maka subkategori-subkategori menu ini menghalangi kategori”Penerbitan Buku” dan “Search”

Gambar 25 Menu menghalangi

Solusi : seandainya gambar tiang di sisi kiri & kanan dihilangkan tampaknya website Jasakom akan dapat dinikmati di resolusi 1024 x 768 piksel maupun di resolusi 800 x 600 piksel. Jadi, sebaiknya gambar di sisi kiri dan kanan dihilangkan.

Perbedaan browser

Ketika saya mencoba di web browser Internet Explorer, logo Jasakom di kiri atas memiliki warna yang berbeda. Saya tidak tahu penyebabnya, mungkin karena kesalahan css. Tapi sebaiknya antara web browser diusahakan tidak ada perubahan.

Gambar 26 Logo Jasakom di IE

Kesimpulan

Dalam mengembangkan website kita harus memperhitungkan faktor – faktor IMK (Interaksi Manusia dan Komputer). Pengembang website diwajibkan mengetahui prinsip – prinsip dalam IMK agar website yang dikembangkannya dapat menarik banyak pengunjung dan membuat pengunjung merasa nyaman di website tersebut. Dengan semakin banyak pengunjung yang merasa nyaman maka dapat meningkatkan usaha di dalam website tersebut. Contohnya iklan di website, semakin banyak iklan tentu semakin baik bagi pemilik website, tapi apa jadinya jika ternyata website yang dia miliki tidak membuat pengunjung nyaman sehingga mudah ditinggalkan. Dengan semakin banyaknya pengunjung maka pihak yang tertarik memasang iklan di website semakin besar.
Pada website Jasakom, sudah terdapat hal – hal yang sesuai tapi masih banyak terdapat kekurangan – kekurangan. Kekurangan yang paling terasa fatal ada navigasi, di mana tidak ada keterangan current page akan membuat pengunjung tersesat yang bisa berakibat fatal. Kesalahan – kesalahan kecil seperti salah ketik, font yang berbeda, tulisan yang tidak rapi, dan lain – lain harus lebih diperhatikan untuk menunjukan bahwa website ini website profesional.
Di masa yang akan mendatang mudah -mudahan terdapat fitur e-commerce untuk membeli buku terbitan Jasakom, tanpa harus membaca prosedur yang berbelit – belit. Dan peran member ditingkatkan bukan hanya dapat mengirim artikel dan memberi komentar.

Saran

Artikel ini mudah – mudahan bisa menjadi bahan evaluasi website Jasakom. Artikel ini masih memiliki kekurangan, diantaranya tidak mengevaluasi forum Jasakom, ada beberapa bagian di website Jasakom yang mungkin terlewat untuk dievaluasi dan tidak menganalisis bagaimana usaha website Jasakom di bidang SEO (Search Engine Optimization) untuk memudahkan pengunjung mencari website Jasakom di search engine.

Lanjutan dari Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 1)

Membahas Navigation, Form, dan Search.

Navigation

Current page

Halaman yang sedang dibuka / current page dapat ditandai dengan memberi warna lain pada navigasi atau memberi judul halaman secara mencolok. Judul halaman di Browser title bar saja tidak cukup, orang jarang menyadari apa yang terjadi di title bar. Pada website Jasakom, tidak ada keterangan kita berada di kategori apa, baik itu berupa judul halaman atau tanda di navigasi. Bahkan di title bar pun tidak ada keterangan kita sedang berada di kategori apa. Hal ini sangat buruk, karena dapat membuat pengunjung baru tersesat dan kesal yang bisa berakhir dia meninggalkan website ini.
Solusi :

• Di title bar dapat diberi keterangan letak pengunjung di kategori apa.
• Title bar saja tidak cukup oleh karena itu harus ada keterangan lainnya, hal yang paling mudah adalah memberi judul halaman/kategori di bagian atas (di bawah navigasi).
• Penggunaan breadcrumb juga bisa dijadikan alternatif.

Link ke diri sendiri

Menurut Nielsen dan Tahir, “Don’t include an active link to the homepage on the homepage”. Menurut Jeff Johnson, kesalahan navigasi yang paling umum adalah terdapat link ke halaman itu sendiri. Dengan menekan link itu, akan membuat halaman di-reload. Pada navigasi website Jasakom, terdapat link ke diri sendiri. Yang membuat buruk di website ini adalah tidak adanya keterangan current page, yang membuat pengunjung tidak tahu dia sedang berada di mana, lalu dia menekan sebuah link yang ternyata kembali lagi ke halaman tersebut.
Solusi : Jika ada sebuah link yang ternyata membuka halaman itu sendiri, akan lebih baik jika link itu dijadikan text biasa dan diberi tanda bahwa dia bukan link, bisa dengan membedakan warna.

Menu navigasi menghalangi

Pada kategori “Penerbitan Buku” jika kursor ada di subkategori “eBook Gratis Jasakom”, maka subkategori “Menjadi Penulis Jasakom” ada bagian yang tertutup. Hal ini dikarenakan Link “Menjadi Penulis Jasakom” terdiri dari dua baris (yang dibahas pada poin 2.7.1) sehingga tertutup. Untuk mengatasinya adalah dengan memperbaiki link tersebut.

Gambar 9 Menu tertutup

Form

Default text input focus

Ketika sebuah form di website membutuhkan pengunjung untuk mengetikan data, maka seharusnya secara otomatis kursor untuk mengetik langsung berada (text input focus) di text field pertama untuk diketikan. Sebuah form tanpa default input focus mengharuskan pengunjung menggerakan kursor ke text field sebelum dia mulai mengetik. Pada website Jasakom di halaman awal, terdapat form login yang tidak memiliki default text input focus. Kesalahan ini tidak terlalu fatal, karena mungkin user jarang melakukan login kecuali ketika akan memberi komentas atau mengirim artikel. Lalu pada form registrasi juga tak ada default text input focus.
Solusi :

• Jika ke depannya fungsi login ini akan sering digunakan, lebih baik diadakan default text input focus
• Pada halaman registrasi lebih baik diadakan default text input focus untuk memudahkan user baru ketika mengisikan data – data mereka.

Penempatan label yang jauh

Pada halaman registrasi, penempatan label dengan text field berjauhan karena label paling bawah yaitu “Masukan kode yang Anda lihat diatas (case sensitif) ” terlalu panjang.

Gambar 10 Form registrasi
Solusi : Label “Masukan kode yang Anda lihat diatas (case sensitif) ” dibuat lebih singkat lagi, misal menjadi “Masukan kode di atas (case sensitif)” atau kata “(case sensitif)” diletakan di bawah label “Masukan kode di atas”. Sehingga jarak antara label dan text field tidak terlalu berjauhan

Search

Search berupa link

Untuk menggunakan fitur search di website Jasakom, pengunjung diharuskan menekan link “search” di bagian navigasi. Pengunjung akan dibawa ke halaman search, lalu mengisi text field yang ada. Cara ini mengharuskan pengunjung membuka halaman baru yang berarti lebih menghabiskan bandwidth. Selain itu, user haru mencari dahulu untuk mengetahui letak fitur search ini.
Solusi : lebih baik fitur search yang terdiri dari text box, drop down menu, dan button diletakan langsung di halaman awal atau di setiap halaman yang biasanya terletak di kanan atas atau di kiri atas. Jadi, untuk melakukan search tidak perlu membuka halaman khusus search. Cukup mengetikan di text field yang ada lalu untuk melihat hasilnya baru dibawa ke halaman baru.

Menampilkan kembali keyword

Ketika orang melihat hasil pencarian, orang perlu tahu apa yang mereka cari (keyword) agar dapat melihat relevansi antara keyword dengan hasil search. Tentu saja mereka tahu apa yang mereka cari sebelum menekan tombol search. Tetapi, manusia tidak sempurna, mereka dapat saja salah menuliskan keyword tanpa menyadarinya atau mereka ingin melakukan search dengan berbagai keyword, mereka bisa saja lupa apa yang sudah diketikan sebelumnya. Oleh karena itu, ketika hasil pencarian (search result) ditampilkan sebaiknya ditampilkan juga keyword yang dimasukan. Fitur search di website Jasakom sudah mengimplementasikan hal ini.

Gambar 11 Hasil pencarian

Hasil pencarian

Hasil pencarian di website Jasakom dapat dilihat di gambar 7. Ketika pengunjung melakukan search maka ia akan mencari mulai dari atas lalu ke bawah dan terakhir ke halaman selanjutnya jika tidak ditemukan juga. Oleh karena itu pengurutan hasil pencarian sangat berpengaruh. Jika yang diletakan di atas pencarian sudah tidak sesuai keinginan pengunjung, maka ia akan mengganti keyword. Pada hasil pencarian di website Jasakom, hasil pencarian diurutkan berdasarkan tanggal.
Pada hasil pencarian di website Jasakom tidak terdapat deskripsi hasil pencarian, tapi hanya judulnya saja, sehingga pengunjung harus masuk ke link yang disediakan atau menebak melalui judulnya, beruntung jika judul yang ada sesuai dengan isinya.
Bentuk pagination dari hasil search di website Jasakom adalah previous dan next, ketika pengunjung melakukan search dan sudah sampai halaman lima, lalu dia menyadari bahwa ternyata ada hasil pencarian yang mungkin sesuai dengan keinginannya di halaman dua, maka dia harus menekan tombol previous berkali – kali.
Ketika tidak ada hasil pencarian, maka sebaiknya dijelaskan bahwa tidak ada hasil pencarian, bukan hanya halaman kosong tanpa keterangan yang dapat membuat pengunjung bingung. Pada website Jasakom, hal ini sudah ditangani dengan adanya pesan “Sorry – no matches. Please try some differents terms”.

Gambar 12 Hasil pencarian tidak ada

Solusi :

• Pengurutan hasil search lebih baik berdasarkan relevansi dengan keyword yang dimasukan.
• Deskripsi dari hasil pencarian lebih disediakan agar memudahkan pembaca dalam mengetahui isi dari hasil search.
• Pagination lebih baik disediakan yang dalam format “first previous .. 4 5 6 …next last” agar memudahkan pengunjung untuk kembali ke halaman sebelumnya.

Jumlah hasil pencarian

Misal didapat hasil pencarian yang menampilkan 10 hasil dan terdapat tombol next. Pengunjung tidak mendapat yang dia inginkan di halaman pertama, lalu dia menuju ke halaman kedua dan ternyata tidak ada juga, lalu pengunjung akan berpikir apa dia harus mengganti keyword atau terus ke halaman berikutnya yang mungkin saja tinggal sedikit lagi. Oleh karena itu jumlah hasil pencarian harus ditampilkan agar fitur search lebih usable. Pada website Jasakom, jumlah hasil pencarian tidak ditampilkan, dan jika hasil pencarian ada banyak maka akan ada link untuk ke halaman selanjutnya.
Solusi : Jumlah hasil pencarian lebih baik ditampilkan agar pengunjung lebih nyaman menggunakan fitur search.

Lanjut ke Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 3)

Artikel ini merupakan laporan akhir dari mata kuliah Interaksi Manusia dan Komputer. Artikel ini diharapkan sebagai bahan evaluasi untuk pengembang web www.jasakom.com dan dapat digunakan memperbaiki kesalahan-kesalahan yang terjadi pada website tersebut. Sehingga dapat meningkatkan layanan dari website Jasakom. Selain itu, semoga artikel ini dapat menambah ilmu pembaca di bidang IMK.

Website Jasakom

Website jasakom, yang beralamat di www.jasakom.com adalah website yang membahas secutiy di bidang IT. Pembahasan security bisa melalui dari sudut pandang pihak yang melakukan ancaman (threat) agar dapat mengetahui kelemahan suatu security & bisa mengetahui bagaimana cara kerja suatu ancaman (threat), bisa juga dari sudut pandang pihak yang melindungi.
Website ini memiliki fitur – fitur sebagai berikut :

• Menampilkan artikel – artikel yang dikirim oleh member. Artikel yang dikirim akan diseleksi oleh administrator website untuk ditentukan apakah cocok untuk dipublikasikan atau tidak. Artikel bisa dikirim melalui fitur kirim artikel di website atau melalui e-mail.

• Mencari artikel – artikel yang ada di website

• Forum, yaitu tempat diskusi antara member. Antara forum dan website utama adalah website utama hanya menyediakan link untuk menuju forum. Database antara keduanya berbeda, sehingga member di website utama berbeda dengan member di forum.

• Memberi komentar pada artikel. Hanya yang sudah mendaftar di website utama yang bisa memberi komentar pada artikel yang dipublikasikan

• Menampilkan buku – buku yang dijual oleh Jasakom. Tapi untuk memesan buku, user harus membayar melalui rekening lalu diharuskan mengirimkan e-mail ke administrator untuk dikonfirmasi. Buku dikirim melalui jasa antar barang. Tidak ada layanan e-commerce di situs ini.

Jika dilihat dari fasilitas yang ada maka tujuan website ini adalah :

• Berbagi ilmu yang berhubungan dengan security di bidang IT.

• Mempromosikan dan menjual buku yang diterbitkan jasakom

Target pembaca atau pengunjung situs ini adalah orang – orang yang tertarik security komputer, baik yang baru belajar atau yang sudah ahli. Diperkirakan rata – rata user di website ini berumur 17 – 30 tahun.

Gambar 1 Tampilan awal website Jasakom

EVALUASI WEBSITE JASAKOM

Evaluasi terhadap web Jasakom akan mengacu pada buku “Web Bloopers-60 Common Web Design Mistakes and How to Avoid Them” karangan Jeff Johnson. Di mana evaluasi akan dibagi menjadi 8 bagian, yaitu :

• Content, membahas informasi yang disediakan oleh website
• Task support, membahas hal yang berhubungan dengan task yang dapat dilakukan
• Navigation, membahas hal yang berhubungan dengan navigasi di website
• Form, membahas hal yang berhubungan dengan form
• Search, membahas task search
• Text & writing, membahas hal yang berhubungan dengan text
• Link, membahas semua hal yang berhubungan dengan penampilan link
• Grapic & layout, membahas penggunaan graphic dan tata letak website

Di setiap bagian akan dibagi lagi sesuai dengan faktor-faktor IMK yang ditemukan. Faktor – faktor IMK tersebut bisa berupa kesalahan atau sesuatu yang sudah benar dan sesuai. Selain mengacu buku tersebut saya juga mengacu pada buku karangan Jakob Nielsen, “Prioritizing Web Usability” dan bahan kuliah IMK.

Artikel ini dibagi menjadi 3 bagian

Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 1) akan membahas sekila s website Jasakom, content dan task support

Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 2) akan membahas navigation, form, dan search.

Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 3) akan membahas text & writing, links, kesimpulan, dan saran.

Saya lebih menitikberatkan evaluasi pada website utama Jasakom, forum Jasakom hanya disinggung sedikit.. Saya melakukan evaluasi terakhir pada tanggal 16 Juni 2008. Saya menggunakan kata pengunjung atau user untuk orang yang mengunjungi atau menggunakan website Jasakom

Content

Identitas Website

Sebuah website harus dapat membuat pengunjung website menyimpulkan dengan cepat website apa yang dia kunjungi, apakah website yang menjual barang elektronik, website berita, website game online, atau lainnya Orang ingin dengan cepat menentukan apakah website yang dia kunjungi itu menarik baginya atau tidak.
Pada halaman awal (home) website Jasakom yang dapat dilihat di Gambar 1, terdapat kata “Community dan Penerbitan Jasakom”, sehingga pengunjung yang tiba – tiba datang ke website ini mungkin akan berpikir ini adalah website komunitas dan penjualan buku. Tapi komunitas apa dan buku apa yang dijual, pengunjung mungkin tidak tahu, karena tidak ada bagian yang menjelaskan bahwa website ini membahas security di bagian IT. Gambar grimreaper (malaikat pencabut nyawa) di bagian header tidak terlalu menjelaskan isi website. Terdapat judul – judul artikel yang berhubungan dengan security misalnya “eBay XSS Vulnerability: Stealing Customer’s Account (Hacking)”, tapi tulisan ini tidak begitu ditonjolkan, sehingga pengunjung yang hanya melakukan scan website tidak dapat dengan cepat menyimpulkan website apa ini.
Solusi :

• Pada bagian gambar header bisa diberi tagline yang menunjukan bahwa website ini berhubungan dengan security di bagian IT.
• Gambar header dibuat sedemkian rupa agar bisa menjelaskan isi dari website. Mungkin sesuatu yang berhubungan dengan IT.

Klasifikasi

Salah satu aspek penting dari website content adalah seberapa baik pengorganisasiannya. Skema yang digunakan membuat kategori dalam sebuah website dapat mebuat website menjadi bagus atau jelek, karena hal tersebut mempengaruhi seberapa sulit bagi pengunjung untuk mencari hal yang dia inginkan. Aspek klasifikasi ini berhubungan erat dengan navigasi.
Jika melihat klasifikasi pada navigasi bagian “community”, terdapat pencampuran antara artikel tutorial dengan berita (berita, info seminar & events, info lowongan kerja). Lalu terdapat subkategori “Lain-lain” yang akan membuat pengunjung berpikir, apa isi subkategori “Lain – lain” ini. Ternyata isi subkategori ini ada berita , tutorial hacking, tutorial cracking, tutorial umum, artikel opini, dan lain – lain, yang pada intinya isi kategori ini campuran antara berita dan artikel.

Gambar 2 Klasifikasi kategori “Community”

Tapi, kenapa artikel – artikel tutorial ini tidak dimasukan ke dalam ke dalam subkategori yang sudah ada. Lalu ada subkategori “Review”, Saya belum mengerti apa kriteria isi dari subkategori ini, di dalamnya terdapat ulasan tentang suatu tindakan yang berhubungan dengan security.
Tapi apa perbedaannya dengan subkategori sebelumnya, apakah yang di subkategori sebelumnya belum diuji coba. Tidak ada keterangan yang jelas.
Solusi :

• Antara tutorial dengan berita lebih baik dipisah.
• Subategori “Lain – lain” lebih baik dihilangkan agar tidak membingungkan pengunjung, jika ternyata ada tulisan / artikel yang tidak cocok dengan kategori yang sudah ada, akan lebih baik jika dibuat subkategori yang lebih deskriptif, misal “Komputer umum”, “Opini”, atau lainya.
• Keterangan setiap subkategori harap diberi keterangan agar tidak membuat bingung pengunjung.

Update

Isi konten dari website Jasakom dapat diisi oleh administrator atau membernya, di mana konten yang dikirim oleh member, diseleksi dahulu oleh administrator. Website Jasakom termasuk bagus dari sisi update. Dukungan komunitas website sangat terasa pada aspek ini.

Konten yang sudah siap

Terdapat beberapa website yang belum selesai, tapi sudah dipaksa online, sehingga terdapat kata – kata “Under Construction” atau “Lorem ipsum dolor sit amet…”. Website seperti ini memberika kesan buruk kepada pengunjung. Pada website Jasakom, hampir sudah semua sudah berjalan, tapi ada satu fitur yang tampaknya terlewat untuk diurus, yaitu fitur polling yang muncul di bawah form “Login” ketika kita di halaman “Registrasi” atau “Lupa Password”. Fitur ini tidak muncul di halaman lain, mungkin karena lupa atau terlewat ketika diperiksa.
Solusi : Fitur polling yang muncul hanya kalimat “Please select a poll fot this category from the admin panel”. Pengunjung akan bingung letak admin panel ada di mana. Jadi lebih baik, fitur ini dinonaktifkan saja jika belum ada isinya.

Gambar 3 Fitur polling yang belum siap

Task support

Data yang dibutuhkan

Pada bagian “daftar member”/ “registrasi”, jumlah data yang harus diisi oleh calon member seperlunya saja. Hal ini sangat bagus, karena membuat calon member merasa aman. Seandainya banyak data yang harus dimasukan dan bersifat pribadi, maka akan menggangu calon member sehingga akan membuat calon member membatalkan niatnya.

Shout box

Pada Jasakom terdapat fitur shout box di bagian kiri. Di mana di setiap subkategori (hacking, cracking, dll) memiliki shout box sendiri. Pada umumnya pada satu website hanya terdapat satu shout box. Fitur Shout box di website Jasakom dapat membuat bingung pengujung, misal ketika pengunjung mengisi shout box di subkategori “hacking”, pesan yang dimasukannya muncul, lalu dia mengunjungi subkategori lain. Untuk melihat respon dari pesan yang dikirimnya, dia harus kembali lagi ke halaman subkategori dia mengirim pesan, mungkin saja dia lupa di mana dia menulis pesannya, sehingga harus mengecek satu persatu subkategori yang ada. Apalagi keterangan current page di website Jasakom termasuk buruk.

Gambar 4 Shout box

Pesan yang dimuat di shout box Jasakom tidak semuanya, oleh karena itu terdapat link untuk melihat pesan – pesan sebelumnya. Ketika menekan link, maka akan muncul pop-up window yang menampilkan pesan. Jika kita membuka link tersebut dengan “open new tab” maka kita akan dibawa kembali ke halaman home.Fitur shout box di website Jasakom tidak menggunakan auto-refresh sehingga pengunjung harus melakukan reload/refresh halaman untuk melihat apakah ada pesan baru atau tidak.
Solusi :

• Lebih baik satu website hanya satu shout box, agar pengunjung bisa melihat respon di halamana mana saja, tidak perlu ke halaman di mana dia mengirim pesan
• Fitur auto-refresh ketika ada pesan baru atau dalam interval waktu tertentu akan membuat pengunjung lebih nyaman, dia tidak perlu melakukan reload halaman untuk mengecek keberadaan pesan baru, di mana pesan baru ini belum tentu ada.
• Pada umumnya web browser saat ini dilengkapi fitur block pop-up, yang secara default fitur ini aktif. Untuk melihat content yang berupa pop-up window, maka pengunjung harus menonaktifkan fitur ini terlebih dahulu. Tentu hal ini menyulitkan pengunjung, oleh karena itu sebaiknya fitur – fitur yang menggunakan pop-up window lebih baik dihindari. Lebih baik diganti dengan membuka tab baru.

Pembelian buku

Pada kategori “Penerbitan buku” subkategori “Buku Komputer JS” atau “Buku Umum JS”, tidak ada keterangan harga, stok barang, atau keterangan lainnya. Jika masuk ke link “Baca selengkapnya…”, di dalamnya dijelaskan data dari buku yang dijual termasuk harga. Tapi tidak dijelaskan bagaimana cara memesan dan jumlah stok barang. Ternyata prosedur pembelian ada di bagian bawah kategori ini yaitu di subkategori “Prosedur Beli Buku”. Di bagian ini dijelaskan bagaimana memesan buku secara online. Selain membayar biaya buku, pembeli juga diharuskan membayar biaya kirim, yang tidak ditampilkan di halaman ini tapi harus mengikuti link. Ketika link tersebut ditekan, calon pembeli di bawah ke halaman (halaman ini adalah halaman untuk subkategori “Biaya Kirim”) yang di dalamnya tidak ada daftar harga kirim, sehingga calon pembeli harus masuk lagi ke halaman “Baca selengkapnya…”. Di sini baru ditampilkan semua biaya kirim di setiap daerah.

Gambar 5 Prosedur lihat biaya kirim

Solusi :

• Stok barang lebih baik diinformasikan, agar tidak ada kasus ketika sudah memesan, tapi ternyata dibalas bahwa barangnya sudah habis.
• Untuk melihat biaya kirim, sebaiknya langsung dibawa ke halaman yang menampilkan biaya kirim, atau langsung di tampilkan di halaman “Prosedur Beli Buku”.

Lihat komentar

Di website Jasakom terdapat fitur lihat komentar. Hanya member yang sudah terdaftar di website ini yang dapat memberikan komentar. Komentar di sini dapat ditampilkan atau tidak, yang secara default tidak ditampilkan. Hal ini memudahkan pengunjung ketika dia akan melihat komentar jika artikel yang dilihatnya menarik.

Gambar 6 Lihat komentar

Ubah profile

Pada website Jasakom, member dapat mengganti data dirinya (password & e-mail) dengan memilih link “Account saya” di kiri bawah menggantikan form login. Di halaman ini ada form di mana text field e-mail sudah terisi dengan e-mail user yang sebelumnya.

Gambar 7 Form ubah profile awal

Ketika user ingin mengganti password maka kita tinggal mengisikan text fiesl “Password baru” dan “Konfirmasi pasword baru”. Tapi ketika tombol “Update Profile” ditekan, terjadi error yang mengatakan “The new email you entered did not match the new confirmed email”. Ternyata text field “Confirm New Email” harus diiisi juga, padahal user hanya ingin mengubah password.Hal ini dapat menyulitkan dan membuat bingung user.
Solusi : solusi paling mudah adalah memberi nilai / value ke text field “Confirm New Email” seperti pada text field “Email baru”.

Lupa Password

Pada website Jasakom, terdapat fitur “Lupa password” dengan memilih link “Lupa password?” di bagian kiri bawah. Fitur ini akan me-reset password user, dan hasil password yang di-reset akan dikirim melalui e-mail yang dimasukan di text field. Dengan me-reset password menunjukan kepada user bahwa administrator tidak tahu password user, hal ini dapat menambah rasa percaya user kepada website karena data pribadinya (dalam hal ini password) tidak diketahui oleh administrator.

Gambar 8 Form lupa password

Member daftar dua kali

Website Jasakom memiliki forum, di mana member di website utama Jasakom berbeda dengan member di forum Jasakom. Jadi ketika user sudah menjadi member di website utama Jasakom, maka dia belum bisa mengisi forum Jasakom, karena dia belum terdaftar di sana. Sehingga member harus mendaftar kembali di forum, untuk bisa ikut aktif di forum. Hal ini bisa saja membuat user baru bingung, buat apa saya daftar dua kali.
Solusi : hal ini lebih ke bagian back-end, sebaiknya member hanya satu kali saja mendaftar, ketika dia sudah mendaftar di website utama, maka otomatis dia sudah terdaftar di forum.

Print

Di website Jasakom ada fitur “print”, yang berbentuk link di setiap artikel. Ketika link ini ditekan, maka akan membuka tab baru (di web browser Firefox), yang menampilkan artikel tapi tanpa banner, navigasi, footer, dan lain – lain agar yang dicetak hanya artikelnya saja. Selain itu, otomatis akan muncul kotak dialog untuk mencetak artikel. Fitur ini sangat bagus, ketika terdapat artikel yang menarik dan kita ingin mencetaknya tanpa perlu ada header, navigasi, dan hal – hal lain yang tidak perlu dicetak.

Lanjut ke Tugas Akhir IMK : Evaluasi Website Jasakom (Bag. 2)

“This is it. This is your story. It all begins here” , Auron

Tujuan awal blog ini : buat upload tugas IMK :p

Tujuan blog ini setelah upload tugas IMK : tempat untuk mengekspresikan diri

Target pembaca : siapa saja yang mau baca

Isi blog : macem-macem mulai dari tugas kuliah, video game, kehidupan gw ampe ngemeng gak jelas

Bahasa yg digunakan : bahasa standar yg dipake anak muda

Saran yang membangun sangat diharapkan, tapi tidak menerima kritik pedas, apalagi comments gak jelas, ditambah – tambah testimonial gak penting.