Perancangan Antarmuka Bagian II Mendefinisikan User Task User
Perancangan Antarmuka Bagian II: Mendefinisikan User Task, User Object, dan Style Guide Interaksi Manusia Komputer [IF 6222502] Tim Dosen: Fahrudin Mukti Wibowo, S. Kom. , M. Eng* Yudha Saintika, S. T. , M. T. I Dwi Januarita AK, S. T. , M. Kom * Koordinator MK
Tujuan • Mengetahui tahapan-tahapan dalam perancangan antarmuka, khususnya tahap user task, user objects, dan style guide. • Memahami tujuan (task goal) yang akan dicapai pengguna, apa yang dilakukan oleh pengguna
Review þProses Perancangan Antarmuka Requirements Analysis Define users and Usability Requirements User Classes System Analysis Define User Tasks Usability requirements Model User Object Define Style Guide Design UI Prototype UI Evaluate UI System Design Implementation & testing UI design
Siapa USER itu? • Individual • Group • Operator • Administrator
Task Analysis adalah alat bantu yang amat berguna dalam proses awal desain interface dalam interaksi manusia dan komputer. Task Analysis berguna untuk: • Menyediakan informasi yang berguna dalam pengambilan keputusan desain. • Sebagai dasar untuk mengevaluasi desain dari sistem.
Mengapa mempelajari task analysis? Designer memiliki asumsi yg salah terhadap user dan interface • Semua user adalah sama • Semua user sama dengan saya • Karakteristik user tdk pengaruh dgn product • Saya dapat mendesain interface yg baik tanpa perlu memahami user
Informasi yang didapat melalui task analysis • Tujuan-tujuan user dalam melakukan task/tugas • Pola/bentuk work flow • Hubungan timbal balik antara object & tugas • Menggunakan system/aplikasi lain • Karakteristik user
Task Analysis Methods: Data Gathering • Banyak metode task analysis • Tidak ada yg 100% memuaskan • metode umum – Questionnaires and Interviews – Observational studies – Experimental data collection – Unstructured user input
Metode Task Analysis • • • Task decomposition: suatu task dipecah menjadi sub-task yang berurutan Knowledge based techniques: menekankan pengetahuan dari user tentang objek dan aksi yang dibutuhkan dalam task tersebut Entity-relation based analysis: berdasarkan objek, penekanan pada identifikasi dari entity, relationship dan kegunaannya
Task Decomposition • Proses dekomposisi (pemecahan suatu task menjadi beberapa sub-task) ini sering juga disebut sebagai Hierarchical Task Analysis (HTA). • Hasil output dari HTA ini adalah suatu hierarki dari task dan sub-task dan juga suatu rancangan urutan (plan) dan syarat dari sub-task tersebut.
Hierarchical Task Analysis Save a file Select File, Save As Choose where to save to Enter file name Select OK
Knowledge Based Analysis dimulai dengan mengidentifikasikan semua objek dan aksi yang terlibat dalam task, dan kemudian mengembangkan suatu taxonomi dari semuanya. Hal ini mirip dengan taxonomi dari cabang ilmu biologi (klasifikasi hewan/tumbuhan).
Entity-relation based analysis • Often list attributes, actions of objects Object: pen simple Attribute: color: red writing: on/off Object: Mary actor Actions: M 1: make a sketch M 2: organize meeting
Bagian-Bagian dalam User Task þDefine User Task àbagian-bagian
Bagian-Bagian dalam User Task þDefine User Task àbagian-bagian Äbusiness process » proses-proses bisnis yang terjadi di dalam perusahaan yang terkait dengan sistem perusahaan » contoh: ðpenanganan order, reservasi kamar di hotel, penanganan transfer uang di bank
Bagian-Bagian dalam User Task þ Define User Task àbagian-bagian Ätask models » task/tugas adalah aktivitas manusia untuk mencapai suatu tujuan, yang dapat digambarkan dengan langkah yang jelas dan dapat diturunkan menjadi beberapa level subtask Äcontoh: » melayani transfer uang, melayani pemesanan tiket, dll Äbeberapa pertimbangan: » » » siapa yang akan melakukan frekuensi melakukan tugas waktu yang dibutuhkan untuk melakukan tugas kekangan (constrain) dalam mengerjakan tugas frekuensi error yang mungkin timbul
Bagian-Bagian dalam User Task þDefine User Task àbagian-bagian Ätask scenario » urutan langkah-langkah pengerjaan tugas Äcontoh: » skenario melayani pemesanan tiket kerta api ðpilih jenis kereta ðpilih kelas ðpilih tanggal ðpilih nomor bangku ðdst
Langkah Pendefinisian User Task þDefine User Task àlangkah-langkah Äidentifikasi tugas-tugas Äpilih skenario tugas Ägambarkan model tugas Äidentifikasi sub-sub tugas yang membutuhkan interaksi dengan komputer
Contoh Studi Kasus þDefine User Task àcase study – SI Perpustakaan IT Telkom Ätugas-tugas yang ada » mencari informasi pustaka (dapat dilakukan dengan mencari berdasarkan salah satu atau beberapa kriteria sekaligus yaitu judul, jenis pustaka, pengarang, penerbit, dan tahun terbit) » melayani sirkulasi (peminjaman dan pengembalian) pustaka oleh anggota perpustakaan » memanipulasi data pustaka (menambah data pustaka baru, menghapus data pustaka yang sudah tidak terpakai, dan menyunting data pustaka)
Contoh Studi Kasus þDefine User Task àcase study – SI Perpustakaan IT Telkom Äskenario tugas » mencari informasi pustaka ðmenentukan kriteria pencarian ðmengisikan data pencarian ðproses pencarian » pelayanan sirkulasi pustaka ðtentukan proses mana yang akan dilakukan yaitu peminjaman atau pengembalian pustaka
Contoh Studi Kasus þDefine User Task àcase study – SI Perpustakaan IT Telkom Äskenario tugas » mencari informasi pustaka ðmenentukan kriteria pencarian ðmengisikan data pencarian ðproses pencarian » pelayanan sirkulasi pustaka ðtentukan proses mana yang akan dilakukan yaitu peminjaman atau pengembalian pustaka
Contoh Studi Kasus þ Define User Task àcase study – SI Perpustakaan IT Telkom Ä skenario tugas » manipulasi data pustaka ð tentukan proses mana yang akan dilakukan yaitu penambahan, penghapusan atau penyuntingan data pustaka » penambahan data pustaka ð menambahkan rekaman baru ð mengisikan judul pustaka ð mengisikan jenis pustaka ð mengisikan pengarang ð mengisikan penerbit ð mengisikan tahun terbit ð mengisikan jumlah eksemplar ð mengisikan status keberadaan masing-masing eksemplar ð proses penambahan data baru
Contoh Studi Kasus þDefine User Task àcase study – SI Perpustakaan IT Telkom Äskenario tugas » penghapusan data pustaka ðmenentukan record data pustaka yang mau dihapus ðproses penghapusan data pustaka. » penyuntingan data pustaka ðmenentukan rekaman yang akan disunting ðsuntinglah field mana yang perlu disunting ðproses penyuntingan data
Contoh Studi Kasus þDefine User Task àcase study – SI Perpustakaan IT Telkom Ädiagram dekomposisi tugas Mencari Informasi Pustaka
Contoh Studi Kasus þDefine User Task àcase study – SI Perpustakaan IT Telkom Ädiagram dekomposisi tugas Proses Sirkulasi 2. 1. Peminjaman Pustaka 2. 2. Pengembalian Pustaka
Contoh Studi Kasus þDefine User Task àcase study – Template SI Perpustakaan IT Telkom Ädiagram dekomposisi tugas Manipulasi Data Pustaka 3. 1. Penambahan Data Pustaka 3. 2. Penghapusan Data Pustaka 3. 3. Penyuntingan Data Pustaka
User Object þModel User Object àtujuan Ämemahami dan menentukan konsep pengguna atas sebuah obyek di dalam sistem (mental model) Ämenentukan perilaku objek-objek dalam sistem, dan aksi yang dapat dilakukan oleh pengguna terhadap objek-objek tersebut
User Object þModel User Object àbagian-bagian
User Object þModel User Object àbagian-bagian Äuser object model » model objek yang berinteraksi dengan manusia » beberapa pertimbangan: ðobjek tersebut termasuk jenis objek apa ? ðinformasi apa yang dapat diperoleh pengguna dari objek tersebut ? ðaksi apa yang dapat dilakukan pengguna terhadap objek tersebut ? ðbagaimana hubungan (relasi) antar objek ? ðapakah objek memiliki sub-objek, dengan atribut tambahan atau khusus ?
User Object þModel User Object àbagian-bagian Äuser object model » jenis user object ðobjek sistem bisnis (misalnya : pelanggan, faktur) ðobjek atau piranti sistem komputer (misalnya : printer) ðkontainer (misalnya : daftar direktori, folder) » karakteristik user object ðberisi user object lainnya ðberelasi dengan user object lainnya ðmemiliki atribut ðdikenai aksi oleh pengguna
User Object þModel User Object àbagian-bagian Äuser object model » user object action ðaksi yang dapat dilakukan pengguna atas sebuah objek seperti dalam dunia nyata, misalnya membuat, mengkopi, menghapus berkas » user object subtype ðobjek yang mewarisi sifat-sifat turunan dari objek induknya ðdapat memiliki atribut, aksi, dan relasi yang sama dengan objek induk, dan (opsional) atribut, aksi, dan relasi khusus tambahan
User Object þModel User Object àbagian-bagian Äuser object model » notasi
User Object þModel User Object àbagian-bagian Äuser object model » notasi
User Object þModel User Object àbagian-bagian Äglossary » daftar alfabetis yang digunakan oleh pengguna untuk menjelaskan keadaan atau perilaku objek sistem » termasuk nama objek, atribut, aksi, relasi, dan lain
User Object þ Model User Object àlangkah-langkah Ä mengenali macam-macam model yang akan digunakan » model untuk administrator atau model untuk operator Ä mengidentifikasi objek » identifikasi objek dari pengguna ð objek apa yang akan dibuat, dihapus, diperbaharui, dll ð objek apa yang akan digunakan di dalam tugas-tugas, misalnya objek mana yang akan digunakan sebagai kontainer, tool, masukan, sumber referensi, dll ð objek tambahan apa yang berguna di dalam sistem ? » identifikasi objek dari model tugas ð objek apa yang akan dibuat dan diperbaharui oleh model tugas? ð objek apa yang diacu untuk mengerjakan tugas ?
User Object þModel User Object àlangkah-langkah Ämembuat diagram user object model » menggunakan notasi-notasi standar Ämendefinisikan atribut-atribut object user » melengkapi diagram object user Ämendefinisikan aksi terhadap object user » buat matriks aksi Äperiksa perilaku sistem untuk keadaan dinamis » memeriksa kemungkinan aksi memberikan hasil yang invalid / tidak sah Äperiksa kelengkapan glossary
Style Guide þDefine Style Guide àtujuan Ämenentukan standar corak/style dari user interface Ämemilih corak/style yang meningkatkan usability secara tepat bagi pengguna dan tugasnya
þDefine Style Guide àhasil Äapplication style guide » dokumentasi mengenai standar corak/style dari sebuah aplikasi Äcorporate style guide » dokumentasi mengenai standar corak/style dari sebuah perusahaan untuk setiap aplikasi yang dikembangkan
Contoh Corporate Guidelines
þ Define Style Guide àhasil Ä application style guide » dokumentasi mengenai standar corak/style dari sebuah aplikasi ð design principles (e. g. eight golden rules of dialog design) ð standards for window interaction (opening, closing, navigation), layout and window hierarchy diagram ð standards for menus and push buttons (e. g. naming, appearance, sequence, behavior) ð standards for use of keyboard keys, graphics, tables and diagrams ð dll » corporate style guide ð application style guide untuk level corporate
Contoh Style Guide
Contoh Lain Application Style Guide
Tugas Besar_Tahap II àKerjakan secara berkelompok sesuai dengan kelompok yang sudah dibentuk sebelumnya. àLanjutkan Laporan Kelompok kalian dengan mendefinisikan user task dan style guide dari sistem informasi/aplikasi yang diusulkan! ÄIdentifikasi tugas-tugas ÄGambarkan skenario masing-masing tugas dalam diagram dekomposisi tugas ÄDefinisikan style guide: ðdesign principles (e. g. eight golden rules of dialog design) ðstandards for window interaction (opening, closing, navigation), layout and window hierarchy diagram ðstandards for menus and push buttons (e. g. naming, appearance, sequence, behavior) ðstandards for use of keyboard keys, graphics, tables and diagrams
Referensi • Buku – Dix, Alan; Finlay, Janet; Abowd, Gregory; Beale, Russell; 1998; Human-Computer Interaction; Prentice Hall – Preece, Jenny; Rogers, Yvonne; Sharp, Helen; Benyon, David; Holland, Simon; Carey, Tom; 1998; Human-Computer Interaction; Addison Wesley
- Slides: 45