Analisis IMK pada Website Tokopedia

Interaksi Manusia dan Komputer (IMK) pada dasarnya merupakan suatu interaksi
timbal balik antara manusia dengan komputer yang mempunyai tujuan mempermudah
manusia mengoperasikan komputer. Timbal baliknya berupa output dari sistem komputer
tersebut. Hubungan timbal balik ini, terjadi karena karena pengguna atau manusia melakukan
perintah (input) lalu komputer memberikan suatu feedback berupa hasil (output) dari perintah
tersebut. Kajian sistem IMK berhubungan desain, implementasi serta evaluasi sistem
komputer, sehingga memudahkan manusia dalam penggunaannya. Apalikasi dari IMK sangat
banyak sekali jenisnya, salah satu aplikasi yang berhubungan sistem IMK yaitu perancangan
situs atau website.
Pada website ini, beberapa hal perlu dipertimbangkan seperti bagaimana membuat
desain antar muka (interface) yang menarik, bagaimana membuat agar website tersebut
menjadi nyaman dalam interaksinya serta bagaimana website tersebut mudah untuk
digunakan. Dari masalah tersebut, peranan sistem IMK menjadi hal yang sangat penting.
Dimana, sistem IMK sesuai dengan tujuannya yaitu mempermudah manusia dalam
berinteraksi dengan komputer, maka beberapa faktor terpenting dari IMK seperti user
interface, usability dan user experience perlu dipertimbangkan dalam perancangan
suatu website.
Pada dasarnya, fokus dari IMK atau Interaksi Manusia dan Komputer adalah
Perancangan dan evaluasi antarmuka pemakai (user interface) pada suatu sistem. UI atau
User Interface dapat diartikan sebagai bagian sistem komputer yang memungkinkan manusia
berinteraksi dengan komputer secara langsung.
Kriteria dari User Interface yang Friendly antara lain :
1. Mudah dioperasikan
2. Mudah dipelajari
3. Learnability
4. Errors
5. Memorable
6. Satisfaction
7. Memiliki tampilan dan fungsi yang bagus (design,navigasi,link)
Dalam kasus ini, saya akan mencoba memberikan pendapat mengenai user interface
yang di tampilkan pada laman resmi Tokopedia yang beralamat di
http://www.Tokopedia.com/ . Tokopedia sendiri merupakan salah satu layanan e-
commerce (online shopping) yang cukup digemari oleh masyarakat. Untuk itu saya akan
mencoba menganalisa bagaimana user interface dari web Tokopedia, kemudahan apa saja
yang ditawarkan oleh website ini dan menemukan sisi lemah untuk kemudian dianalisa
dan menjadi dasar pengembangan website.
Berikut adalah poin-poin yang akan saya gunakan dalam mengkaji web Tokopedia,
http://www.Tokopedia.com/:
1. Readability
 2. Kecepatan akses
3. Ketepatan
4. Mobilitas Konten
5. Efesiensi
Analisis dan evaluasi web Tokopedia :

1. Readibility
Parameter ini menyangkut bagaimana kemudahan user untuk membaca sebuah
informasi yang didapat dari sebuah web yang diberikan ataupun mencari informasi yang
diinginkan dari sebuah web. Di website Tokopedia ini pengguna diberikan beberapa pilihan
baik pada menu maupun pada halaman utama.

Gambar 1.0 Reability

Jika pada menu (lingkar merah) adalah nama dan sekaligus menu home Tokopedia
saat diklik akan masuk dan kembali ke menu utama. Lalu pada (lingkar hijau) pengguna tidak
usah melakukan aksi peng-klikan melainkan hanya mengarahkan pointer pada tab yang
diinginkan. Tokopedia menyediakan kemudahan seperti pembayaran dan Top Up, Token
listrik, Air PDAM, Pulsa bahkan sampai Tekom sekalipun. Semua lengkap, nyaman, mudah
dan aman.
 Gambar 2.0 Berbagai fasilitas
Pengguna juga diberikan pelayanan berupa menu untuk mendaftar, login, dan
sebagainya yang berkaitan dengan pemberian info dari pengguna kepada official maupun
sebaliknya.
Logo perusahaan dalam website-nya merupakan suatu hal yang sangat penting, karena
dengan adanya logo, dapat mencerminkan perusahaan tersebut atau dapat menjadi brand
perusahaan itu. Sebenarnya, bukan hanya logo saja yang menunjukkan brand suatu
perusahaan, akan tetapi ada beberapa hal juga yang dapat menunjukkan brand suatu
perusahaan, yaitu slogan, warna website , dan produk/jasa layanannya. Atribut-atribut
tersebut memberikan identitas dan kepribadian pada individu, organisasi, ataupun
perusahaan.
Logo yang ditampilkan pada web Tokopedia ini sudah benar berada pada sebelah kiri
atas halaman, dan disertai pula dengan nama perusahaannya, TOKOPEDIA. Letak logo pada
kiri atas sudah menjadi aturan umum dalam merdesain suatu web.

