Interaksi manusia komputer_web_mobile

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