Analis Desain Web Tokopedia.com
Dalam tugas topik 3 ini, saya mengambil sebuah situs www.bukalapak.com untuk menganalisa dari desain/tampilan.
Situs yang saya akan bahas untuk di Analisis berdasarkan 5 atribut, yaitu:
1. Textual Content (Isi Tekstual)
2. Graphic Design (Desain Grafis)
3. Navigation (Navigasi – Alur Menu)
4. Structure (Struktur Web)
5. Link(Penghubung ke halaman lain)
Halaman awal
1. Textual Content(Isi Tekstual)
Tokopedia menyediakan sarana penjualan dari kustomer-ke-kustomer dimana siapa pun bisa membuka toko online yang melayani calon pembeli dari seluruh Indonesia. User, yang kerap disebut tokopediawan, bisa menjual barang baru maupun bekas melalui Tokopedia (walaupun mayoritas produk yang dijual di Tokopedia adalah barang baru yang dijual pada harga yang sudah ditentukan).
Menu pada Halaman awal :
1. Menu Pencarian
Memudahkan customer untuk mencari barang atau toko yang ingin di cari, di sampingnya juga disediakan ketegori agar lebih terperinci apa yang di cari customer.
2. Menu Daftar dan Login
Menu daftar ini untuk mendaftarkan sebagai pembeli ataupun pemilik toko. Menu Login untuk yang sudah memiliki account tokopedia.
3. Menu Kategori
Pada halaman awal juga di tampilkan langsung kategori-kategor yang berfungsi agar memudahkan customer mencari barang yang di cari.
4. Hot list
Pada menu ini di tampilkan barang-barang apa saja yang paling banyak dicari ataupun dibeli.
2. Graphic Design(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.
3. Navigation
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 Navigasi
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.
4. Structure 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:
5. Links
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