TUGAS INTERAKSI MANUSIA DAN KOMPUTER

ANALISA WEBSITE

Kelas 12.3D.06
Kelompok 2 :
1. Miftahul Muttaqin 12146114
2. Irvan Izra Elwa Amala 12146712
3. Farhan Maulana 121451 1 1
4. Handayani 12144760
5. Nur Fiqih Indra Hamzah 12141321
6. Martarina Sarbini 12144707
7. Dewi Setiawati 12140660
8. Annisa Kautsar 12141172

Jurusan Managemen Informatika

AMIK Bina Sarana Informatika
1 | Page
 Kata Pengantar

Segala puji dan syukur kami panjatkan ke hadirat Allah SWT karena
atas segala karunia-Nya kami dapat menyelesaikan tugas ini. Topik yang
dibahas dalam makalah ini ialah mengenai analisa
situs www.Traveloka.com, mulai dari desain antar muka, tampilan layar,
navigasi, fungsi-fungsi, sampai dengan ukuran tingkat usabilitas situs ini.
Keberhasilan ini tidak lepas dari bantuan berbagai pihak.
Pada kesempatan ini penulis ingin mengucapkan terimakasih
kepada teman-teman satu kelompok atas kerja sama dan
kekompakkannya serta Bapak Noviansah selaku Dosen Mata kuliah
IMK, dan semua pihak yang telah memberikan saran dan bantuan selama
menyelesaikan tugas ini.
Kami menyadari bahwa masih banyak terdapat kekurangan dalam
menyelesaikan makalah ini baik dari segi materi maupun penyajiannya,
untuk itu saran serta kritikan yang membangun dari dosen dan rekan-
rekan sangat diharapkan guna perbaikan makalah ini. Akhir kata penulis
berharap semoga tulisan ini bermanfaat bagi pembaca pada umumnya
dan penulis pada khususnya.

Jakarta, 19 Desember 2015

(Penulis)

2 | Page
 DAFTAR ISI
Daftar Isi Halaman
Cover Makalah....................................................................................................1
Kata Pengantar....................................................................................................2
Daftar Isi..............................................................................................................3

BAB I PENDAHULUAN
1.1........................................................................................................................Latar Belakang
.......................................................................................................................4
1.2........................................................................................................................ Rumusan
Masalah.........................................................................................................4
1.3........................................................................................................................ Tujuan 4

BAB II TINJAUAN PUSTAKA

2.1. Usability.......................................................................................................5
2.2. Fleksibilitas..................................................................................................5
2.3. User Interface...............................................................................................6

BAB III HASIL DAN PEMBAHASAN

3.1. Market Place.................................................................................................7
3.2. Website Traveloka........................................................................................7
3.3 Tampilan Interface Web...............................................................................8
3.3.1. Logo...................................................................................................8
3.3.2. Tampilan Grafis..................................................................................8
3.3.3. Sistem Menu.......................................................................................9
3.3.4. Ikon....................................................................................................10
3.3.5. Antarmuka Berbasis Interaksi Grafis.................................................11
3.4. Konten Web..................................................................................................13
3.4.1 Penggunaan Bahasa.............................................................................13
3.4.2 Konten Unik dan Original...................................................................13
3.4.4 Penggunaan Font.................................................................................14
3.5 Program.........................................................................................................14
3.5.1 User Friendly........................................................................................14
3.5.2 Cepat dan Tepat....................................................................................14

BAB IV PENUTUP
4.1 Kesimpulan...................................................................................................15
4.2 Saran..............................................................................................................15

3 | Page
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Sekarang ini web telah begitu populer diberbagai kalangan di
masyarakat, karena mereka menggunakan web sebagai media untuk
mencari informasi dalam kehidupan sehari-hari. Website dibangun dengan
berbagai fugsi dan berbagai kebutuhan sesuai dengan kepentingan atau
keinginan yang membuatnya. Karena peranan website sangat penting,
maka dalam membangun sebuah website harus memperhatikan beberapa
faktor yaitu : usability, user experience, dan user interface.Tujuan utama
dalam pembuatan website adalah menyebarkan informasi, oleh karena itu
sebuah website harus dapat diakses oleh pengguna.
Faktor usability dan utility merupakan faktor penting pada sebuah
website. Usability merupakan sebuah atribut yang menilai tingkat
kemudahan user interface untuk digunakan oleh pengguna. Sedangkan
utility adalah kemampuan sebuah website untuk memberikan manfaat
atau kegunaan atau kepuasan kepada pengguna. Mengapa kedua faktor
tersebut sangat penting dalam membangun sebuah website ?? Karena jika
sebuah website sulit digunakan, jika sebuah website tidak berisikan
tentang informasi yang dicari oleh user, jika sebuah website tidak
menuntun user untuk melakukan apa yang harus user lakukan, dan jika
user tersesat pada sebuah website yang user kunjungi, maka pilihan
terbaik user adalah dengan mengklik tanda close [X] atau keluar dari
website tersebut.

