Top Banner
29

Rpl 015 - interface user

Dec 18, 2014

Download

Documents

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Rpl   015 - interface user
Page 2: Rpl   015 - interface user

Interface Desain

Perancangan sistem komputermenggabungkan satu spectrum kegiatan,mulai dari perancangan perangkat kerassampai dengan perancangan interface user.Spesialis perancangan perangkat keras banyakdi pakai, tatapi sangat sedikit organisasi yangmemakai spesialis perancangan interface.

2INTERFACE DESAIN

Page 3: Rpl   015 - interface user

Prinsip Interface User

Perancangan interface user yang baik bersifat kritis bagi keberhasilan suatu sistem.

3INTERFACE DESAIN

Page 4: Rpl   015 - interface user

TOPIK

• Prinsip-Prinsip Perancangan Interface User

• Interaksi user

• Presentasi Informasi

• Pendukung User

• Evaluasi Interface

4INTERFACE DESAIN

Page 5: Rpl   015 - interface user

Prinsip-prinsip Perancangan Interface User

Perancangan interface user harusmemperhitungkan kemampuan fisik danmental orang-orang yang memakai perangkatlunak

Kemampuan manusia merupakan dasarprinsip-prinsip perancangan

5INTERFACE DESAIN

Page 6: Rpl   015 - interface user

Proses Perancangan Interface User

6INTERFACE DESAIN

Page 7: Rpl   015 - interface user

Prinsip Perancanganprinsip keterangan

Kebiasaan user Interface harus menggunakan istilah dan konsep yang

diambl dari penggalaman orang-orang yang akan

paling sering menggunakann sistem tersebut.

Konsistensi Interface harus konsistensi dalam hal, jika

dimungkinkan,operasi-operasi yang hampir sama

harus diaktifkan dengan cara yang sama.

Kejutan minimal User harus dikejutkan oleh perilaku sistem.

Kemampuan pemulihan

(Recoverability)

Interface harus mencakup mekanisme untuk

memungkinkan user pulih dari error.

Panduan user Interface harus menyediakan umpan balik yang berarti

ketika terjadi kesalahan dan menyediakan fasilitas

bantuan yang context-sensitive

Keragaman user Interface harus menyediakan fasilitas interaksi yang

sesuai untuk berbagai tipe user sistem.

7INTERFACE DESAIN

Page 8: Rpl   015 - interface user

Interaksi User

Interaksi user berarti dimasukkannyacommand dan data yangberhubungan ke sistem komputer.

8INTERFACE DESAIN

Page 9: Rpl   015 - interface user

Gaya Primer

Shneiderman (1998) mengklasifikasikan bentuk-bentuk interaksi yangberbeda ini menjadi lima gaya primer:

• Manipulasi langsung. User berinteraksi langsung dengan objek dilayar.• Pemilihan menu. User memilih command dari satu daftar

kemungkinan (menu).• Pengisian form. User mengisi field-field pada sebuah form. Beberapa

field mungkin memiliki menu yang berhubungan dan form bisamemilih ‘tombol’yang behubungan yang, ketika diyekan,mengakibatkan dimulainya suatu aksi.

• Bahasa command. User menggeluarkan command khusus danparameter –prameter yang berhubungan untuk menginstrusikan sitemmelakukan sesuatu.

• Bahasa natural. User memberikan command dalam bahasa natural.Untuk menghapus file, user dapat mengetikan ‘delete the file namedxxx’.

9INTERFACE DESAIN

Page 10: Rpl   015 - interface user

Gaya Interaksi

10INTERFACE DESAIN

Page 11: Rpl   015 - interface user

Interface User Multiple

11INTERFACE DESAIN

Page 12: Rpl   015 - interface user

Presentasi Informasi

Presentasi informasi mungkin hanyaberupa representasi langsung dari informasiniput (contohnya, teks pada pengolahkata)tapi basa juga informasi grafis.

Untuk menemukan presentasi informasiyang terbaik diperlukan pengetahuan latarbelakang user informasi tersebut dan caramereka menggunakan sistem

12INTERFACE DESAIN

Page 13: Rpl   015 - interface user

Faktor untuk Menyatakan Informasi

• Apakah user tertarik pada informasi yang tepat? Ataupada hubungan antara nilai-nilai data yang berbeda.

• Seberapa cepat nilai-nilai informasi berubah? Apakhpeubahan pada suatu nilai ditunjukkan langsung kepadauser?

• Haruskah user mengambil tindakan sebagai tanggapanterhadap perubahan informasi?

• Apakah user perluh berinteraksi dengan informasi yangditampilkan melalui interface manipulasi langsung?

• Apakah informasi yang akan ditampilkan berbentuktekstual? Atau numerik? Apakah nilai relatif iteminformasi penting?

13INTERFACE DESAIN

Page 14: Rpl   015 - interface user

Perancangan Interface User

Informasi numerik yang berubah secara dinamisbiasanya paling baik dinyatakan secara grafis denganmemiliki reprentasi analog. Display digital yangberubah-ubah secara konstan akan membingunkankarena informasi yang tepat sulit diolah dengan cepat.Display grafis dapat dilengkapi jika perlu digunakandisplay digital yang tepat.

Perancangan interface user harus menyadari setiapkemungkinan visualisasi, terutama ketika interfaceuser sistem harus mempresentasikan entitas fisik.

14INTERFACE DESAIN

Page 15: Rpl   015 - interface user

Visualisasi Data

• Informasi cuaca, yang dikumpulkan sumber, ditunjukkansebagai peta cuaca denga isobar, muka cuaca, dll.

