Analisis Perbandingan Dua Website [PDF]

Citation preview

Analisis Perbandingan Dua Website (Professional dan Amatir)



PRABA HRIDAYAMI 1605551058



TEKNOLOGI INFORMASI FAKULTAS TEKNIK UNIVERSITAS UDAYANA 2017



A. Latar Belakang Dewasa ini globalisasi telah menyusup ke seluruh negeri, dimana salah satu fenomena globalisasi yang terjadi adalah gelombang korea atau biasa disebut dengan Korean wave (hallyu wave). Dipadu dengan kecanggihan teknologi yang berkembang masa digital ini, membuat gelombang korea ini sangat mudah dan sangat cepat masuk ke dalam sebuah kumpulan bangsa. Salah satu media penyebaran gelombang korea ini adalah melalui website. Masyarakat dunia yang merupakan penggemar korea tidak hanya menjadi penikmat semata namun beberapa di antara mereka bekerja melalui kegemaran mereka tersebut, dimana dengan memanfaatkan kegemaran mereka sekaligus memadukan dengan kelebihan mereka yang dapat berbahasa korea dengan menjadi translator korea atau menjadi subber (penerjemah subtitle). Telah banyak ditemukan website-website yang menyediakan konten-konten korea seperti drama, music, maupun acara televisi yang disiarkan di korea yang tengah popular di kalangan masyarakat dunia dengan subtiltle berbagai bahasa seperti yang paling banyak adalah inggris, indonesia, thailand, spanyol, dan lainlain. Jadi, pada tugas perbandingan ini saya mengambil dua contoh website (professional dan amatir) yang memuat konten acara televisi korea dengan subtitle berbahasa inggris. Website yang pertama adalah sebuah website professional yang tengah popular di kalangan penggemar korea di seluruh penjuru dunia yaitu, KShowOnline dengan alamat website http://kshowonline.com/ . Website ini dikatakan professional karena kemudahan dalam pemakaian, memiliki design yang baik, serta tata letak yang sangat baik, untuk lebih rinci akan dijelaskan pada saat perbandingan dilakukan. Website kedua bernama KSHOWS yang beralamat http://kshows.dramacoffee.com/ merupakan website amatir yang juga memuat acara televisi korea namun dikarenakan kesulitan pemakaian, tata letak design yang buruk serta konten yang tidak lengkap membuat website ini dikatakan amatir. B. Pembahasan Perbandingan Perbandingan yang akan dilakukan pada kedua website adalah dari segi tata letak, warna, gesture, orientasi pada kemudahan pemakaian, dan pemilihan widget/ objek control.



1. Halaman Utama (Home)



Gambar 1 Tampilan Utama KShowOnline



Gambar 1 merupakan tampilan utama pada website KShowOnline, dimana dapat dilihat tata letak yang sederhana namun berarti. Header “KShowOnline” dibuat dengan sederhana dengan didominasi warna putih sebagai background. Menubar terdiri dari icon home, showlist (dapat dipetakan), lastest show, top viewed, dan top rated. Terdapat widget pencarian dengan icon search yang terletak di sebelah kanan menubar. Pada isi tampilan utama, ditampilkan show yang berada diperingkat utama dilihat maupun diunduh pada hari itu. Pada bagian bawah ini terdapat icon nextpage atau backpage disimbolkan dengan angka. Pada sebelah kanan tampilan utama terlihat sebuah note pengumuman yang ditujukan untuk pengunjung website tersebut.



Gambar 2 Tampilan Utama KShowOnline Scroll Up



Gambar 2 merupakan tampilan utama KShowOnline jika discroll up, ketika discroll up akan terlihat show yang ada akhir-akhir ini dan jika discroll lagi akan terlihat berbagai show yang terdapat pada website KShowOnline. Footer dari website ini sederhana dimana terdiri dari privacy policy, term use, dan contact us.



Gambar 3 Tampilan Utama KSHOWS



Gambar 3 merupakan tampilan utama website KSHOWS, dimana dapat dilihat dari design yang ditampilkan sangat sederhana. Tata letaknya pun sangat sederhana dan tidak menonjolkan website, dimana bukannya konten yang mendominasi tetapi iklan yang terdapat pada sisi kanan dan kiri lebih menonjol dari konten. Tidak terdapat menubar menjadikan website ini susah



digunakan karena kurangnya pemetaan. Hearder dibuat dengan sederhana menggunakan single color untuk background yaitu abu-abu tua.