1.2. Rumusan Masalah

Berdasarkan faktor-faktor yang telah kami uraikan diatas, kami
akan melakukan analisis terhadap situs market place www.Traveloka.com

1.3. Tujuan Pembuatan Makalah

Tujuan dari pembuatan makalah ini adalah untuk memenuhi tugas
interaksi manusia dan komputer dan lebih mengenal tentang Interface
suatu website.

4 | Page
 BAB II
TINJAUAN PUSTAKA

2.1. Usability
Usabilitas adalah suatu istilah yang digunakan untuk menandakan
bahwa orang dapat mempekerjakan alat tertentu dengan mudah dalam
rangka mencapai tujuan tertentu. usabilas dapat juga mengacu pada
metode yang digunakan untuk mengukur usabilitas dan studi mengenai
kerapian atau efisiensi suatu obyek.
Dimensi usabilitas oleh Quesenbery ( 2003).

1. Efektif (Effective). ketelitian dan Kelengkapan para pemakai dalam

mencapai gol mereka.
2. Efisien (Efficient). Kecepatan (dengan ketelitian) para pemakai dalam
menyelesaikan tugas mereka.
3. Keterlibatan (Engaging). Derajat atau tingkat gaya interface yang
membuat produk nymaan untuk digunakan.
4. toleransi Kesalahan (Error tolerant). Seberapa baik disain mencegah
kesalahan dan emmebantu memeperbaiki kesalahan ini.
5. Mudah untuk sipelajari (Easy to learn). Seberapa baik produk
mendukung orientasi awal dan memperdalam pemahaman tentang
kemampuan prosuk tersebut.

2.2. Fleksibilitas
Usabilas juga mempunyai suatu hubungan dengan fleksibilitas
dalam disain. Secara umum, ketika fleksibilitas dari suatu disain
meningkat, usabilitas nya berkurang.Disain fleksibel dapat melakukan
banyak fungsi dibanding disain khusus, tapi kurang efisien, hal Ini
memebuat disain lebih kompleks. Fleksibilitas membuat para pemakai
tidak bisa dengan jelas mengantisipasi sistem kebutuhan mereka yang
akan datang. Kemudian, pada akhirnya Fleksibilitas itu akan
mengakibatkan suatu pengurangan usabilitas. sehingga perlu
dipertimbangkan.

5 | Page
2.3. User Interface

Antarmuka pemakai adalah bagian sistem komputer yang

memungkinkan manusia berinteraksi dengan komputer. Desain antar
Muka yang baik memiliki karakteristik di berikut ini:
Standardisasi : keseragaman sifat-sifat antarmuka pemakai pada
aplikasi yang berbeda.
Integrasi : keterpaduan antara paket aplikasi dan software tools.
Konsistensi : keseragaman dalam suatu program aplikasi.
Portabilitas : dimungkinkannya data dikonversi pada berbagai
hardware dan software.

Ada beberapa hal yang menyebabkan menurunnya tingkat usabilitas

dari suatu desain antar muka 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.

6 | Page
 BAB III
HASIL DAN PEMBAHASAN

3.1. Market Place

Pada pembahasan kali ini kami akan membahas tentang web portal,
dan kami memilih Market Place sebagai bahan analisa kami.

Bicara tentang market place, apa sih market place itu?

Definisi marketplace secara bahasa berarti pasar di Internet.

Sebagaimana pasar pada umumnya , pasar yang satu ini juga merupakan
tempat jual beli barang sehingga di wilayah ini merupakan satu wilayah
sebagai tempat bertemunya antara seller dan buyer. Dengan adanya
pasar global yang tak terbatas, mendorong para pelaku bisnis untuk
melakukan inovasi untuk memanfaatkan media online sebagai lahan
bisnis. Apalagi dengan semakin meningkatnya pengguna internet dari hari
ke hari yang semakin banyak, memanfaatkan marketplace dalam keadaan
seperti ini untuk mengembangkan bisnis melalui internet tentu
merupakan prospek yang sangat bagus. Saat ini banyak sekali
marketplace yang bermunculan di Indonesia contohnya seperti Tokopedia,
Bukalapak, Bhineka, Traveloka dll.

