LAPORAN

INTERAKSI MANUSIA DAN KOMPUTER

OLEH :
NAMA

: MUHAMMAD ARIEF IQBAL

NIM

: 1120305047

KELAS

: M4

PRODI

: TEKNIK MULTIMEDIA DAN JARINGAN

JURUSAN

: TEKNIK ELEKTRO

JURUSAN TEKNIK ELEKTRO

POLITEKNIK NEGERI LHOKSEUMAWE

1DAFTAR ISI
2
halaman
A. Pendahuluan ..................................................................................

1. Latar Belakang ............................................................................

2. Tujuan ..........................................................................................

B. Tinjauan Pustaka ..........................................................................

1. Interaksi Manusia dan Komputer (IMK) ....................................

2. Usabilitas ....................................................................................

3. Fleksibilitas ................................................................................

4. Antar Muka Pemakai (User Interface) .......................................

5. Analisa Kebutuhan dan Definisi Bisnis .....................................

6. Desain Layar yang Baik .............................................................

7. Pengujian untuk Desain yang Baik ............................................

8. Task Analysis ..............................................................................

C. Hasil dan Pembahasan ..................................................................

1. Website http://www.ilmuwebsite.com..........................................

a. Usabilitas ............................................................................

b. Sistem Navigasi .................................................................

10

c. Desain Grafis .....................................................................

10

d. Konten ................................................................................

12

e. Kompatibilitas ....................................................................

12

f. Loading Time .....................................................................

12

g. Fungsionalitas ....................................................................

13

2. Website http://www.itb.ac.id........................................................

13

a. Usabilitas ............................................................................

14

b. Sistem Navigasi .................................................................

14

c. Desain Grafis .....................................................................

15

d. Konten ................................................................................

16

e. Kompatibilitas ....................................................................

17

f. Loading Time ....................................................................

17

g. Fungsionalitas ....................................................................

18

D. Penutup .........................................................................................

19

A.

Pendahuluan

1.

Latar Belakang
Dalam dunia internet sebuah website tidaklah asing lagi bagi kita, didalam

sebuah website biasanya berisikan sebuah informasi, dari informasi sebuah

perusahaan, maupun informasi tentang artikel. Website dibuat dengan tujuan
untuk menyebarkan dan mensharingkan informasi yang ada didalamnya kepada
user atau pengguna internet yang ingin mencari informasi yang dibutuhkan. Agar
user atau pengguna dapat nyaman dengan sebuah website serta mudah dalam
mengambil informasi yang ada didalamnya maka sebuah website perlu dibuat
dengan desain sistem, antarmuka, dan usebilitas yang bertujuan untuk memberi
kenyamanan bagi pengguna atau user yang menggunakan, dari maka itu desain,
dan usabilitas antarmuka pada website perlu didesain dengan penuh pertimbangan
dan memerhatikan beberapa aspek yang penting agar tidak terkesan asal-asalan
dalam pembuatan website tersebut. Sekarang ini telah banyak berbagai website
dengan desain antarmuka dan usabilitas yang baik, dan masih banyak juga yang
masih belum memenuhi kenyamana pengguna, dari hal tersebut saya akan
memberikan penilaian serta saran mengenai desain antarmuka dan usabilitas guna
untuk meningkatkan desain antarmuka untuk kenyamanan bagi pengguna. Ada
puna website yang saya nilai adalah pada situs www.ilmuwebsite.com dan
www.itb.ac.id. Dari kedua situs web ini saya akan memberikan penilaian juga
untuk memenuhi tugas Interaksi Manusia dan Komputer yang telah diberikan.

2.

Tujuan
Penulisan tugas ini memuat tentang penilaian-penilaian mengenai desain

antarmuka

dan

usabilitas

dari

fungsi-fungsi

yang

ada

pada

situs

www.ilmuwebsite.com dan www.itb.ac.id, yang bertujuan untuk mengukur

tingkat usabilitas dari fungsi-fungsi pada website ini, serta melihat seberapa
nyaman desain antarmuka yang digunakan, dan juga beberapa saran perbaikan
fungsi-fungsi dan antar muka yang baik untuk meningkatkan usabilitas dari
website tersebut.

B. Tinjauan Pustaka
1. Interaksi Manusia dan Komputer (IMK)
Interaksi Manusia dan Komputer (IMK) adalah disiplin ilmu yang
berhubungan dengan perancangan, evaluasi, dan implementasi sistem
komputer, interaktif untuk digunakan oleh manusia, serta studi mengenai halhal yang berhubungan dengannya, misalnya pengguna.

