Senin, 01 Mei 2017

Desain Tampilan Pada Web Traveloka

Desain Tampilan Pada Web Traveloka
Traveloka adalah perusahaan yang menyediakan layanan pemesanan tiket pesawat dan hotel secara daring dengan fokus perjalanan domestik di Indonesia. Traveloka memiliki basis operasional di Jakarta. Perusahaan didirikan pada tahun 2012 oleh Ferry Unardi, Derianto Kusuma, dan Albert . Ide ini muncul disaat Ferry Unardi sering mengalami kesulitan dalam pemesanan pesawat, terutama disaat dia ingin pulang ke Padang, Indonesia, dari Amerika Serikat. Pada bulan November 2012 perusahaan Traveloka mengumumkan investasi tahap awal oleh East Venture. Pada bulan September 2013 perusahaan Traveloka mengumumkan investasi seri A oleh Global Founders Capital. Dana dari investasi digunakan untuk membangun layanan baru seperti pemesanan hotel dan paket wisata.
Pada awal konsepnya Traveloka berfungsi sebagai mesin pencari untuk membandingkan harga tiket pesawat dari berbagai situs lainnya. Pada pertengahan tahun 2013 Traveloka kemudian berubah menjadi situs reservasi tiket pesawat[4] di mana pengguna dapat melakukan pemesanan di situs resminya. Pada bulan Maret 2014, Ferry Unardi menyatakan bahwa Traveloka akan segera masuk ke bisnis reservasi kamar hotel[5]. Pada bulan Juli 2014, jasa pemesanan hotel telah tersedia di situs Traveloka.
  1. Desain Nama dan Logo
https://press.traveloka.com/wp-content/uploads/2016/09/Traveloka_Primary_Logo.png
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.
  1. 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.

  1. 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.

  1. Ikon dan 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.

  1. 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 : D:\DATA MIFTAH\CAMPUS\SEMESTER TIGA 3\IMK\Traveloka img\Pesan Pesawat.jpg
  
  1. List box pada web ini terdapat pada menu pemilihan kota tujuan disana di buat List box daftar nama-nama kota.D:\DATA MIFTAH\CAMPUS\SEMESTER TIGA 3\IMK\Traveloka img\List Box.jpg

 Pada List Box itu di tampilkan semua nama kota, jadi user tidak merasa bingung untuk mencari kota asal dan kota tujuan.
  1. 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.D:\DATA MIFTAH\CAMPUS\SEMESTER TIGA 3\IMK\Traveloka img\combo box.jpg

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.
D:\DATA MIFTAH\CAMPUS\SEMESTER TIGA 3\IMK\Traveloka img\Traveloka-Hotel.jpg

  1. 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.
 D:\DATA MIFTAH\CAMPUS\SEMESTER TIGA 3\IMK\Traveloka img\Travel-home.jpg

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.

  1. Konten dalam Website
  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. 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.
  1. 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.
 D:\DATA MIFTAH\CAMPUS\SEMESTER TIGA 3\IMK\Traveloka img\Konten1.jpg

   
Kalimat-kalimat semacam ini bagus untuk menarik perhatian para pengunjung untuk percaya dan yakin dengan Traveloka.com
  1. 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.
  1. Kesimmpulan dan Saran
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.
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).