Gambar 3.0 Penataan produk

 Penataan produk yang sedang mendapatkan diskon dan promo tersusun rapih sesuai
dengan kategori, kemudian ketika melakukan scroll secara otomatis bagian menu dan logo
akan tersembunyi sehingga menambah keluasan layout ketika melihat produk.
Pemberian dan pemilihan warna dan gambar untuk mempercantik tampilan juga
diperlukan untuk menambah daya tarik konsumen / user dalam menggunakan sistem yang
didapatnya. Di website Tokopedia ini mencampurkan cenderung warna hijau dan terang
terlihat nyaman ketika dipandang, dan warna yang dipakai konsisten disetiap halamannya
yang juga menjadi ciri khas dari website ini. Selain itu penggunaan font huruf yang jelas
namun dapat dibaca oleh semua kalangan juga mendukung daya tarik dari interface web ini
serta pewarnaan merah pada font untuk harga juga sangat membantu untuk pengguna untuk
memudahkan dalam mengetahui harga tanpa kesulitan mencari.

2. Kecepatan Akses
Untuk menguji kecepatan akses dari sebuah web, saya menggunakan
portal http://developers.google.com/speed/pagespeed/insights/ untuk menguji seberapa cepat
akses web tersebut, baik dari perangkat seluler maupun desktop. Setelah diuji, untuk web
Tokopedia ini mendapatkan rating 50/100 untuk masalah kecepatan akses dan 50/100 untuk
Pengalaman Pengguna pada perangkat seluler. Menurut saya penyebab rendahnya kecepatan
dalam mengakses web ini disebabkan banyaknya gambar yang digunakan pada web tersebut
sehingga membuat berat web dalam hal akses serta penggunaan flash picture untuk
mempercantik tampilan. Namun dari segi kepuasan pengguna mendapat rating sangat baik.

Gambar 4.0 Handphone

 Gambar 5.0 Laptop

3. Ketepatan
Penempatan kolom pencarian sudah tepat berada di halaman utama sehingga
pengguna dapat dengan mudah mencari produk yang diinginkan. Web ini juga
menyediakan kolom disebelah kiri untuk mempermudahkan pengguna mencari
produk yg sesuai dengan kategori berdasarkan kategori, urutan, lokasi, harga, toko
yang diinginkan, kondisi serta pengiriman dan penerimaan, serta peringkat dari
produk.

Gambar 6.0 Ketepatan

 4. Mobilitias Konten
Web ini menyediakan aplikasi seluler yang dapat diunduh di APP STORE dan
GOOGLE PLAY sehingga mendukung platform smartphone yang kini digunakan serta untuk
memperluas jaringan dibuatlah link ke media sosial via Facebook, Twitter, googleplus,
Pinterest dan instagram .

Gambar 7.0 Konten

5. Efesiensi
Dari segi efisiensi, menurut saya web Tokopedia cukup efisien dalam menjawab
kebutuhan user dalam hal mendapatkan hal-hal yang umumnya diinginkan user ketika ingin
memesan tiket penerbangan online secara cepat dan mudah sehingga user merasa dimanjakan
dengan fasilitas yang diberikan pada web ini. selain itu tampilan yang interaktif, tak terlalu
mengganggu dan nyaman untuk dipandang menjadikan user untuk diarahkan secara cepat dan
mudah untuk mendapatkan informasi yang diharapkan sehingga user menjadi puas dari
pelayanan yang diberikan oleh web ini.

6. Error
Siapa sih yang tidak mau terkena error? Biasanya error yang suka terjadi pada Web
ini yaitu pada saat Server Tokopedia sedang mengalami gangguan/maintenance. Tidak usah
panic, bisa langsung kontak ke Tokopedia langsung via Facebook dan media yang sudah
disediakan oleh pihak Tokopedia.

