Nama : Prasetyo Yermia Damongi

NIM : 20330211006
Kelas : SISKOM20 A
Mata Kuliah : Interaksi Manusia dan Komputer

Tugas.

Pilih salah salah satu aplikasi atau web, kemudian review aspek-aspek dalam perancangan interaksi
antarmuka berdasarkan materi PRINSIP-PRINSIP DALAM PERANCANGAN ANTAR MUKA (UI).

Penyelesaian.

Review Website Shopee berdasarkan aspek-aspek dalam perancangan interaksi antarmuka:

1. User Compatibility (Kesesuaian dengan Pengguna):

Shopee menciptakan antarmuka yang dapat digunakan oleh berbagai kelompok usia dan latar
belakang pengguna. Mereka juga memberikan opsi personalisasi seperti bahasa, kategori prdouk
favorit, alamat pengiriman, notifikasi, riwayat pembelian dan lain sebagainya untuk meningkatkan
kesesuaian dengan preferensi pengguna.

Gambar 1. Tampilan depan Website Shopee

2. Product Compatibility (Kesesuaian dengan Produk):
Shopee adalah aplikasi e-commerce yang dimana menampilkan produk dengan jelas, seperti
gambar, deskripsi, harga, dan ulasan. Pengguna dapat dengan mudah menemukan produk yang
sesuai dengan kebutuhan mereka.
 Gambar 2. Tampilan list menu produk
Dari screenshot di atas terlihat gambar produk yang dijual melalui aplikasi shopee, terlihat juga
informasi lain seperti nama barang, harga, jumlah terjual, dan bahkan informasi lain seperti tersedia
metode pembayaran COD.

Gambar 3. Tampilan sebagian detail produk

Dari menu produk pada tampilan depan dapat dinavigasikan ke detail produk, pada detail produk
terdapat informasi yang lebih jelas lagi mengenai produk.
3. Task Compatibility (Kesesuaian dengan Tugas):
Antarmuka Shopee dirancang untuk mendukung tugas-tugas belanja online, seperti mencari
produk, menambahkan produk ke keranjang, dan menyelesaikan pembayaran. Ini memudahkan
pengguna untuk menyelesaikan tugas-tugas ini dengan efisien.

Gambar 4. Tampilan header website yang memiliki form pencarian

Pada form pencarian kita bisa mencari produk yang ingni kita beli.
 Gambar 5. Tampilan Keranjang
Dalam keranjang terdapat produk-produk yang kita tambahkan ke keranjang sebelum melakukan
pembayaran.

Gambar 6. Tampilan Checkout

 Pada tampilan checkout, atau bisa diartikan sebagai kasir, dimana tempat pengguna akan
melakukan pembayaran. Pada tampilan terdapat informasi mengenai alamat pengiriman yang bisa
di edit, terdapat informasi mengenai produk yang akan dibeli, opsi pengiriman, metode pembayarn,
dan informasi mengenai total pembayaran.
4. Workflow Compatibility (Kesesuaian Alur Kerja):
Shopee memiliki alur kerja yang baik dalam proses belanja, mulai dari mencari produk hingga
menyelesaikan pembayaran. Ini memungkinkan pengguna untuk dengan mudah mengikuti alur
kerja belanja online.
5. Consistency (Konsistensi):
Shopee menjaga konsistensi desain di seluruh platform mereka, termasuk penggunaan warna
orange, ikon yang menjadi brand perusahan, dan tata letak yang seragam. Hal ini menciptakan
pengalaman yang konsisten untuk pengguna.
6. Familiarity (Keterkenalan):
Shopee menggunakan ikon dan simbol yang umum dan dikenal secara luas dalam antarmuka
mereka, membuatnya lebih mudah dipahami oleh pengguna.
7. Simplicity (Kesederhanaan):
Shopee berfokus pada kesederhanaan dalam desain mereka, dengan antarmuka yang tidak terlalu
rumit dan mudah dipahami oleh pengguna.
8. Direct Manipulation (Manipulasi Langsung):
Shopee memungkinkan pengguna untuk berinteraksi langsung dengan produk dan tugas-tugas
seperti menambahkan produk ke keranjang dan membayar secara langsung. Shopee juga
menyediakan fitur chat sebagai media komunikasi antara pembeli dan penjual.

Gambar 7. Tampilan Chat

9. Control (Kontrol):
Shopee memberikan kendali kepada pengguna dalam berbagai aspek, seperti pemilihan produk,
pembayaran, dan opsi akun. Pengguna memiliki kontrol atas pengalaman mereka.
10. What You See Is What You Get (Apa yang Anda Lihat Adalah Apa yang Anda Dapatkan):
Shopee memastikan bahwa apa yang dilihat pengguna di layar sesuai dengan apa yang akan mereka
terima, termasuk gambar produk dan informasi yang jelas.
11. Flexibility (Fleksibilitas):
Shopee memberikan opsi personalisasi dan fleksibilitas dalam memilih kategori produk, bahasa,
dan opsi pengiriman.
12. Responsiveness (Responsif):
Shopee telah merancang antarmuka yang responsif terhadap berbagai perangkat, memastikan
pengalaman yang serupa di berbagai platform. Perangkat mobile seperti android dan IOS adalah
perangkat yang dapat mengakses aplikasi Shopee, namun disini saya membahas antarmuka Website
Shopee.
13. Invisible Technology (Teknologi yang Tidak Terlihat):
Shopee menyajikan teknologi di latar belakang, sehingga pengguna dapat fokus pada tugas-tugas
belanja mereka tanpa terganggu oleh teknisitas. Back-end atau server adalah teknologi dibalik layar
yang dapat memaksimalkan fungsi dari aplikasi ini.
14. Robustness (Ketangguhan):
Shopee memiliki infrastruktur yang kuat, memastikan situs web dan aplikasi mereka berjalan
dengan baik, bahkan pada lalu lintas tinggi.
15. Protection (Perlindungan):
Shopee menjaga keamanan data pengguna dan proses pembayaran, menciptakan rasa aman bagi
pengguna mereka.
16. Ease of Learning and Ease of Use (Mudah Dipelajari dan Digunakan):
Shopee memberikan antarmuka yang mudah dipelajari dan digunakan, dengan panduan sederhana
untuk membantu pengguna baru memahami cara menggunakan platform tersebut. Pada gambar 1
di bagian header terdapat menu bantuan yang dapat memandu pengguna baru dalam menggunakan
Shopee.

Link Shopee : https://shopee.co.id/