3.2. Traveloka
Traveloka adalah salah satu marketplace dalam bidang pemesanan
tiket pesawat dan hotel yang sangat populer di Indonesia, Traveloka
bekerjasama dengan beberapa maskapai dan juga hotel. Traveloka.com
memberikan kemudahan kepada masyarakat untuk mencari tiket pesawat
dan juga hotel dengan tampilan yang menarik dan program pencarianya
yang mudah di gunakan (user friendly).

Traveloka memberikan kemudahan, kenyamanan, dan keamanan kepada

user yang hendak mencari tiket pesawat dan hotel.

7 | Page
3.3. Tampilan Interface website Traveloka
3.3.1. Nama dan Logo

Traveloka, nama yang sangat bagus dan cocok untuk

suatu website yang berhubungan dengan Perjalanan / wisata,
dengan adanya kata yang khas yaitu Travel yang berarti
perjalanan. Nama yang cukup simpel dan mudah di ingat.
Nama Traveloka sudah sangat melekat di otak masyarakat,
apabila seseorang ingin berpergian atau berwisata, butuh tiket
pesawat dan penginapan pasti yang muncul pertama kali di
otak mereka adalah Traveloka.

3.3.2. Tampilan Grafis

Pertama kali masuk ke website Traveloka kalian akan di

suguhkan dengan tampilan yang menarik dan Simpel dengan
tema biru. Pada home page web Traveloka dia lebih
mengutamakan mesin atau program pencarian tikel pesawat
dan juga hotel, namun tetap terlihat menarik dengan adanya

8 | Page
 gambar-gambar, banner dan juga ikon-ikon sebagai pelengkap
dan juga memudahkan user untuk lebih memahami.

3.3.3. Sistem Menu

Sistem Menu tidak pernah lepas dari sebuah sistem atau program
baik program Desktop ataupun program Online, Sistem menu
berguna untuk memudahkan user untuk berkomunikasi dengan
program, User bisa memberikan perintah hanya dengan menekan
atau klik sebuah menu. Sistem menu ada beberapa jenis misal
menu datar, menu pulldown, menu dropdown dll.

Pada website Traveloka ini juga terdapat beberapa menu yang bisa
membantu para user untuk menemukan apa yang mereka

inginkan.

Pada bagian Header halaman Traveloka terdapat beberapa menu

penting yang di butuhkan para user seperti Pilihan Hotel / Tiket,
Bantuan, Login, Register, Cara Pesan, Cek Pesanan, Pilihan Bahasa,
Pilihan mata uang.

Menurut kami ini sudah sangat bagus karena dia menempatkan

menu pada bagian header hanya menu-menu yang penting saja,

9 | Page
 menu yang sangat di butuhkan oleh para user dan tidak
mengganggu tampilan.

Untuk menu-menu pelengkap di letakan di bagian Footer atau

bagian paling bawah website, menu-menu pelengkap itu seperti
Contact Us, Customer Service, About Us, kebijakan Privasi, Syarat
& Ketentuan, FAQ, Social Media, dll.

Menu-menu ini sangat cocok di letakan di bawah karena tidak

terlalu banyak di gunakan oleh user.

3.3.4. IKON / Simbol

Ikon atau simbol juga merupakan bagian terpenting dari suatu

program dan website, ikon berguna untuk membantu user
memahami suatu menu atau konten dalam suatu web, misalnya
dalam web Traveloka terdapat ikon koper menunjukan kapasitas
begasi, ikon kalender menunjukan waktu pemesanan, ikon bendera

menunjukan bahasa yang di gunakan, ikon/logo maskapai,

ikon/logo bank, dll.

10 | P a g e
 Semua ikon itu umum di gunakan oleh para programer, jadi user
pun sudah tidak asing lagi dengan ikon-ikon tersebut.

3.3.5. Antarmuka Berbasis Interaksi Grafis

Dialog berbentuk pesan atau informasi pada suatu gambar atau

link yang tampil ketika pengguna melakukan suatu aktifitas.

Maksudnya seperti kotak dialog, tombol-tombol, list box, combo

box, scroll, dll. Yang perintah dari suatu web yang di desain secara
grafis yang mudah di pahami.

Pada web Traveloka ini juga banyak terdapat interaksi berbasis

grafis contohnya sebagai berikut :

1. Tombol Tekan

11 | P a g e
 Banyak terdapat tombol tekan pada bagian programnya,
berbeda dengan program-program desktop yang menggunakan
tombol tekan bergaya tiga dimensi, pada web tombol tekan
biasanya menggunakan hightlight atau Hover pada tombol
tekan yang mempunyai link aktif.
Contohnya seperti ini :

