Analisis

User Interface

INTERAKSI MANUSIA & KOMPUTER

Beberapa aturan pokok dalam merancang User
Interface :
1. Pemberian nama form jelas, menerangkan kegunaan dari form dan laporan
2. Pemberian Intruksi dapat dimengerti
3. Pengelompokan secara logik dan pengurutan field
4. Tampilan form/report secara visual
5. Nama field familiar
6. Pemakaian istilah dan singkatan konsisten
7. Penggunaan warna konsisten
8. Ruang yang tersedia dan cakupan untuk fiel pemasukan data
9. Perpindahan kurson yang tepat
10. Perbaikan kesalahan untuk karakter individual, maupun field secara keseluruhan
11. Pesan kesalahan untuk nilai yang tdk diterima
12. Field pilihan ditandai dengan jelas
13. Pesan penjelasan untuk field
14. Penanda akhir yang menyatakan proses sudah selesai
1. Pemberian nama form jelas, menerangkan
kegunaan dari form dan laporan

Untuk pemberian nama form pada Tokopedia sudah cukup

jelas, karena pada icon-nya terdapat kata keterangan yang
menunjukan fungsi dari menu tersebut.
Jadi untuk aturan ini, aplikasi Tokopedia mempermudah user
untuk mengetahui fungsi dari icon nya.
2. Pemberian Intruksi dapat dimengerti
• Instruksi pada Tokopedia
cukup mudah dimengerti,
contohnya pada form
register dan login, pada
kedua tampilan tersebut
diminta untuk memasukan
username dan password
untuk masuk ke Tokopedia.
3. Pengelompokan secara logik dan pengurutan field
• Pengelompokan dan
pengurutan field pada
Tokopedia cukup baik.
Contoh pada tab Belanja,
pertama adalah kategori
dari maisng – masing jenis
nelanjaan, kemudian
keranjang belanjaan
berurutan dengan feed dan
akun
4. Tampilan form/report secara visual

Tampilan pada Tokopedia banyak

sekali icon menu pastinya setiap icon
menu memiliki fungsi yang baik.
5. Nama Field Familiar

Penamaan field pada Tokopedia

mudah dimengerti dan adanya
gambar untuk memudahkan pengguna.
Contoh Home, feed, official Store,
kerangjang, akun.
6. Pemakaian istilah dan singkatan konsisten

Pemakaian istilah dan singkatan pada tokopedia

masih belum konsisten karena istilah
menggunakan bahasa indonesia dan inggris
tapi dalam hal lain pengguna masih dapat
mengerti maksud dari istilah tersebut.
7. Penggunaan Warna Konsisten
Penggunaan warna pada aplikasi tokopedia ini sudah
konsisten. Penggunaan warna disni lebih ke putih dan
hijau , mungkin kedua warna tersebut merupakan
warna dasar dari aplikasi tokopedia dan juga tidak
terlalu mencolok karena tokopedia sendiri akan
menampilkan banyak warna dari foto-foto barang-
barang yang ada di kategori tokopedia tersebut dan
karena itu jadi pastinya menimbulkan keunikan dan
kesan dan juga pewarnaannya tidak terlalu ramai.
8. Ruang yang tersedia dan cakupan untuk field pemasukan data

Ruang yang tersedia untuk field pemasukan

data atau barang sudah cukup teratur dan
cukup baik dan juga penyimpanan sudah
tersusun rapih / terorganisir.
9. Perpindahan kursor yang tepat

Aplikasi Tokopedia memiliki ruang form yang cukup lebar

terlebih karena aplikasi ini hanya terdapat pada sistem
operasi handphone/tablet yang mendukung fasilitas layar
sentuh seperti pada Android dan iOS, dan juga computer.
Jarak antara tiap form cukup leluasa untuk ibu jari secara
umum, kecuali computer, computer bisa menggunakan
mouse untuk menggerakkannya.

Kemudian di Android dan IOS untuk perpindahan kursor

dari atas ke bawah atau sebaliknya telah mendukung
sensitifitas yang cukup baik.
10. Perbaikan kesalahan untuk karakter individual
maupun field secara keseluruhan

• Saat mengisi form pencarian dan mencarinya, jika

ada kata/kalimat yang salah akan otomatis
menampilkan kata/kalimat yang mendekati
(berhubungan) dengan yang diinput.
11. Pesan kesalahan untuk nilai yang diterima

• Munculnya pesan kesalahan seperti pengaplikasian

promo yang memiliki nilai minimum Rp200.000,-
untuk menggunakannya, sedangkan barang yang
ingin dibeli hanya Rp80.000,-
12. Field pilihan ditandai dengan jelas

• Field pilihan pada aplikasi Tokopedia sangat

bagus, sehingga pengguna akan semakin
mudah dalam mengakses aplikasi tersebut.

• Pada bagian atas ada field pencarian, favorit,

pesan dan notifikasi.

• Pada body ada banyak shortcut untuk

langsung masuk ke kategori yang diinginkan.

• Pada bagian bawah ada home, feed, official

store, keranjang dan akun.
13. Pesan Penjelasan Untuk Field

• Pesan penjelasan pada aplikasi Tokopedia

sudah tersedia di menu jadi lebih mudah
untuk melihat info dan sudah ada
kategorinya juga.
14. Penanda Akhir Yang Menyatakan Akhir Dari Proses

• Menu akhir pada Tokopoedia

langsung klik untuk memilih
pembayaran, setelah itu masuk
menu pembaran dan klik bayar.
TERIMA KASIH
The end