![Page 1: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/1.jpg)
Desain Umum
Pertemuan 12
![Page 2: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/2.jpg)
•adalah proses me-rancang produk sehingga dapat digunakan oleh orang banyak dalam beberapa situasi yang memungkin-kan.
Definisi Definisi Desain Desain Umum Umum
![Page 3: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/3.jpg)
• Ada 7 prinsip desain umum yang dikemukakan oleh North Carolina State University di Amerika Serikat
1. Penggunaan yang merata2. Penggunaan yang Fleksibel3. Sederhana dan intuitif4. Informasi yang jelas5. Toleransi akan kesalahan6. Meminimalisir gerak tubuh7. Ukuran dan Ruang untuk
pendekatan dan penggunaan
PrinsipPrinsip--Prinsip Prinsip Desain Desain Umum Umum
![Page 4: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/4.jpg)
• Sebuah desain hendaknya memiliki aspek keadilan, seperti nilai jual dan kegunaan suatu sistem serta aspek penggunaan sistem tersebut digunakan oleh semua kalangan dengan berbagai kemampuan yang dimiliki.
• Usahakan adanya kesamaan isi dalam setiap proses/langkah yang ada, bah-kan jika mungkin diusahakan persis atau minimal setara untuk menghilang-kan kesan mendiskriminasikan se-bagian pengguna atau memberi perlakuan khusus.
• Kesetaraan yang dimaksud adalah kesetaraan dalam aspek : kenyaman-an, privasi, dan keamananan.
• Membuat produk yang mempesona bagi semua pengguna.
1.1.PengguPenggu--
naan naan Yang Yang
Merata Merata
![Page 5: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/5.jpg)
• Merupakan desain yang memungkinkan untuk berbagai kemampuan.
• Atau sebuah desain hendaklah dapat digunakan secara fleksibel, dapat mengakomodasi keinginan dan penggunaan masing-masing orang.
• Memberikan panduan bagi pengguna untuk mencapai akurasi dan presisi yang diinginkan
2.2.PengguPenggu--
naan naan Yang Yang
Fleksibel Fleksibel
![Page 6: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/6.jpg)
• Desain dibuat sedemikan rupa agar nantinya sistem dapat dengan mudah digunakan oleh siapa saja. Tidak tergantung pada pengalaman, pengetahuan, kemampuan bahasa dari pengguna.
• Konsisten dengan intuisi atau apa yang diharapkan oleh pengguna di setiap penggunaan sistem
3.3.SederSeder--
hana dan hana dan IntuitifIntuitif
![Page 7: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/7.jpg)
• Berikan informasi yang diperlukan dgn dikemas dengan baik sehingga mudah dicerna dan tidak tergantung oleh kondisi lingkungan pengguna.
• Untuk informasi-informasi yang penting digunakan berbagai alat bantu seperti gambar, teks, verbal, sentuhan.
• Contoh yang paling dekat adalah pada tampilan komputer, misalnya icon mycomputer selain diberikan gambar komputer,dibawahnya cantumkan juga tulisan Mycomputer. Mungkin bagi yang sudah terbiasa akan terasa berlebihan, tapi bagi para pemula yang baru belajar memakai komputer mungkin membantu untuk menghafal bagian yang mana yang harus di klik.
4.4.Informasi Informasi
Yang Yang JelasJelas
![Page 8: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/8.jpg)
• Meminimalisir dampak kerusakan yang disebabkan oleh terjadinya kesalahan yang tidak diharapkan.
• Untuk menanggulanginya sediakan peringatan pada saat terjadi kesalahan serta menyediakan fasilitas bebas kesalahan seperti model fail safe di windows atau dengan cara menambahkan feature lainnya.
5.5.Toleransi Toleransi
Akan Akan KesalahKesalah--
anan
![Page 9: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/9.jpg)
• Sistem harus didesain agar nyaman untuk digunakan.
• Diusahakan agar tidak menuntut pengeluaran energi yang berlebih, mengurangi proses pengulangan, dan meminimalisir penahanan posisi tubuh tertentu dalam waktu yang berkepanjangan.
6.6.MeminiMemini--malisir malisir Gerak Gerak TubuhTubuh
![Page 10: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/10.jpg)
• Penempatan sistem harus dapat mencapai dan digunakan oleh setiap pengguna tanpa memperhitungkan ukuran tubuh, postur atau mobilitas,sehingga pengguna merasa tidak terlalu dibatasi ruang geraknya baik itu menyentuh ,menjangkau,mendekati atau saat hendak berpindah tempat.
7.7.Ukuran & Ukuran &
Ruang Ruang Untuk Untuk
PendekatPendekat--an dan an dan
PenggunaPenggunaanan
![Page 11: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/11.jpg)
• Manusia memiliki kemampuan berbicara yang besar dan hal itu terjadi secara alami
• Membuatnya sulit, tetapi merupakan media komunikasi yang paling mudah
KemamKemam--puan puan BerbiBerbi--cara cara
(Speech)(Speech)
![Page 12: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/12.jpg)
• Setiap orang berbicara berbeda• Sintaks dari semantik kalimat-kalimat
yang sama dapat berbeda• Suara latar dapat mengganggu• Orang sering mengucapkan kata
"mmm ....." dan "errr .....“• Membutuhkan kecerdasan untuk
Memahami sebuah kalimat
MasalahMasalah--Masalah Masalah (Speech)(Speech)
![Page 13: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/13.jpg)
• Gangguan penglihatan ada dua pendekatan utama untuk mem-perluas akses : –penggunaan suara –penggunaan sentuhan.
• Gangguan pendengaran • Gangguan fisik
Autis
MerancaMerancang Untuk ng Untuk
PengPeng--guna guna Yang Yang
Memiliki Memiliki KeterKeter--
batasanbatasan
![Page 14: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/14.jpg)
•Dibedakan menjadi dua kelompok umurOrang tuaAnak-anak
MerancaMerancang Untuk ng Untuk Berbagai Berbagai KelomKelom--
pok pok UmurUmur
![Page 15: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/15.jpg)
• Perbedaan budaya sering disamakan dengan perbedaan-perbedaan nasional
• Faktor-faktor yang harus dipertimbangkan dalam merancang desain universal berdasarkan perbedaan budaya :–Bahasa–Simbol-simbol budaya–Perilaku–Penggunaan warna
MerancaMerancang Untuk ng Untuk PerbedaPerbeda--
an an BudayaBudaya
![Page 16: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/16.jpg)
• Sistem multi modal–Menggunakan lebih dari satu
arti (atau mode) interaksi –Misalnya Indra penglihatan
dan pendengaran :Suatu teks dapat terdengarsuaranya dan teksnya dapatterlihat di monitor
Multi Multi Modal Modal
vsvsMulti Multi MediaMedia
![Page 17: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/17.jpg)
• Sistem multimedia–Menggunakan Beberapa media
yang berbeda untuk mengkomunikasikan informasi
–Misalnya :Sistem pengajaran berbasiskomputer dengan mengguna-kan video animasi, teks dangambar diam.
Multi Multi Modal Modal
vsvsMulti Multi MediaMedia
![Page 18: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/18.jpg)
1. Visual : Didalam komputerisasi penglihatan(visual) merupakan sensor yang paling utama digunakan dalam komunikasi.
2. Suara (sound) Digunakan terbatas pada beberapa interface misal,suara “beep” digunakan sebagai “warning”.
3. Pendengaran (hearing) Digunakan dalam kehidupan sehari-hari sehingga perluasan aplikasi ke interface yang dapat bermanfaat.
4. Rasa (taste) Merupakan sensor yang paling sedikit digunakan, sensor ini lebih digunakan sebagai penerima informasi dari pada untuk komunikasi. Karena hanya ada sedikit cara mengimplementasikan device yang dapat me-generate taste dan smel, maka sensor ini tidak dikembangkan.
5. Bau (smell) Seperti rasa(taste) sensor ini lebih digunakan sebagai penerima informasi dari pada untuk komunikasi.
Sensor Sensor Input Input terdiri terdiri dari :dari :
![Page 19: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/19.jpg)
• Pada perusahan SharedARK(Shared Alternate Realtity Kit), sound digunakan dalam 3 hal:– Confirmation of actions
Suara penegas ( Confirmatory sound ) menyediakan informasi yang redudan yang akan meningkatkan feedback
– Status information, ada dalam 2 level yaitu :Global Sound : merepresentasikan state keseluruhan sistem dan dapat didengar dari mana sajaLocal Sound : spesifik untuk eksperimen khusus dan berubah saat user merubah dari satu eksperimen ke eksperimen yang lain
– Aids to navigationNavigation information diletakan di mana saja di sistem dan akan semakin keras jika user bergerak mendekat,dan volumenya akan pelan ketika user menjauh.
SharedShared--ARK and ARK and ARKolaARKola
![Page 20: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/20.jpg)
• Earcons menggunakan kombinasi terstruktur dari not/nada yang disebut motif, untuk merepresentasikan aksi dan obyek.
• Ada 2 tipe kombinasi earcons :1. Compund earcons
menggabungkan motive yang berbeda untuk membuat sebuah aksi yang spesifik.Contoh : mengkombinasikan motives “create” dan “file”
2. Family earcons menampilkan compund earcon yang setipe.Contoh : operating system error dan syntax error berada dalam “error” family.
• Dengan cara ini earcon dapat dibuat tersturktur secara hirarki, untuk merepresentasikan menu, Earcon dengan mudah dapat dikelompokan dan diperbaiki sesuai dengan komposisi dan hirarkinya.
• Earcon sulit untuk dihubungkan dengan tugas yang spesifik di dalam interface karena ada mapping yang tidak berarturan.
EarconsEarcons
![Page 21: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/21.jpg)
• Seperti speech, tulisan tangan merupakan bentuk alami dari komunikasi.
• Tulisan tangan menawarkan input tekstual dan input grafik dengan menggunakan alat yang sama.
• Technology for handwriting recognition yang digunakan adalah digitizing tablet.
• Coretan yang dibuat dengan pena akan di transforamsikan ke dalam deretan koordinat, kira-kira dalam 1/50 detik.
• Gerakan-gerakan yang cepat akan menghasilkan titik-titik yang lebih jarang dibandingkan dengan gerakan-gerakan lambat.
PengenalPengenalan an
Tulisan Tulisan TanganTangan
![Page 22: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/22.jpg)
• adalah komponen IMK yang menjadi pusat perhatian dalam Multi-modal system.
• Dengan beberapa gerakan untuk mengontrol komputer, merupakan suatu keuntungan pada situasi dimana tidak ada kemungkinan untuk melakukan pengetikan atau ketika panca indera lainnya tidak bisa digunakan.
Pengenal Pengenal an Gerakan Gerak
![Page 23: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/23.jpg)
• Soundtrack adalah suatu word-processor dengan sebuah auditory interface, yang didisain untuk user yang bermasalah dengan alat visualnya.
• Item visual di layar memberikan analogi auditory.
• Dibuat dari tone dengan menggunakan speech synthesizer.
SoundSound--tracktrack
![Page 24: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/24.jpg)
• Cara memasukan text ke dalam soundtrack adalah dengan cara menyebutkan kata-kata atau karakternya.
• User menghitung tone-tone yang berbeda untuk mengetahui lokasi/posisinya di layar.
• Soundtrack meyediakan auditory solution untuk menampilkan word-processor secara visual,walaupun hasilnya tidak semuanya dapat divisualisasikan di interface.
SoundSound--tracktrack
![Page 25: IMK-12 - Desain Umum - · PDF fileSederhana dan intuitif 4. ... mendekat,dan volumenya akan pelan ketika user menjauh. Shared- ... not/nada yang disebut motif, untuk merepresentasikan](https://reader030.vdocuments.mx/reader030/viewer/2022021421/5a8de6217f8b9afe568cc46a/html5/thumbnails/25.jpg)
Pertanyaan:
• jelaskan dan beri contoh sistem multimedia• Apakah pengamatan WEB Anda menggunakan multimedia,
apabila ya, maka sebutkan di page mana dan apa ?• Ada 2 tipe kombinasi earcons, yaitu compound dan family,
cari gambar, jenis dan fungsi dari earcons tersebut