INTERAKSI MANUSIA KOMPUTER “Simple and Usable” Web and Mobile interaction design
INTERAKSI MANUSIA KOMPUTER“Simple and Usable”Web and Mobile interaction design
“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?
Not that kind of simple• Seringkali untuk membuat sesuatu
yang tampak “simple” diperlukan resource yang sangat besar
• Contoh: Mesin pencari google
Character• Simple doesn’t mean minimal.
Tujuan dan visi• Pahami dunia dan lingkungan di mana user berada, dan
buatlah desain yang sesuai
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• …
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??
• Jumlah paling besar???• Bagaimana pengaruhnya dalam proses desain???• Expert user seringkali meminta “lebih”, yang adakalanya
justru kurang diminati oleh mainstreamers
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.
Mainstreamers don’t want to build it from scratch
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
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…
Menyusun skenario• Where• When• Who• Why• How
Fokus pada fungsi atau keringkasan?
Fungsi (Usability)
• Spesific group of people
Ringkas (Simple)
• Anyone can use it
4 Strategi• Studi kasus:
• Buatlah desain remote control untuk sebuah DVD player!
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
End of Presentations• To be continue…
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