2. List Box
List box pada web ini terdapat
pada menu pemilihan kota tujuan disana di buat List box daftar
nama-nama kota.

Pada List Box itu di

tampilkan semua nama
kota, jadi user tidak merasa bingung untuk mencari kota asal
dan kota tujuan.

3. Combo Box
Combo Box pada web ini bisa kalian lihat pada menu jumlah
penumpang, ada dewasa, anak-anak, dan Bayi. Apabila di klik
dia akan drop pilihan angka jumlah penumpang 1-7.

12 | P a g e
 Kami masih merasa bingung
dengan combo box ini, karena menu ini tidak terlihat seperti
combo box, akan lebih baik di tambahkan tanda segitiga ke arah
bawah seperti tampilan combo box pada umumnya, seperti
gambar di bawah ini.

4. Radio Button
Radio Button biasanya di gunakan untuk menu 2 pilihan yang
hanya bisa di pilih salah satu pilihan, pada web ini di gunakan
pada menu perjalanan sekali jalan / pulang pergi, harus di pilih
salah satu.

Selain radio button juga masih

banyak lagi dialog berbasis interaksi grafis seperti Check Box,
Spin Box, label box dll. Itu semua untuk membuat tampilan lebih
interaktif dan lebih simpel.

3.4. Konten dalam website

Sebuah website tanpa adanya konten itu bagaikan lembaran
buku yang kosong, dengan adanya konten sebuah website akan
terasa hidup.
Yang membedakan web satu dengan web lain selain dari desain
interface adalah konten yang menarik, unik, dan juga Original.

13 | P a g e
 Menurut analisa kami mengenai konten dalam web Traveloka ini
ada beberapa yang kami garis bawahi.
3.4.1. Penggunaan Bahasa
Bahasa yang di gunakan dalam web ini ada beberapa yang
kurang konsisten di bagian menu pada header, dia
menggunakan bahasa indonesia tapi ada dua menu yang
menggunakan bahasa inggris yaitu Register dan Login.
Bahasa Ingris

Bahasa Indonesia

Harusnya dia memakai bahasa Daftar dan Masuk untuk

menggantikan kata Register dan Login.
Lebih baik konsisten dalam bahasa karena dia sudah adaGanti
fasilitas ganti bahasa dengan ikon bendera. Bahasa

3.4.2. Konten Unik dan Original

Sebuah website harus mempunyai konten yang unik dan juga
original sebagai pembeda web satu dengan web lain, agar
tidak di anggap oleh google sebagai plagiat.
Traveloka ini mempunyai konten yang Unik dan Juga original,
seperti yang terlihat dari kalimat-kalimat promosi dan
kalimat penjelas tentang web.

14 | P a g e
 Kalimat-kalimat semacam ini bagus untuk menarik perhatian
para pengunjung untuk percaya dan yakin dengan
Traveloka.com

3.4.3. Penggunaan Font

Untuk Penggunaan Font, untuk keyword penting harus lebih
di tekankan atau di cetak tebal atau besar, supaya
pengunjung bisa tau dan mengerti.
Tapi secara keseluruhan penggunaan Font dari bentuk,
model, ukuran, warna dll sudah sangat bagus dan jelas.

3.5. Program
Karena Begitu banyaknya database pada web Traveloka ini maka di
sediakan program pencarian tiket dan juga hotel untuk
memudahkan para pengunjung untuk menemukan tiket dan hotel
yang mereka inginkan.
3.5.1. User Friendly
Program Pencarian ini sudah sangat bagus, simpel, dan mudah
di mengerti atau yang biasa di sebut User Friendly, dalam artian
bersahabat dengan pengguna.
3.5.2. Cepat dan Tepat
Program ini di Desain sedemikian rupa untuk bisa mencari tiket
dan hotel secara cepat dan tepat, sesuai yang di inginkan para
pengunjung.

15 | P a g e
 BAB IV
PENUTUP

3.4. Kesimpulan
Desain Interface dalam sebuah Website sangatlah penting
sebagai media interkasi manusia (user) dan komputer, user
akan merasa di mudahkan dengan adanya menu-menu,
gambar, dan juga tombol-tombol yang ada dalam sebuah
website. Desain Interface haruslah menarik, interaktif, dan yang
pasti User friendly agar user merasa mudah dan nyaman untuk
mengakses website tersebut.

3.5. Saran
Saran untuk para programer dan teman-teman untuk membuat
Desain interface harus tau ha-hal apa sajakah yang perlu di
perhatikan dalam membuat desain interface yang baik dan
benar, bagaimana caranya? Semua itu ada pada materi
Interaksi manusia dan komputer (IMK).

16 | P a g e