Rpl 015 - interface user
-
Upload
febriyani-syafri -
Category
Documents
-
view
2.134 -
download
1
description
Transcript of Rpl 015 - interface user
![Page 1: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/1.jpg)
![Page 2: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/3.jpg)
Prinsip Interface User
Perancangan interface user yang baik bersifat kritis bagi keberhasilan suatu sistem.
3INTERFACE DESAIN
![Page 4: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/4.jpg)
TOPIK
• Prinsip-Prinsip Perancangan Interface User
• Interaksi user
• Presentasi Informasi
• Pendukung User
• Evaluasi Interface
4INTERFACE DESAIN
![Page 5: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/6.jpg)
Proses Perancangan Interface User
6INTERFACE DESAIN
![Page 7: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/8.jpg)
Interaksi User
Interaksi user berarti dimasukkannyacommand dan data yangberhubungan ke sistem komputer.
8INTERFACE DESAIN
![Page 9: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/10.jpg)
Gaya Interaksi
10INTERFACE DESAIN
![Page 11: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/11.jpg)
Interface User Multiple
11INTERFACE DESAIN
![Page 12: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/20.jpg)
Pesan eror berorientasi sistem & user
20INTERFACE DESAIN
![Page 21: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/22.jpg)
Titik-Titik Entry Untuk Sistem Help
22INTERFACE DESAIN
![Page 23: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/24.jpg)
Macam Dokumen
• Deskripsi fungsional
• Dokumen instalasi
• Manual pendahuluan
• Manual referensi
• Manual administrator
24INTERFACE DESAIN
![Page 25: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/25.jpg)
Jenis Dokumen yang dihasilkan
25INTERFACE DESAIN
![Page 26: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/28.jpg)
Atribut kemampu-labaan
28INTERFACE DESAIN
![Page 29: Rpl 015 - interface user](https://reader034.fdocuments.net/reader034/viewer/2022042513/5492c0fbac7959342e8b46ba/html5/thumbnails/29.jpg)
29RPL | PERANCANGAN PERANGKAT LUNAK
REAL-TIME