Bagian 1. Pendahuluan


Pada kesempatan ini saya akan mengulas sedikit tentang sebuah website ilmugrafis.com. Website secara umum memiliki beberapa katergori dan berikut di bawah ini jenis-jenis website yang beredar saat ini dan mulai menjadi trend.

1 .  Basic
Secara basicly website disediakan untuk publikasi informasi. Adapun informasi yang akan disediakan adalah beraneka ragam dari profile pribadi hingga company profile.
Fokus situs ini adalah publikasi informasi
2 .  Search Engine
Situs search engine adalah situs yang menyediakan mesin pencari. Search engine secara otomatis mencari dan menyimpan data-data situs yang beredar di internet. Adapun materi yang dapat dicari adalah segala sesuatu yang tergabung di dalam website yang terhubung di internet. Seperti mencari sebuah alamat website, file-file multimedia dan grafis yang terkandung di dalam website. Dalam hal ini situs-situs lain berlomba-lomba untuk menduduki tempat tertinggi untuk dapat di cari oleh search engine.
Fokus situs ini adalah sebagai mesin pencari situs lain

3 .  Portal
Situs jenis portal merupakan pintu gerbang bagi situs lain seperti halnya juga search engine. Tetapi di dalam portal situs-situs tersebut lebih disusun untuk disajikan. Berbeda dengan search engine situs-situs tersebut bukan dicari datanya secara otomatis oleh mesin pencari tetapi disimpan dan dikelola oleh pengelola portal secara dictionary. Umumnya portal-portal besar juga menyediakan layanan internet lain seperti email bagi member dan lain-lain.
Fokus situs ini adalah sebagai gerbang dan facebook bagi situs lain

4 .  Blog
Blog merupakan buku harian yang terpublish di internet. Seorang pengelola blog dapat dengan bebas menuangkan pikirianya dalam bentuk tulisan ke dalam website ini. Tulisan tersebut selanjutnya disimpan di database dan di publish di internet. Fungsional situs ini adalah publikasi dalam bentuk artikel di internet.
Fokus situs ini adalah manajemen artikel

5 .   Networking
Situs jenis networking adalah situs penyedia yang menampung member-member untuk membentuk suatu komunitas. Sehingga member-member di dalam website tersebut dapat saling berkomunikasi dan bertukar pikiran. Di dalam website ini sesama member dapat saling berkenalan dan menjalin relasi satu sama lain. Pertukaran pesan dan testimonial pun terjadi diantara member yang belum atau sudah menjalin relasi.
Fokus situs ini adalah friend relationship atau berteman dan berkomunitas di dalam internet

6 .  Forum
Forum adalah situs membership seperti networking juga. Tetapi tidak berfokus pada friend relationship seperti situs networking. Situs ini lebih berfokus sebagai ajang diskusi di internet. Adapun diskusi dalam bentuk tulisan yang diposting oleh member di organisasikan dengan lebih baik hingga perkategori yang terdiri dari berbagai sub-sub. Tujuan situs ini adalah wadah saling bertukar pikiran dalam diskusi.
Fokus situs ini adalah forum diskusi online

7 .  News
News site adalah situs yang mengelola berita untuk di publish ke internet. Pengelola website dapat mengelola yaitu antara lain menulis dan memanage berita. Kemudian user internet dapat melihat informasi berita tersebut melalui website.
Fokus situs ini adalah manajemen berita

8 .  Event Organizer
Situs jenis ini adalah situs yang mengelola manajemen informasi pengadaan acara. Informasi yang disajikan situs ini biasanya berorientasi waktu, misalnya informasi kapan diadakannya sebuah event, event yang terlewatkan dan event yang akan diadakan nantinya. Di dalamnya juga terdapat keterangan deskripsi tentang event tersebut dan judul event.
Fokus situs ini adalah manajemen informasi event

9 . Gallery
Gallery site menyediakan fasilitas publikasi foto dan gambar secara online. Pengelola website dapat menyimpan foto atau gambar yang diinginkan lalu dikategorikan dan di manage setelah itu di publish.
Fokus situs ini adalah publikasi foto dan gambar

10 . Multimedia Streaming
Video streaming dan audio streaming sekarang merupakan trend baru dari dunia website. Di dalam situs jenis ini seseorang dapat menonton atau mendengarkan secara langsung multimedia melalui web. Untuk membangun situs ini diperlukan server yang memiliki koneksi internet yang high dan up stream, ini dikarenakan file-file multimedia yang relatif berukuran besar.
Fokus situs ini adalah publikasi audio dan video online

