UIUX (K-2) Tokopedia.pdf UIUX ( Tokoedia

UIUX (K-2) Tokopedia.pdf

1. TUGAS KELOMPOK
KE-2
1. Serly Agustina
2. Rahmat Nur Hidayat
3. Ergi Rezkiawan
4. Muhammad husein Toni Haekal

2. IDENTITAS APPLIKASI
01
Nama Aplikasi
Toko Pedia
02
Platform
Mobile (Android & IOS)
03
VERSI
Android 3.154 dan untuk iOS
2.169
04
FUNGSI UTAMA
sebagai platform perdagangan elektronik
(e-commerce) yang memfasilitasi transaksi
jual beli barang dan jasa secara online
antara penjual dan pembeli

3. ASPEK UMUM
Mendukung Kebutuhan Pengguna
Ya, aplikasi Tokopedia mendukung pengguna
dengan menyediakan berbagai layanan bantuan
yang responsif dan mudah diakses.
Target Pengguna
masyarakat Indonesia dari berbagai kalangan
yang memiliki akses internet, baik sebagai pembeli
maupun penjual
Mudah Dipelajari
Ya, aplikasi Tokopedia mudah dipelajari karena
memiliki antarmuka yang sederhana, intuitif, dan
ramah pengguna. Menu dan fitur ditampilkan
dengan jelas, serta dilengkapi panduan dan bantuan
seperti Tokopedia Care dan chatbot
Tampilan Intuitif
Menu utama yang rapi dan mudah diakses,
seperti kategori produk, promo, dan layanan
digital,Fitur pencarian dengan filter lengkap
untuk memudahkan menemukan
produk,Tombol yang jelas dan ikonnya mudah
dikenali, seperti “Beli”, “Chat”, atau
“Bayar”,Navigasi yang konsisten

4. EVALUASI BERDASARKAN PRINSIP UI/UX (i)
Visibility
• Menu utama seperti kategori produk, promo, dan keranjang
langsung terlihat.
• Beberapa banner promo terlalu dominan.
Feedback
• Terdapat animasi loading saat checkout dan notifikasi
transaksi berhasil/gagal.
• Status pesanan bisa dilacak secara real-time.
Constraint
• Tidak dapat checkout tanpa mengisi alamat atau metode
pembayaran.
• Beberapa produk memiliki batas pembelian atau syarat
tertentu.

5. EVALUASI BERDASARKAN PRINSIP UI/UX (ii)
Mapping
• Navigasi tombol dan ikon sesuai ekspektasi (ikon keranjang, akun,
dll).
Consistency
• Konsisten dalam warna hijau-putih, tata letak tombol, dan
struktur halaman.
Affordance
• Tombol terlihat jelas, desain tombol mengundang interaksi.
• Ada animasi saat pengguna klik tombol.

6. EVALUASI ASPEK KOGNITIF PENGGUNA (i)
Atensi
• Banner promo mencolok, menarik tapi bisa mengganggu.
Persepsi
• Ikon seperti keranjang dan produk digital mudah dikenali.
• Warna hijau identik dengan Tokopedia.

Memori
• Riwayat pesanan dan wishlist membantu pengguna
mengingat produk.

7. EVALUASI ASPEK KOGNITIF PENGGUNA (ii)
A. Atensi
• Banner promo animatif menarik perhatian, namun tidak terlalu mengganggu.
• Notifikasi real-time untuk flash sale efektif menarik perhatian.

B. Persepsi
• Ikon dan gambar produk realistis & meyakinkan.
• Layout terstruktur dengan baik memudahkan orientasi.

C. Memori
• Fitur histori pembelian & pencarian sangat membantu.
• Halaman favorit menyimpan produk yang dilihat sebelumnya.

8. Bantuan pelanggan
tersedia dengan chat
otomatis dan live agent.

Fitur kategori, pencarian,
dan filter sangat
membantu efisiensi.

ASPEK USABILITY
Navigasi mudah,
pengguna cepat
memahami alur belanja.
from the Sun

9. Evaluasi Visual/UI
Warna: Hijau dominan dengan aksen putih & abu-abu netral.
• Tipografi: Font bersih, besar, mudah dibaca.
• Layout: Tersusun rapi, meski halaman utama sedikit padat.
• Ikon & Ilustrasi: Minimalis dan jelas.
• Responsif: Lancar di berbagai ukuran layar.

10. USER EXPERIENCE (UX)
• Nyaman dan cepat digunakan.
• Rekomendasi personal dan produk tren ditampilkan otomatis.
• Pembayaran cepat dengan dompet digital Tokopedia Pay atau transfer bank.

11. • Flat design
• Microinteraction (animasi loading, tombol interaktif)
• Bold Typography
• Dark Mode (opsional)
• Ilustrasi kartun pada promo tertentu

Tren Desain yang Diadopsi

12. • Halaman utama agak penuh, bisa lebih minimalis.
• Beberapa fitur seperti game berhadiah terkesan kurang penting.
• Search bar bisa dibuat lebih kontekstual berdasarkan kategori aktif.
SARAN DAN PERBAIKAN

13. • Tampilan visual (UI): 4.4
• Kemudahan penggunaan: 4.7
• Kejelasan navigasi: 4.6
• Konsistensi: 4.8
• Kenyamanan penggunaan (UX): 4.6
• Total rata-rata: 4.62 / 5 good
SKOR PENILAIAN (1-5)

14. ARI GATOU GOZAIMASU