Analisis Desain Antar-Muka (User

Interface) Situs E-commerce dan

Sistem Informasi Akademik (SIA)

Disusun oleh:

• Arwan Rusharyanto 41817210031

• Andika Pradana Putra 41817210041
• Aldy Setiawan 41817210029
• Fachrozy Putra Wenedo 41817210030
• Okka Otykawa Salat 41817210025
• Gilland Kasyfurrahman 41817210026
• Novianti Putri Wibowo 41817210039
Bagian I: Analisis UI Situs E-commerce
Situs 1: Traveloka (www.traveloka.com)

• Desain tampilan input yang mudah

dipahami user dan disertai dengan petunjuk
singkat dan jelas

• Desain tampilan web sederhana,

cenderung rapih, penempatan teks dan
gambar teratur sehingga tidak menimbulkan
kesan ‘sesak’
Situs 2: ebay (www.ebay.com)

Tampilan sederhana
dengan navigasi yang jelas
Situs 3: Lazada (www.lazada.co.id)

• Kumpulan link navigasi yang

memungkinkan untuk membuka tab
baru

• Tampilan sederhana dan rapih

Situs 4: JD.ID (www.jd.id)

• Navigasi halaman yang mudah

dipahami

• desain input yang user friendly

• Tampilan web yang segar dan cerah

• Halaman penuh dengan perpaduan teks dan
gambar yang eye-catching
Bagian II: Analisis UI Sistem
Informasi Akademik (SIA)
Universitas
Situs 1: Universitas Mercu Buana (www.mercubuana.ac.id)

• Desain input

• Tampilan web
setelah melakukan
proses log in dengan
benar
• Hanya memuat
gambar yang penting
saja
• Disertai instruksi dan
navigasi yang jelas
sehingga tergolong
sebagai web SIA yang
user-friendly
Situs 2: Binus (binusmaya.binus.ac.id)

• Desain Input disertai pengumuman yang

bisa dibaca tanpa harus melakukan proses
log in

• Tampilan web
setelah melakukan
proses log in dengan
benar
• Penataan teks rapih
dengan desain
minimalis dan
pemilihan warna yang
cenderung tidak
mencolok
Situs 3: UIN Sunan Gunung Djati
(simak.uinsgd.ac.id)

• Desain input

• Navigasi jelas
• Tampilan sederhana
dan enak dilihat
Situs 4: ITB (akademik.itb.ac.id)

• Navigasi halaman

• Berita atau
pengumuman
yang dapat
dibaca oleh
pengunjung
tanpa harus • Desain input
melakukan
proses log-in