11 . E-Commerce
Situs dengan sistem e-commerce adalah situs yang bertujuan untuk melakukan perdagangan melalui media internet. Pengelola dapat mengorganisir barang-barang yang ingin dijual lalu mempublikasikan secara online beserta harganya. Ada juga yang menyediakan transaksi online melalui website ini. Yang jelas dalam hal ini website dimanfaatkan sebagai toko di dalam internet.
Fokus situs ini adalah perdagangan online

12 . E-Learning
E-Learning merupakan situs yang menyediakan pembelajaran online melalui internet. Pembelajaran dilakukan melalui berbagai media seperti tulisan, gambar hingga multimedia.
Fokus situs ini adalah pembelajaran online

Dari beberapa jenis website di atas , ilmugrafis.com termasuk ke dalam kategori E-learning. karena didalamnya kita bisa belajar berbagai ilmu tentang desain grafis, pengolahan gambar dan lain-lain.

Bagian 3. Web usability ( positif )

Pada postingan sebelumnya saya telah melihat beberapa kekurangan pada ilmugrafis.com. Tidak adil rasanya kalau saya tidak melihat juga dari sisi positifnya. Beberapa kelebihan yang saya temukan pada web ini adalah sebagai berikut :

1. Pada setiap tutorial yang diterangkan didukung juga dengan gambar yang menjelaskan langkah kerja yang harus kita kerjakan. Ini tentunya akan memudahkan kita untuk lebih cepat memahami tutorial yang diterangkan. Gambar pendukung ini ikut menjelaskan langkah-langkah yang akan kita kerjakan pada saat praktek. Sehingga kita tidak akan dibingungkan lagi.


2. web ini juga didukung dengan adanya fitur chat
dengan IG staff dari mereka, sehingga ketika kita kebingungan dan ingin bertanya akan lebih gampang dan cepat mendapat jawaban lansung dari mereka. Menurut saya ini sanagat membantu user bisa berinteraksi lansung dengan IG staff dari ilmugrafis.com.
3. web ini juga memberikan rekomendasi buku yang baik untuk menunjang pengetahuan user dalam ilmu grafis ini. buku yang direkomendasikan bisa berasal dari luar ataupun dari mereka sendiri, jadi user cukup memesan untuk pembelian secara online.
4. ilmugrafis.com tidak hanya menyajikan tutorial tapi mereka juga melengkapi dengan beberapa hal yang diperlukan untuk mendukung tutorial tersebut. Contohnya seperti “font” yang bisa menambah nilai seni desain yang akan kita buat. font yang biasa dipergunakan lansung bisa kita download dari web ini. Jadi tidak perlu repot lagi mencari keluar untuk mendapat kan font yang sesuai dengan desain yang akan kita buat.

Masih banyak fitur-fitur yang mendukung dari web ini. Sehingga memudahkan user dalam mendapatkan isi yang disampaikan dari web tersebut.

Semoga bermanfaat.

PS. Tulisan ini saya buat untuk tugas interaksi manusia komputer, departemen ilmu komputer, Institut Pertanian Bogor

Bagian 2. Web usability ( negatif )

Pada kali ini saya akan sedikit membahas dari segi web usability pada sebuah webstite lokal yaitu http://www.ilmugrafis.com. Website ini bergerak dibidang kumpulan tutorial beberapa program desain yang bisa bejalan pada beberapa system operasi seperti Linux, Windows ataupun Mac OS.

“web usability adalah sejauh mana suatu produk dapat digunakan oleh pengguna tertentu untuk mencapai tujuan tertentu dengan efektivitas, efisiensi, dan kepuasan dalam konteks penggunaan tertentu (Bevan, 1997)”

Beberapa hal yang perlu diperhatikan dalam web usability ini adalah :

1. Menyajikan informasi untuk pengguna dengan cara yang jelas dan ringkas
2. Memberikan pilihan yang tepat untuk pengguna, dengan cara yang sangat jelas
3. Menghapus semua ambiguitas tentang konsekuensi dari suatu tindakan misalnya mengklik menghapus / memindahkan / pembelian.
4. Pasang hal yang paling penting di tempat yang tepat pada halaman web atau aplikasi web.

Dari Pengertian umum dan kriteria web yang baik, saya mulai menganalisis web ilmugrafis.com ini, saya amati ada beberapa hal yang saya anggap masih kurang dari web ini dalam web usabilitynya. Pada halaman pertama kita akan melihat seperti gambar yang dibawah ini.