2. Usabilitas
Usability berasal dari kata usable yang berarti dapat digunakan dengan
baik. Usability sendiri lebih tepat dikatagorikan sebagai paradigma dari
sebuah aplikasi (baik dari sisi perangkat lunak maupun perangkat keras) yang
menggambarkan tingkat kenyamanan pemakaian dari sisi pengguna. Definisi
dari usability sendiri menurut ISO (Internasional Standart Organization)
adalah efektivitas, efisiensi dan kepuasan dengan yang satu set tertentu
pengguna dapat mencapai satu set tugas tertentu di lingkungan tertentu.

3. Fleksibilitas
Merupakan sebuah sistem yang dianggap memenuhi usability,
diharapkan dapat dioperasikan dengan prosedur yang tidak kaku. Sebuah
sistem yang dianggap memenuhi standar fleksibilitas jika memenuhi konsep
sebagai berikut:
1.

Dialogue initiative, yaitu pengguna memiliki kebebasan dalam sebuah

kontak dialog, contohnya dalam kotak dialog penyimpanan dokumen,
terdapat tombol untuk meneruskan proses dan sekaligus membatalkan.

2.

Multi threading, yaitu pengguna dapat menjalankan aplikasi lain

ataupun proses lain disaat sebuah proses lain disaat proses lain sedang
berjalan.

3.

Task Migrability yaitu kemampuan untuk melakukan migrasi, baik

berupa data ataupun hasil proses ke aplikasi lain, contohnya hasil
sebuah proses dapat diedit di aplikasi word processor.

4.

Substitutivity merupakan sebuah perintah yang dapat diganti dengan

padanan lain, contohnya penyediaan shortcut.

5.

Costumizability merupakan desain yang dapat dimodifikasi oleh

pengguna secara adaptif atau sesuai dengan tujuan utama masingmasing, contohnya pengaturan toolbar dan letak icon.

4. Antar Muka Pemakai (User Interface)

Merupakan mekanisme komunikasi antara pengguna (user) dengan
sistem. Antarmuka pemakai (User Interface) dapat menerima informasi dari
pengguna (user) dan memberikan informasi kepada pengguna (user) untuk
membantu mengarahkan alur penelusuran masalah sampai ditemukan suatu
solusi. user interface, berfungsi untuk menginputkan pengetahuan baru ke
dalam.
Ada beberapa hal yang menyebabkan menurunnya tingkat usabilitas
dari suatu desain antarmuka system, diantaranya ialah :
1. Teks belum jelas dan pemilihan kata yang tidak tepat dalam bertanya

menjadi penyebab Keraguan dan akhirnya dibaca kembali, yang

memungkinkan para pengguna salah dalam menafsirkannya.

2. Grafis yang tidak tepat sehingga unsur-unsur penting tersembunyi.

3. Judul yang tidak representatif.

Ini juga menciptakan kebingungan dan

menghalangi kemampuan dalam melihat hubungan yang ada.

4. Permintaan informasi yang tidak penting atau tidak relevan, permintaan

informasi yang memerlukan pemikirkan ulang dari jawaban sebelumnya

sehingga membingungkan pengguna yang pada akhirnya menimbulkan
kekeliruan.
5. Layout yang tidak terstruktur dan terarah yang memungkinkan terjadinya

kesalahan.
6. Kualitas presentasi yang jelek, sulit dibaca, akan menurunkan kemampuan
pemakai dan menyebabkan kesalahan lagi.

5. Analisa Kebutuhan dan Definisi Bisnis

Sasaran dari tahap ini menetapkan kebutuhan suatu sistem. Suatu
kebutuhan adalah suatu sasaran yang harus ditemui. Suatu produk yg
dikembangkan, didasarkan pada masukan dari para pemakai, pemasaran, atau
pihak-pihak lain yang berkepentingan.

6. Desain Layar yang Baik

1. Mencerminkan kemampuan, kebutuhan, dan tugas dari para pemakai nya.
2. Dikembangkan dalam batasan fisik yang menggunakan perangkat keras

dengan cara ditampilkan (berupa layout).

3. Menggunakan

kapabilitas/kemampuan

dari

pengendalian

perangkat

lunaknya secara efektif.

4. Mencapai sasaran dan tujuan bisnis dari sistem yang dirancang tersebut.
7

7. Pengujian untuk Desain yang Baik

Adapun beberapa hal yang diperhatikan dalam pengujian untuk desain
yang baik adalah sebagai berikut :
1. Pengaturan unsur-unsur layar.
2. Navigasi layar dan aliran.
3. Komposisi yang memuaskan secara visual.
4. Tipografi.
5. Penyeteman (pengaturan) prosedur.
6. Keluaran data / data output.
7. Grafik secara statistik
8. Pertimbngan secara teknologi

