TUGAS INTERAKSI MANUSIA DAN KOMPUTER ANALISA WEBSITE
Di susun oleh : YAYAN SOPYAN NPM : 432007006150032 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 temanteman 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 seharihari. 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 p asar 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 gambargambar, 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. 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
Ganti Bahasa
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
