Anda di halaman 1dari 15

TUGAS INTERAKSI MANUSIA DAN KOMPUTER

ANALISA WEBSITE

Di susun oleh :

YAYAN SOPYAN
NPM : 432007006150032

SEKOLAH TINGGI MANAJAMEN INFORMATIKA DAN KOMPUTER


STMIK TASIKMALAYA
2017

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.

Pangandaran, Juni 2017

(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 gambar-
gambar, banner dan juga ikon-ikon sebagai pelengkap dan juga memudahkan
user untuk lebih memahami.

8|Page
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, 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.

9|Page
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.

Semua ikon itu umum di gunakan oleh para programer, jadi user pun sudah tidak
asing lagi dengan ikon-ikon tersebut.

10 | P a g e
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
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.

11 | P a g e
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.

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.

12 | P a g e
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.
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 Indonesia
Bahasa Ingris

Harusnya dia memakai bahasa Daftar dan Masuk untuk menggantikan kata
Register dan Login. Ganti Bahasa
Lebih baik konsisten dalam bahasa karena dia sudah ada fasilitas ganti bahasa
dengan ikon bendera.

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.

Kalimat-kalimat semacam ini bagus untuk menarik perhatian para


pengunjung untuk percaya dan yakin dengan Traveloka.com

13 | P a g e
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.

14 | 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).

15 | P a g e