8. Task Analisis
Sesuatu yang sangat penting dalam pembahasan interaksi manusia dan
komputer karena berkonsentrasi pada pefomance kerja. yang dimaksud
dengan Task analysis adalah suatu metode untuk menganalisis pekerjaan
manusia, apa yang dikerjakan dengan apa mereka bekerja dan apa yang harus
mereka ketahui.

C. Hasil dan Pembahasan

Adapun Analisis terhadap web yang telah dilakukan pada situs
www.ilmuwebsite.com dan www.itb.ac.id mengenai beberapa faktor penilaian
web yaitu usability, sistem navigasi, graphic design, content, kompatibilitas,
loading time dan functionality, adalah sebagai berikut :

1. Website http://www.ilmuwebsite.com
Situs ini merupakan situs yang menyediakan informasi terkait dengan
pembelajaran tentang pembuatan website, desain grafis, pemograman,
pemodelan 3D, tips dan trik di internet, bisnis pada dunia internet dan lainlainnya, situs ini adalah situs yang sengaja dibuat untuk umum, atau dapat
diakses oleh semua kalangan.
a. Usabilitas

Dari gambar diatas dapat dijelaskan bahwa usabilitas pada situs

ilmuwebsite adalah sangat mudah digunakan bagi para pengunjung yang
ingin belajar atau pun pengguna yang ingin mencari informasi terkait dengan
ilmu-ilmu tentang komputer dan internet. Juga menu yang disediakan pun
terbilang lengkap sehingga pengunjung nyaman dalam mencari berbagai
informasi pada situs ini.

b. Sistem Navigasi

Pada sistem navigasi yang digunakan pada situs ini sangat lengkap
dan sangat memudahkan pengunjung dalam memilih menu-menu yang
diinginkan guna menuju kedalam informasi yang pengunjung inginkan.
Dan juga sistem navigasi sangat jelas sehingga kita mudah memahami apa
yang ada pada menu tersebut.

c. Desain Grafis
Desain grafis yang digunakan pun terkesan sederhana dan nyaman
untuk dilihat juga warna serta desain yang ada pada situs ini pun sangat
lah bagus dan tidak mengganggu pandangan terhadap isi dari informasi

10

yang ada pada situs ini sehingga pengunjung sangat mudah memahami isi
dan tidak terganggu dengan desain atau warna-warna yang terkesan
berantakan.

11

d. Konten

Konten adalah hal yang terpenting dalam suatu situs atau website
karna konten merupakan isi yang ada dari halaman situs tersebut. Pada
situs atau halaman website ini konten yang ada sudah bagus dan sangat
nyaman dimata pengunjung terutama saya sendiri, dimana isi informasi
sangatlah berguna dan beberapa iklan tidak ada yang mengganggu
penglihatan atau tataletak semua konten sangat rapi.

e. Kompatibilitas
Dari yang saya lihat pada website atau situs ini tidak terdapat
kompatibilitas terhadap tool lainnya seperti terhadap plug-in dari
(Mozilla, chrome, atau pun dari google, dan lainnya). Kompabilitas yang
tidak terdapat pada website ini bisa menjadi nilai minus.

f. Loading Time
Loading time adalah waktu proses dalam mengakses data yang ada
pada website ataupun situs. Banyak factor yang mempengaruhi loading

12

time ini salah satunya adalah kecepatan jaringan yang digunakan pada
server dan pada pengunjung website tersebut. Dari yang saya coba dengan
kecepatan jaringan internet sebesar 300kbps dan membuka halaman
website ilmuwebsite.com ini terbilang cepat hanya memakan waktu
sekitar 6 detik.

g. Fungsionalitas
Fungsionalitas ini mencakup scripts atau bahasa pemograman
berbasis web seperti PHP, ASP, Java, CGI, dsb, ini wajib ada dalam tiap
website agar susunan website terbentuk sesuai keinginan pembuatnya dan
juga fungsionalitas website dapat ditingkatkan dengan menjadikan website
tersebut dinamis seperti ada konten yang membuat informasi terus
bergantian sehingga pengunjung tidak perlu mencari dan harus kembali ke
halaman utama untuk mencari informasi lain. Dan terdapat kekurangan
fungsionalitas pada layanan diskusi atau livechat yang tidak ada pada
website ini.

2. Website http://www.itb.ac.id
Situs ini adalah situs yang dibuat oleh Institut Teknologi Bandung
yang di kelola oleh pihak kampusnya sendiri, situs ini berisikan informasi
tentang seputar kampus ITB itu sendiri dan juga informasi yang terkait
dengan kampus tersebut, situs ini lebih dikhususkan bagi pihak kampus yaitu
mahasiswa, dosen atau pun calon mahasiswa yang ingin melanjutkan
pendidikan ke perguruan tinggi.

