User Centered Design (Perancangan Berbasis Pengguna) Pertemuan Ke -7 www.rahmadani.net
Pahami!!
Program Aplikasi terdiri dari 2 Kelompok besar; 1. General Purpose Software 2. Special Purpose Software
www.rahmadani.net
Bedanya??
Perbedaan utama Calon Pengguna (User) -------------------------Pendekatannya User Centered Design
www.rahmadani.net
User Centered Design User Centered Design adalah Sebuah metode atau cara pendekatan pembuatan perancangan antarmuka yang melibatkan dan fokus pengguna.
Umumnya Perancangan Ada 7 tahapan utama dalam proses perancangan: • Perencanaan (planning) • Analisa • Desain • Pengembangan • Pengujian • Implementasi • Pengoperasian dan Pemeliharaan Detailnya lihat disini : http://rahmadani.net/7-seven-langkah-membangun-sistem/ www.rahmadani.net
RPL Waterfall
www.rahmadani.net
Ada Kelemahan??
www.rahmadani.net
Ada Kelemahan?? • Desain UI(User Interface) beresiko tinggi. • Pengguna tidak dilibatkan dalam validasi hingga acceptance testing. • Kekurangan pada UI sering menyebabkan perubahan requirements dan design.
www.rahmadani.net
Ilustrasi : nyankod team
www.rahmadani.net
Ilustrasi : nyankod team
www.rahmadani.net
Jadi gimana donk biar gak Galau lagi..!!
www.rahmadani.net
Ingat Kembali Iterative Design.. 1. Proses Iterasi awal menggunakan prototipe murah. 2. Mengeksplorasi beberapa alternatif desain, Iterasi selanjutnya menggunakan implementasi yang lebih rumit. 3. Setelah masalah-masalah ditemukan, dilakukan iterasi awal kemudian diperbaiki. 4. Semakin banyak iterasi, biasanya menghasilkan UI yang semakin baik www.rahmadani.net
Implementasi ke UCD 1. Iterative design 2. Fokus awal pada user (pengguna) dan tasks (tugas yang harus dilakukan user) √ analisis user: siapa user-nya? √ analisis task: apa yang harus mereka lakukan? melibatkan user sebagai evaluator, konsultan, dan kadang juga desainer.
3. Evaluasi terus-menerus. √ User dilibatkan dalam setiap iterasi. √ Setiap prototipe dievaluasi. www.rahmadani.net
Cara Mengenali User Identifikasikan karakteristik populasi user yang menjadi target: – – – – – – – – –
Umur, gender, etnis Pendidikan Kemampuan fisik Pengalaman menggunakan komputer Ketrampilan (mengetik? membaca?) Pengalaman domain aplikasi Pengalaman menggunakan aplikasi komputer Lingkungan kerja dan konteks sosial lainnya Pola komunikasi dan hubungan kerja www.rahmadani.net
Kelompok User Banyak aplikasi atau sistem digunakan oleh beberapa kelompok user; – – – – – –
Dosen Mahasiswa Karyawan Penjual Ibu-ibu dll
Harus dilakukan analisis user untuk setiap kelompok. www.rahmadani.net
Cara Melakukan Analisis User Teknik yang umum dapat digunakan: • Questionnaires • Interview • Observasi Kendala yang mungkin dihadapi (konteks:IT office) • Tim pengembang perangkat lunak dan user terisolasi satu sama lain • User biasanya hanya berhubungan dengan technical support atau marketing. www.rahmadani.net
Contoh Singkat; Judul : “No Kasir Cepat dan Lebih Nyaman belanja di Supermarket” Pertanyaan; 1.Buat User Anaysis dan Task Analisisnya.. 2.Kira-kira seperti apa bentuk (deskripsi) sistem perangkat yang akan dihasilkan www.rahmadani.net
User Analisisnya.. • Siapakah user-nya? – Orang yang berbelanja kebutuhan sehari-hari – Jangkauan umur (10 - 80 tahun) dan kemampuan fisik (tinggi, mobilitas, kekuatan) – Tidak berpengalaman menggunakan komputer – Tidak ada pelatihan sebelum menggunakan sistem – Memiliki pengetahuan tentang makanan, namun tidak memiliki pengetahuan tentang teknik inventori supermarket. • Kelompok user utama – Belanja kebutuhan sehari-hari seringkali dilakukan oleh wanita, seringkali dengan membawa anak kecil – Petugas supermarket yang membantu pengunjung www.rahmadani.net
Task Analisisnya.. Tasks: 1. Input barang ke register 2. Masukkan barang ke keranjang 3. Bayar
Deskripsi hasil; Pembeli membayar barang belanjaan sendiri, ditempat pembayaran barang tanpa kasir dan bisa langsung pulang. www.rahmadani.net
Tips Melakukan Analisis User & Task 1. 2. 3. 4. 5. 6. 7. 8.
Untuk mencari tujuan: Mengapa anda melakukan ini? Untuk cari subtasks: Bagaimana anda melakukan ini? Cari kelemahan dari kondisi yang ada saat ini Tujuan yang tidak tercapai, waktu terbuang sia- sia, user merasa terganggu Mengamati user melakukan pekerjaan mereka di lingkungan kerja yang sebenarnya. Usahakan se-konkrit mungkin. Bangun hubungan master-apprentice (user menjadi atasan, pewawancara menjadi pegawai magang) User menunjukkan bagaimana cara melakukannya dan membicarakannya, pewawancara melihat dan bertanya www.rahmadani.net
User Analisis dalam UCD? Misalnya UCD dari sebuah produk mencari jawaban atas pertanyaan berikut; 1. 2. 3. 4. 5. 6.
Siapa pengguna dari sistem yang akan dibuat? Bagaimana lingkungan pengguna bekerja? Apa saja masalah dan batasan dari pengguna? Apa tugas dan tujuan (goal) dari pengguna? Fungsi apa yang dibutuhkan pengguna dari produk? Keluaran informasi apa yang dibutuhkan oleh pengguna dan dalam bentuk apa? 7. Bagaimana seharusnya sistem bekerja? 8. Bagimana tingkat pengalaman pengguna terhadap produk, apakah menyukainya? www.rahmadani.net
User Experience www.rahmadani.net
Apa User Experience? pengalaman (experience) pengguna (user) dalam menggunakan sebuah produk atau sistem aplikasi (yang biasanya sebuah produk digital seperti website, software, mobile apps, dsb)
www.rahmadani.net
www.rahmadani.net
Model UX sangatlah bermacam-macam dan tidak ada yang baku, seperti rumus e=mc squared nya Einstein.
www.rahmadani.net
UCD UX?? 1. Mencari tahu siapa pengguna sebenarnya dan apa saja tugas utama (task) mereka 2. Iterasi dalam Desain & Riset 3. Verifikasi
www.rahmadani.net
Kesimpulan Konsep perancangan dalam membangun sistem yang baik adalah bergantung pada pendekatannya (user centered designed). Makin baik pendekatannya maka akan baik pula hasil yang didapatkan sehingga akan menghasilkan sistem yang benar-benar sesuai dengan kebutuhan penggunanya dan menghasilkan User Experience yang baik pula. www.rahmadani.net
www.rahmadani.net
LATIHAN; KRS Online Requirement; 1. Tidak perlu antri di bagian Akademik untuk ambil blanko KRS 2. Mahasiswa bisa mendaftar dan mendapatkan account resmi dari sistem 3. Admin approve hasil register mahasiswa dan memvalidasi syarat yg sudah ditentukan; misal bayar uang kuliah dll. 4. Mahasiswa bisa membuat KRS, melihat jadwal, melihat Nilai dan Mencetak KRS atau KHS secara online 5. Admin membuat laporan www.rahmadani.net
Pertanyaan; 1. Bagaimana User dan Task Analysisnya? 2. Gambarkan hasil dari requirement tadi dengan notasi dialog yang Anda Ketahui? 3. Buat Gambaran (deskripsi) Hasil?
General Purpose Software. 2. Special Purpose Software ... Part7 - User Centered Design.pdf. Part7 - User Centered Design.pdf. Open. Extract. Open with.
1 The Task-Centered Design Process. 1. 1.1 Figure Out .... 5.4 Deciding What Data to Collect . ..... logical order the steps needed to design a good user interface. Chapter 1 ..... cycle, the interface can't be produced or analyzed at one point.
Web servers register important data about the usage of a website. This in- formation generally ... Our model also generates a visualization of the site's content ...
Internal queries: These are queries submitted to a website's internal search box. Additionally, external queries that are specified by users for a partic- ular site, will be considered as internal queries for that site. For example,. Google.com queri
Development. 1 A. Vidhyavani, 2 Ms.A.K.Ilavarasi. 1 ME-Software Engineering, Computer Science, Anna University, Sona College of Technology, Salem, India.
1 ME-Software Engineering, Computer Science, Anna University, Sona College of ... the developed needs to understand the user goals by analyzing the survey.
For collaboration to take place on a computer screen, we should have a task to be ... 3.3 Three user but only single mouse allotted for them to share ..... âRegulation in groupware: The example of a collaborative drawing tool for young ... âOnlin
... the apps below to open or edit this item. pdf-1326\user-centered-information-design-for-improv ... -house-computer-science-library-by-pradeep-henry.pdf.
of leadership is a critical element in helping these systems break the cycle of ... organization, finance) work in the service of a more robust core technology and ...
liability. Page 2 of 2. Mellon_Community-Centered Research Initiative.pdf. Mellon_Community-Centered Research Initiative.pdf. Open. Extract. Open with.