Gambar 4 Tampilan Utama KSHOWS scroll up



Gambar 4 merupakan tampilan utama website KSHOWS jika discroll up terdapat icon konten yang ditampilkan terlalu besar sehingga menghabiskan banyak tempat dalam satu halaman. Jika discroll kembali hingga footer, terdapat icon panah ke atas yang digunakan untuk kembali ke header, dimana dinilai kurang efektif dan tidak sesuai dengan UX (user experience). Ditampilkan juga next page yang digunakan untuk ke halaman selanjutnya.



2. Menu Bar



Gambar 5Menu Bar Shows List Maping



Gambar 5 merupakan pemetaan pada website KShowOnline, dimana terdapat daftar dari show-show yang terdapat pada KShowOnline yang diurut berdasarkan alphabet. Show yang ditampilkan terbatas, jika ingin melihat lebih banyak dapat memilih “view more”.



Gambar 6 Shows List Detail



Gambar 6 merupakan tampilan setelah menekan “view more” pada menu shows list, dimana website akan menampilkan daftar show yang dimuat dalam website KShowOnline (pada gambar hanya ditampilkan sebagian kecil). Show yang ditampilkan pun dikelompokkan sesuai alphabet.



Gambar 7Tampilan Lastest Shows



Gambar 7 merupakan tampilan jika tombol Lastest Shows ditekan, dimana website akan menampilkan show-show yang baru-baru saja diunggah yang diurut berdasarkan tanggal unggah.



Gambar 8 Tampilan Menu Top Viewed



Gambar 8 merupakan tampilan jika menekan menu Top Viewed, dimana yang ditampilkan daftar shows yang dilihat paling banyak, diurutkan dari yang terbanyak.



Gambar 9 Tampilan Menu Top Rated



Gambar 9 merupakan tampilan jika menekan menu Top Rated, dimana akan ditampilkan daftar shows yang memiliki rating yang baik, diurut berdasarkan rating tertinggi.



Gambar 10 Icon Home



Gambar 10 merupakan icon home, dimana icon ini seperti pengalaman user digunakan untuk kembali ke tampilan utama website.



Pada website kedua, website KSHOWS tidak memiliki menubar sehingga, akan sangat sulit untuk mencari maupun memilih show yang ingin user lihat dan unduh. Dimana dalam website ini hanya terdapat icon next page untuk mencari shows yang ingin user lihat. Terlihat dengan jelas bagaimana website professional dibuat dibandingkan dengan website amatir.



3. Tampilan Sub-Menu



Gambar 11Tampilan Sub-Menu KShowOnline



Gambar 11 merupakan tampilan jika salah satu show dipilih pada shows list, maka akan ditampilkan daftar episode-episode dari show dimana diurutkan berdasarkan yang terbaru. Pengurutan juga dapat dipilih sesuai keinginan user, berdasarkan yang terbaru, berdasar yang terlawas, dari A-Z, maupun dari Z-A, menyesuaikan kepentingan user.



Pada website kedua KSHOWS tidak memiliki pemetaan menu, maka website ini tidak memiliki sub-menu. Hal ini sangat menyusahkan user saat ingin memilih show yang ingin dilihat.



4. Tampilan Konten



Gambar 12 Tampilan Konten KShowOnline



Gambar 12 merupakan tampilan saat user membuka salah satu konten yang ingin dilihat, dimana layar hitam merupakan space untuk pemutaran show. Pada ujung kiri bawah terdapat pemetaan episode dimana akan memudahkan user dalam mengganti episode yang ingin dilihat tanpa harus kembali ke sub-menu untuk kembali memilih episode. Pada ujung kanan bawah terdapat berturut-turut dari kiri ke kanan, picture in picture (duplikasi layar menjadi sub-layar kecil), light off/on (mematikan atau menyalakan cahaya layar), mode theater (beralih ke modetheater), dan icon download (mengunduh konten). Pada bagian bawah layar terdapat beberapa server untuk mengunduh konten jika ingin mengunduh dengan kualitas berbeda.



Gambar 13 Tampilan Konten KShowOnline scroll up



Gambar 13 merupakan tampilan konten KshowOnline yang discroll up, dimana akan terlihat detail dari show dan di bawahnya terdapat kolom komentar untuk berdiskusi seputaran show. Pada icon login, user dapat login untuk mendapatkan notifikasi seputaran show.



Gambar 14 Tampilan Konten KSHOWS