13

a. Usabilitas

Dari gambar diatas dapat dijelaskan bahwa usabilitas pada situs ITB
ini adalah sangat baik dan info terupdate tentang kampus juga lengkap,
namun terdapat kekurangan yaitu jarak antara menu bar pertama dengan
menu bar yang kedua yang terlalu jauh bahkan menu bar utama terlalu diatas
sehingga pengunjung yang masih baru pertama kali mengunjungi website ini
akan sedikit sulit dalam mencari menu bar utama pada website ini.

b. Sistem Navigasi
Sistem navigasi yang digunakan pada situs ini saya rasa sangat
lengkap dan sangat memudahkan pengunjung dalam mencari menu-menu
yang diinginkan guna menuju kedalam informasi yang pengunjung
inginkan.

14

c. Desain Grafis
Desain grafis yang digunakan pada website ITB ini pun sangat
bagus memiliki keselarasan antara warna satu dengan warna yang lainnya,
sehingga nyaman untuk dilihat oleh pengunjuk, karna penggunaan warna
yang baik ini juga tidak menggaggu kekontrasan tulisan sehingga jelas
untuk dibaca. Juga tata letak antara konten satu dengan yang lainnya
terlihat rapi juga bagus.

15

d. Konten

Konten adalah hal yang terpenting dalam suatu situs atau website
karna konten merupakan isi yang ada dari halaman situs tersebut. Pada
situs atau halaman website ITB ini konten yang ada sudah bagus dan
sangat nyaman dimata pengunjung terutama saya sendiri, dimana isi
informasi sangatlah lengkap mengenai kampus, kegiatan kampus, beritaberita terupdate tentang kampus itu sendiri serta informasi lainnya yang
terkait pada kampus dan juga tidak terdapat iklan atau konten lainnya
yang mengganggu penglihatan atau keseluruhan tataletak semua konten
sangat baik.

16

e. Kompatibilitas

Adapun kompatibilitas dari yang saya lihat pada website atau situs
ITB ini terdapatnya fasilitas searching yang berada pada sisi kanan atas
halaman, yang berguna untuk mencari informasi secara cepat dengan
bantuan Google, dimana jika informasi yang diinginkan tidak terdapat
pada website ITB maka google akan meneruska pencarian ke halaman
google searching.

f. Loading Time
Loading time adalah waktu proses dalam mengakses data yang ada
pada website ataupun situs. Banyak factor yang mempengaruhi loading
time ini salah satunya adalah kecepatan jaringan yang digunakan pada
server dan pada pengunjung website tersebut. Dari yang saya coba dengan
kecepatan jaringan internet sebesar 300kbps dan membuka halaman

17

website itb.ac.id ini terbilang cepat hanya memakan waktu sekitar 6 detik,
dan ukuran pada halaman utama website ITB ini hanya 44.0 KB.

g. Fungsionalitas
Pada website ITB ini terdapat nilai lebih yang sangat menarik
dalam segi fungsionalitasnya yaitu terdapat pada ketersedian 2 bahasa
yaitu bahasa Indonesia dan bahasa inggris yang dapat dipilih pengunjung
sesuai keinginan, dimana dengan adanya fungsi ini website lebih dinamis,
juga ada layanan untuk mengirimkan pesan, keluhan atau hal-hal penting
lainnya menuju ke beberapa bagian layanan kampus, jadi jika ada keluhan
atau hal yang ingin ditanyakan terkait hal-hal yang terdapat dikampus
pengunjung bisa langsung menuliskan pesan ke bagian layanan kampus
yang ingi dituju, walaupun website ini tidak menyediakan live chat tetapi
untuk jenis website kampus atau instansi fungsionalitas ini telah cukup
memadai untuk kenyamanan pengguna ataupun pengunjung.

18

D.

Kesimpulan
Dari pembahasan dan penilaian terhadap kedua situs diatas maka dapat

disimpukan bahwa kedua website tersebut memiliki perbedaan, dimana pada situs
ilmusite.com berisikan informasi untuk umum yang dapat diakses bagi semua
kalangan karna isi informasinya yang berguna disemua bidang, untuk penilaian di
beberapa aspek situs ilmusite.com ini menurut saya sudah bagus dan nyaman
untuk dikunjungi juga mudah dipahami. Sedangkan situ itb.ac.id adalah situs yang
sengaja dibuat dan publikasi untuk tidak semua kalangan dan lebih dkhususkan
kepada pihak kampus ITB ataupun calon mahasiswa yang ingin melanjutkan
pendidikan ke perguruan tinggi tersebut. Dan isi informasi yang ada pun hanya
berisi tentang informasi pada kampus juga informasi lainnya yang terkait dengan
kampus tersebut.

19