7. Memorable
Web Tokopedia cukup memenuhi, cukup simpel dan tidak repot saat kita sudah
memesan barang serta notif pembelian serta barang sudah sampai pun ada.
8. Desain grafis
Desain grafis pada web www.Tokopedia.com menurut saya sudah cukup baik. Alasan
dari cukup baik sendiri adalah karena sudah memenuhi kriteria desain sebuah web yang
baik antara lain pemilihan warna, type huruf, ukuran huruf dan tidak terlalu banyak
konten yang membuat user kebingungan. Pada Tampilan Website Tokopedia ini
menggunakan warna background yaitu warna putih, dan dibagian petunjuk informasi
berwarna hijau. Dengan memakai dua warna, sehingga dapat memisahkan tulisan yang
ingin dibaca secara detail seperti pilihan kategori barang yang dijual.
Pemakaian huruf juga penting dan berpengaruh dalam sebuah website. Pada website
ini pemakaian font yang ada terasa nyaman untuk dilihat. Keselarasan warna background
dengan font amat diperhitungkan dalam pembuatan website ini. Jika background
berwarna putih maka font yang digunakan berwarna hitam (yang dominan), Link yang
ditampilkan dengan icon berwarna hijau dengan tulisan berwarna hitan sehingga masuk
pada background berwarna putih.

9. Navigation/navigasi
Navigasi Web adalah bagian dari situs Web yang berguna untuk memandu
pengunjung menjelajahi isi situs dan menghantarkan pengunjung pada isi yang mereka
cari. Dengan begitu pengujung web dapat dengan nyaman meng-explore isi di dalam
suatu web. Posisi sebuah navigasi ternyata turut menentukan sukses atau tidaknya sebuah
navigasi. Pada posisi yang tepat, sebuah navigasi dapat membuat pengunjung lebih
mudah menelusuri situs Web.
- Top Navigation (Navigasi di atas)

Pada Tokopedia.com navigasi di bagian atas terdapat menu pencarian , login , sign in ,
dan menu untuk mengirim pesan ke Tokopedia.com. Menu pencarian ini cukup tepat di
letakkan dibagian atas, sehingga memudahkan pengunjung yang ingin mencari sesuatu di
Tokopedia.com. Menu login dan sign ini berfungsi untuk pengunjung yang ingin
mendaftar ke Tokopedia ataupun pengunjung yang sudah terdaftar, sehingga member dari
Tokopedia.com. Selain itu , di pojok kiri web terdapat logo dari Tokopedia.com, dimana
logo ini akan selalu terletak di posisi itu walaupun pengunjung berada di site-site lain di
Tokopedia dan apabila di klik, pengunjung akan di arahkan ke halaman awal Tokopedia.
- Center Navigation ( Navigasi di tengah )
Pada bagian tengah Tokopedia.com daftar kategori-kategori yang dapat dipilih
pengunjung untuk menuju kategori tertentu. Sehingga memudahkan pengunjung dalam
dalam mencari produk/barang yang mereka ingin beli di Tokopedia .
 Selain itu , di bagian tengah (dibawah kategori) terdapat daftar produk-produk yang
sedang popular di Tokopedia. Daftar produk ini di buat dalam bentuk listing,yang
berguna untuk menginformasikan pengunjung tentang produk terpopuler saat itu.’
- Bottom Navigation (Navigasi di bawah )
Di navigasi bagian bawah berisi link-link tentang informasi umum yang terdapat di
Tokopedia, seperti : cara belanja, cara berjualan, karir, kritik& saran. Navigasi ini sangat
berguna bagi pemula dalam mempelajari Tokopedia.com, sehingga pengunjung tersebut
akan terpandu.

10. Struktur Web

Pada halaman awal www.Tokopedia.com sangat simple dan langsung
memberikan navigasi pencarian

Fitur pencarian pada Tokopedia.com ini terdapat di bagian atas website. Posisi
ini cukup strategis, karena memudahkan penunjung untuk menggunakan fitur ini pada
saat masuk ke web. Pengunjung dapat mengetikkan keyword di kolom input text.
Kemudian di samping kolom input text pencarian,terdapat menu dropdown
yang berisi pilihan kategori. Dimana pada saat mencari, kolom input dan menu
dropdown ini akan digabungkan. Sehingga pencarian akan ter-filter sesuai dengan
kategori yang dipilih.
Pada daftar barang yang dijual di Tokopedia ini sangat jelas karena di web
tersebut dilengkapi dengan gambar barang yang dijual beserta harga, sehingga
memudahkan pengguna untuk mengetahui informasi mengenai barang tersebut.
Berikut adalah tampilan barang yang dijual di web Tokopedia:
 11. Links/link
Web ini memiliki link yang terhubung dengan website lain di antaranya link
blog Tokopedia, link social media Tokopedia seperti facebook,twitter, google+,
pinterest, dan instagram.

Referensi :
https://www.TOKOPEDIA.co.id/ (21 Mei 2017)
http://johannewbie.blogspot.co.id/2012/04/tujuan-analisa-user-interface-ui-
pada.html/ (17 Mei 2017)
https://www.slideshare.net/Miftahulmuttaqin1/analisa-website-traveloka-makalah-
imk (22 Desember 2012)