Dari sini kita dapat melihat beberapa kejanggalan yang tidak biasa. ini akan saya jabarkan satu per satu :

1. Tombol pencarian bukan berada di pojok kanan atas seperti yang sudah biasa kita temukan, walaupun disana ada icon “lup” yang biasanya digunakan untuk pendukung pada fungsi “search”. ternyata icon tersebut tidak bisa juga di klik, dan tempat pencarian berada di pojok kiri atas dibawah “home”.

2. Kesulitan dalam hasil pencarian. Masih dengan tombol pencarian disana saya melihat 2 buah tempat pencarian yaitu web dan ilmugrafis.com. ini jelas sangat kurang efektif, apalagi ketika kita lakukan pencarian dari web, kita coba dengan sebuah kata ” blur” maka yang akan keluar adalah gambaran seperti berikut .

Ini sangat berbeda dengan yang saya harapkan, kenapa? ya jelas sekali apa yang saya cari ternya tidak bisa ditemukan dengan gampang, malah pertama yang saya lihat “Ads by Google” dan web-web yang menggunakan kata-kata blur yang pastinya belum tentu ada hubungan dengan desain atau kata yang saya maksudkan.

Ketika saya mencoba lagi dengan pencarian melalui ” ilmugrafis.com” saya menemukan hasil seperti gambar di bawah ini.
Pertama yang saya lihat adalah “ads by google” yang saya rasa ini tidak saya perlukan, dan hasil yang saya dapatkan hanyalah artikel-artikel tentang web ilmugrafis yang ada di google dan mengandung kata-kata “blur”. menurut saya ini kurang efektif juga, mungkin hasil yang sama akan saya temukan bisa lansung dari google, tidak perlu dari ilmugrafis.com dulu. dan apa yang saya maksudkan belum juga bisa tercapai karena saya ingin menemukan tutorial tentang blur pada ilmugrafis.com ini.

3. Halaman utama yang terlalu panjang ke bawah. menurut saya ini juga kurang baik dalam interaksi manusia komputer, ketika mengharuskan user meng-sroll jauh ke bawah pada halaman pertama, padahal di bagian atas sudah ada tombol yang bisa lansung sesuai dengan maksud dan apa yang ingin user temukan. seperti news, galery, tutorial, dan font. dan disamping kanan juga ada kategori-kategori dari desain grafisnya, seperti photoshop, coreldraw dan lain-lain. lalu buat apa halaman pertama sebagai halaman utama juga harus dibuat panjang ke bawah??

4. Pilihan “kategori” yang kurang efektif. Maksud saya adalah kita juga harus mengscroll dulu untuk meliahat semua kategori yang disediakan dari web ini. Ini disebabkan karena setiap kategori juga menampilkan sub-kategorinya masing-masing. alangkah baiknya ketika kita mengklik salah satu kategori baru muncul sub-sub dari katergori tersebut.

5. Gambar yang tidak konsisten, dan acak-acakan. inilah yang saya lihat ketika pada halaman utama juga didukung dengan gambar ternyata malah menjadi kurang rapi, karena sebagian gambar ada yang berukuran besar, dan sebagian lagi berukuran kecil, dan gambar-gambar itu juga acak-acakan, ada yang di samping kiri, kanan dan tengah.

6. Pemilihan background yang kurang sesuai. Ketika saya pertama kali datang ke halaman web ini, saya tidak menemukan konsep yang sesuai dengan nama dari web mereka, saya berfikiran web ini begitu menarik yang tentunya dengan dukungan background yang sesuai dengan ilmugrafis, tapi background pada web ini hanya hitam. warna ini seolah-olah saya sedang mengunjungi sebuah web underground yang bergerak di bidang hacker.

7. Pemilihan ukuran font yang kurang baik. ini saya lihat pada setiap nama kategori yang menggunakan ukuran yang sama dengan sub kategorinya. dan warna font juga kurang menarik.

Itulah beberapa yang bisa saya lihat kekurangan dari segi interaksi manusia komputer pada web ini. Semoga ini bermanfaat buat kita semua dan bisa menjadi pengetahuan tambahan dalam desain sebuah web yang seharusnya lebih memperhatikan segi interaksinya dengan user atau pengguna.
kritik dan saran yang membangun sangat saya harapkan dari teman-teman semua.

PS. Tulisan ini saya buat untuk tugas interaksi manusia komputer, departemen ilmu komputer, Institut Pertanian Bogor