• Status jaringan telepon ditampilkan secara grafis sebagaisuatu set node yang terhubung pada pusat manajemenjaringan.

• Status pabrik kimia divisualisasi dengan menunjukkantekanan dan temperatur dalam bentuk tangki dan pipayang terhubung.

• Model molekul ditampilkan dan dimanipulasi dalam tigadimensi dengan menggunakan sistem virtual reality.

• Satu set web ditampilkan sebagai pohon hiperbolik.

15INTERFACE DESAIN

Page 16: Rpl   015 - interface user

Warna pada Desain Interface

Semua sistem interaktif,selain sistemkhusus dengan layar kecil, mendukungtampilan berwarna dan interfaace usermenggunakan warna dengan cara yangberbeda-beda.

16INTERFACE DESAIN

Page 17: Rpl   015 - interface user

Panduan Penting Penggunaan Warna

Shneiderman (1998) memberikan panduan kunciuntuk pengguna warna yang efektif pada interfaceuser :• Batasi jumlah warna yang digunakan dan gunakan

secara konservatif.• Gunakan perubahan warna untuk menunjukkan

perubahan sutu sitem.• Gunakan pengkodean warna untuk mendukung

pekerjaan yang sedang dilakukan user.• Gunakan kode warna dengan hati-hati dan

konsisten.• Berhati-hatilah dalam membuat pasangan warna.

17INTERFACE DESAIN

Page 18: Rpl   015 - interface user

Pendukung User

Sistem help (bantuan) merupakan satu segi dari bagianumum desain interface user, yaitu penyediaan panduanuser yang mencakup tiga area:

• Message (pesan) yang dihasilkan sebagai responsterhadap aksi user

• Sistem help online• Dokumentasi yang disediakan oleh sistem

erancangan informasi yang berguna dan informatifuntuk user harus dilakukan dengan serius dan harusdikenakan proses kualitas yang sama dngan desain atauprogram

18INTERFACE DESAIN

Page 19: Rpl   015 - interface user

Pesan Eror

Kesan pertama yang mungkin didapat userdari sistem perangkat lunak adalah pesanerror sistem. User yang tidak berpengalamanmungkin memulai pekerjaanya, membuatkesalahan awal , dan langsung harusmemahami pesan error yang didapatnya.

Latar belakang dan pengalaman user harusdiantisipasi ketika merancang pesan error.

19INTERFACE DESAIN

Page 20: Rpl   015 - interface user

Pesan eror berorientasi sistem & user

20INTERFACE DESAIN

Page 21: Rpl   015 - interface user

Perancangan Sistem Help

Sistem help harus menyediakan sejumlah pointentri user yang berbeda. Sistem-sistem ini harusmemungkinkan user memasuki sistem help di puncakherarki pesan dan mencari-cari informasi.

Masalah dalam sistem help dapat timbul ketikauser memasuki jaringan setelah melakukan kesalahandan kemudian menelusuri jaringan. Dalam waktusingakat, meraka dapat tersesat. Mereka harusmeninggalkan sesi ini dan mulai lagi pada suatu titikyang mereka ketahui pada jaringan.

21INTERFACE DESAIN

Page 22: Rpl   015 - interface user

Titik-Titik Entry Untuk Sistem Help

22INTERFACE DESAIN

Page 23: Rpl   015 - interface user

Dokumentasi User

Dokumentasi user tidak harus merupakanbagian dari perancangan interface user, tetapiadalah praktek yang baik untuk merancangdukungan help online dalam hubungannyadengan dokumentasi kertas.

Untuk menampung kelas user yangberbeda-beda dan tingkat keahlian user yangberbeda-beda pula

23INTERFACE DESAIN

Page 24: Rpl   015 - interface user

Macam Dokumen

• Deskripsi fungsional

• Dokumen instalasi

• Manual pendahuluan

• Manual referensi

• Manual administrator

24INTERFACE DESAIN

Page 25: Rpl   015 - interface user

Jenis Dokumen yang dihasilkan

25INTERFACE DESAIN

Page 26: Rpl   015 - interface user

Evaluasi Interface

Evaluasi interface adalah proses menilai kegunaaninterface dan memeriksa apakah persyaratan userterpenuhi. Dengan demikian, evaluasi ini harus merupakanbagian dari proses verifikasi dan validasi normal untuksistem perangkat lunak.

Evaluasi yang sistematis dari desain interface user bisajadi merupakan proses mahal yang melibatkan ilmuwankognitif dan perancang grafis. Evaluasi ini bisa melibatkanperancangan dan cukup banyak eksperimen dengan useryamg tipikal pada laboratorium yang dibangun khusus dandilengkapi dengan peralatan monitoring.

26INTERFACE DESAIN

Page 27: Rpl   015 - interface user

Teknik Evaluasi Interface User

• Kuesioner yang mengumpulkan informasi mengenaiapa pendapat user menganai interface tersebut.

• Observasi user pada saat mereka bekerja dengansistem dan ‘menjelaskan’ bagaimana merekamenggunakan sistem untuk menyelesaikanbeberapa pekerjaan.

• ‘Snapshot’ video dari penggunaan sistem yangtipikal

• Memasukkan dalam kode perangkat lunak,pengumpulan informasi mengenai fasilitas yangpaling sering dipakai dan error yang paling seringterjadi.

27INTERFACE DESAIN

Page 28: Rpl   015 - interface user

Atribut kemampu-labaan

28INTERFACE DESAIN

Page 29: Rpl   015 - interface user

29RPL | PERANCANGAN PERANGKAT LUNAK

REAL-TIME