Dokumen tersebut membahas desain antarmuka pengguna yang sederhana dan mudah digunakan untuk web dan aplikasi seluler. Hal ini membahas pentingnya kesederhanaan, lingkungan dan tipe pengguna, serta empat strategi untuk merancang antarmuka yang sederhana yaitu menghilangkan, mengorganisir, menyembunyikan, dan memindahkan fitur-fitur yang tidak penting. Dokumen tersebut juga membahas proyek kelompok untuk meranc

1. INTERAKSI MANUSIA
KOMPUTER
“Simple and Usable”
Web and Mobile interaction design

2. “Simplicity”
• Ilustrasi: Instalasi Printer
• “Less is more”
• Semakin kompleks sebuah aplikasi
• Semakin sukar dan mahal pada proese maintenance
• Dari perspektif pengguna  Menyusahkan, ada kesan buang-
buang uang?

3. Not that kind of simple
• Seringkali untuk membuat sesuatu
yang tampak “simple” diperlukan
resource yang sangat besar
• Contoh: Mesin pencari google

4. Character
• Simple doesn’t mean minimal.

5. Tujuan dan visi
• Pahami dunia dan lingkungan di mana user berada, dan
buatlah desain yang sesuai

6. Lingkungan user
• Perkantoran
• Interaksi antar pegawai
• Berkomunikasi dengan email, sms, telepon
• Dokumen kertas
• Rumah
• Kecepatan koneksi internet
• Mengatur keperluan belanja
• …
• Outdoor
• Cahaya matahari, cuaca
• Perangkat elektronik portable
• …

7. Tipe user
• Experts
• Rasa ingin tahu yang besar
• Hobi utak-atik
• Willing adopters
• Mainstreamers
• ”I just want my mobile phone to work.”
Dari segi
jumlah??

9. • Jumlah paling besar???
• Bagaimana pengaruhnya dalam proses desain???
• Expert user seringkali meminta “lebih”, yang adakalanya
justru kurang diminati oleh mainstreamers

10. What mainstreamers want
• Mainstreamer  Job done now; Experts  Customizing
the setting first
• Mainstreamer  afraid of breaking something; Experts 
take things apart to see how they work.
• Mainstreamers  value ease of control; Experts  value
precision of control.

11. Mainstreamers
don’t want to build
it from scratch

12. Pengalaman user
• Misalkan anda sedang berjalan di tengah kota bersama
teman anda, dengan tidak sengaja berpapasan dengan
tokoh idola (yang merupakan sebuah kesempatan yang
sangat langka), dengan sigap anda mengeluarkan
kamera anda, kemudian meminta teman anda untuk
mengambil gambar/video anda bersama tokoh idola
tersebut. Kemudian setelah itu dengan sedikit tergesa-
gesa anda segera pergi ke rumah teman anda, meminjam
komputernya untuk mengupload gambar/video tersebut

14. Bagaimana desain kamera yang sesuai
• Dari segi ukuran  Kecil, ringan, mudah dibawa ke mana
saja
• Dari segi kecepatan  proses startup sampai proses
pengambilan gambar haruslah cepat
• Tidak perlu software khusus (ex. Driver) ataupun kabel
khusus?
• Fungsi share?
• Dll…

15. Menyusun skenario
• Where
• When
• Who
• Why
• How

16. Fokus pada fungsi atau keringkasan?
Fungsi (Usability)
• Spesific group of people
Ringkas (Simple)
• Anyone can use it

17. 4 Strategi
• Studi kasus:
• Buatlah desain remote control untuk sebuah DVD player!

20. 4 Strategi
• Remove  Singkirkan semua tombol yang tidak penting
• Organize  Susun tombol-tombol yang ada dalam grup-
grup
• Hide  Selain tombol-tombol yang benar-benar penting,
sembunyikan
• Displace  Susun ulang, dengan hanya memakai tombol
yang memenuhi fungsi dasar saja, selebihnya diakses
lewat menu pada dvd player

23. End of Presentations
• To be continue…

24. Group Project
Fall 2002 CS/PSY 6750 24
• 1 grup terdiri dari maks 5 orang
• Buatlah desain User Interface untuk
website Prodi Sistem Informasi UPN Veteran
Jawa Timur
• Dengan memenuhi kaidah IMK