Gambar 14 merupakan tampilan jika ingin meihat konten pada website KSHOWS, dimana jika ingin mengunduh konten dapat dilakukan dengan menekan tombol play, namun sebelumnya harus menginstal terlebih dahulu aplikasi downloader sejenisnya (seperti internet download manager). Pada bagian bawah terdapat tags, dimana jika dipilih maka akan menampilkan menu yang merupakan kumpulan dari tags yang bersangkutan. Pada tampilan itu, user baru bisa memilih episode mana yang ingin ditampilkan. Pada bagian bawahnya lagi akan ditampilkan konten-konten yang bersangkutan terhadap konten yang dibuka. Pada bagian sisi kiri tampilan konten terdapat judul-judul dari next page maupun previous page.



Gambar 15 Tampilan Konten KSHOWS 1



Gambar 15 merupakan tampilan dimana konten yang ingin dilihat terblokir dikarenaka pelanggaran hak cipta, sehingga dapat membuat user tidak dapat melihat konten yang diinginkan.



5. Perbandingan Segi Heuristik a. Kedua Website telah berbicara dengan bahasa user, dimana target pengguna adalah masyarakat dunia. b. Kedua website telah dirancang secara sederhana sehingga tidak perlu menambah daya ingat user dikarenakan telah menerapkan teori transfer effect norman. c. Kedua website telah konsisten pada header maupun footer. Namun pada website KSHOW icon next page maupun previous page terletak pada tempat yang berbeda pada tampilan utama dan tampilan konten, sedangkan pada website KShowOnline icon next page terletak ditempat yang sama. d. Pada website KSHOWS terdapat sedikit widget sehingga sistem feedback kurang, sedangkan pada KShowOnline memiliki banyak widget sehingga sistem feedback beragam dan mudah dimengerti. e. Pada website KSHOWS tidak terdapat jalan keluar maupun jalan pintas yang jelas seperti tombol home jika ingin kembali tampilan utama melainkan dengan mengklik “KSHOWS” pada header, sedangkan pada KShowOnline terdapat icon home yang jelas dan menu bar yang jelas dilengkapi mapping sehingga memudahkan user untuk menemukan jalan keluar. f. Jalan pintas pada website KSHOWS jumlahnya sedikit dikarenakan jumalah widget serta icon yang digunakan sangat minim, membuat user kesusahan mencari jalan pintas, sedangkan pada KShowOnline memiliki widget, icon, serta menubar yang jelas dan banyak sehingga akan memudahkan dan memberikan banyak variasi jalan pintas kepada user.



6. Kesimpulan Jadi, Website KShowOnline dan KSHOWS memiliki tema konten yang sama, namun terdapat banyak perbedaan yang membuat website ini dikategorikan kedalam website professional dan amatir.



KShowOnline yang memiliki fitur lengkap sebagai website yang menyediakan konten video show yang dapat diunduh, memudahkan user untuk menggunakan website sehingga user tidak memerlukan waktu lama dalam berpidah-pindah halaman dikarenakan jalan pintas sangatlah banyak. Selain fitur yang banyak, KShowOnline juga menyediakan banyak konten-konten yang sedang digemari maupun popular pada beberapa waktu lalu sehingga user dapat melihat show yang telah diunggah beberapa waktu lalu, disamping itu KShowOnline memiliki ijin yang jelas untuk konten yang dimuat. Design yang ditampilkan website KShowOnline dibuat sesederhana (simple dan elegant) mungkin namun memiliki fungsi yang maksimal. Dominasi warna putih sebagai background membuat elemen-elemen lain dari konten menonjol dengan jelas. Tata letak dari konten pun diatur sedemikian rupa sehingga user dapat dengan mudah melihat konten-konten yang diinginkan. KSHOWS yang merupakan website sangat sederhana dengan menghilangkan hal-hal penting yang seharusnya disisipkan. KSHOWS memiliki banyak kekurangan untuk memenuhi standar website yang cukup. Konten yang seharusnya ditonjolkan, melainkan iklan-iklan yang ukurannya sama besar dengan konten yang ditampilkan. Tidak terdapatnya widget search, menubar, jalan pintas yang jelas, dan jalan keluar yang jelas akan membat user kebingungan dan kesusahan ketika ingin melihat maupun berpindah yang halaman lain yang diinginkan user. Banyaknya konten yang melanggar ijin hak cipta membuat website ini mendapat respon negatif. Tidak adanya kolom komentar membuat website ini pasif sehingga kurangnya perkembangan sesuai dengan user experience.