Pesan Sistem, Perancangan Layar dan Warna

Slides:



Advertisements
Presentasi serupa
Melakukan Entry Data dengan OCR (Optical Character Recognition)
Advertisements

Waktu Respons dan Kecepatan Tampil
Menu dan Formulir Materi Pertemuan Ke-3.
PERANCANGAN ANTARMUKA - 2
Manual Tercetak, Petunjuk Online dan Tutorial
Perancangan Sistem Ana Kurniawati.
Gaya Interaksi Interaksi Manusia dan Komputer Sesi 9.
MENGOPERASIKAN APLIKASI PRESENTASI
Pesan Sistem, Perancangan Layar, dan Warna
Apa itu HTML ? Perangkat lunak yang digunakan untuk membuat atau mengetikkan kode file HTML Perangkat lunak yang digunakan untuk menjalankan atau menampilkan.
Perancangan Tampilan.
Pertemuan 5 Manipulasi langsung.
Interaksi Manusia dan Komputer
Pemilihan Menu dan Pengisian Formulir
Pesan Sistem, Perancangan Layar dan Warna
Pesan Sistem, Perancangan Layar dan Warna
Analisa & Perancangan Sistem Informasi
Desain permodelan grafis
Pertemuan 5 Manipulasi langsung.
Teori, Prinsip, dan Pedoman
Menu dan Formulir.
Teori , Prinsip, dan Pedoman
Memahami Faktor manusia yang berhubungan dengan IMK
Usability: Disain Web yang Brilian
Pertemuan 3 Menu dan Formulir
Gaya Interaksi.
Materi Pertemuan 5 Manipulasi langsung. Perasaan positif yang timbul pada user yg puas dengan sistem interaktif :  Penguasaan atas sistem  Kompetensi.
Presentasi dan properti leksikal
Pertemuan <<3>> MENU, FORMULIR, DAN KOTAK DIALOG
1 Pertemuan > GAYA INTERAKSI Matakuliah: M0044/Interaksi Manusia dan Komputer Tahun: 2005 Versi: 2 / 2.
Sumber Slide : Inayatullah,M.Si
komponen antarmuka pengguna
Interaksi Manusia dan Komputer
Interaksi manusia dan komputer
Presentasi dan properti leksikal MODEL PENGGUNA KOGNITIF
Menu, Form, dan Kotak Dialog
Desain & Analisis Dialog
Latihan Ujian UTS dan UAS
Menu, Formulir, dan Kotak Dialog
IMK: PENANGANAN KESALAHAN
Menu, Form, dan Kotak Dialog
Presentasi dan properti leksikal
Menu dan Formulir Materi Pertemuan Ke-3.
PEMILIHAN MENU DAN PENGISIAN FORMULIR
Pramita Firnanda 2 D3 Teknik Informatika A
Anna Dara Andriana S.Kom.,M.Kom
WAY FINDING dan MANAJEMEN RUANG.
PERANCANGAN ANTARMUKA/TAMPILAN
Pesan kesalahan dan Presentasi
Menu, Form, dan Kotak Dialog
Perancangan Multimedia Bertalya
Presentasi dan properti leksikal MODEL PENGGUNA KOGNITIF
Menyeimbangkan fungsi dan estetika Pertemuan 9
Presentasi dan properti leksikal
Menu, Formulir, dan Kotak Dialog
Gaya Interaksi.
DESAIN GRAFIS IMK 2015 Laseri, S.Kom.
Presentasi dan properti leksikal
Menu dan Formulir Materi Pertemuan Ke-3.
Menu, Formulir, dan Kotak Dialog
Komputer 3 Dian C. Rini N, M.Kom
Menu, Formulir, dan Kotak Dialog
Gaya Interaksi.
Presentasi dan properti leksikal
MUHAMAD HENRICK CAHYANTO, ST SMAN 11 BANDUNG
MUHAMAD HENRICK CAHYANTO, ST SMAN 11 BANDUNG
Presentasi dan properti leksikal
This presentation uses a free template provided by FPPT.com Application of Anthropomorphism to Interaction Design.
Presentasi (pesan kesalahan) dan properti leksikal
PENGOLAHAN DAN PENYAJIAN DATA
Transcript presentasi:

Pesan Sistem, Perancangan Layar dan Warna Pertemuan 8

1. Pesan Kesalahan Ketertentuan (Specify) Lima dasar untuk mempersiapkan pesan sistem yang baik : Ketertentuan (Specify) Pesan yang terlalu umum mempersulit pemula untuk mengetahui apa yang salah Pesan yang tampak memarahi membuat frustasi karena tidak menyediakan informasi tentang apa yang keliru atau bagaimana cara memperbaikinya. Buruk : SYNTAX ERROR ILLEGAL ENTRY INVALID DATA BAD FILE NAME

Panduan konstruktif dan nada positif Daripada memarahi pemakai, jika mungkin pesan harus menunjukkan apa yang harus dilakukan pemakai untuk memperbaiki keadaan - Pesan yang bermusuhan menggunakan istilah yang kejam dapat mengganggu pemakai nonteknis, misal FATAL ERROR - Hindari kata-kata negatif seperti : ILLEGAL, ERROR, INVALID, BAD Buruk : DISASTROUS STRING OVERFLOW, JOB ABONDONED Baik : String space consummed. Revise program to use shorter strings or expand string space Buruk : UNDEFINED LABELS Baik : Define statement labels before use Buruk : ILLEGAL STA. WRN. Baik : RETURN statement cannot be used in a FUNCTION subprogram

Pemilihan kata berpusat pemakai Menunjukkan bahwa pemakai mengendalikan sistem Hindari bentuk perintah ENTER DATA, fokuskan pada kendali pemakai (READY) Pemakai harus mempunyai kendali atas sejumlah informasi yang ditampilkan Buruk : “Illegal telephone number. Call aborted. Error number 8892. Consult your user manual for further information.” Baik : “we’re sorry, but we were unable to complete your call as dialed. Please hang up, check your number, or consult the operator for assistance “

Format fisik yg sesuai Gunakan kombinasi huruf besar dan kecil. Pesan dengan huruf besar semua hanya digunakan untuk peringatan gawat Hindari pesan hanya dengan nomor kode. Jika perlu tampilkan kode di akhir pesan Penempatan pesan : dekat sumber masalah, dibaris pada bagian bawah layar, sebagai pop-up window di tengah layar. Peringatan dengan suara berguna tetapi dapat memalukan pemakai, pemakai harus dapat mengendalikannya.

Pengembangan pesan yg efektif Sespesifik dan sepresisi mungkin Konstruktif : tunjukkan apa yang harus dilakukan Gunakan nada positif, jangan memarahi Gunakan kata yang berpusat ke pemakai Gunakan tatabahasa, istilah dan singkatan yang konsisten Pertimbangkan pesan yang bertingkat Gunakan format visual dan penempatan yang konsisten

2. Instruksi Nonantropomorfik Sifat suatu barang yang memiliki sifat atau pribadi manusia Antropomorfik : “Hi there, John! It’s nice to meet you, I see you’re ready now.” Nonantropomorfik : Press the Enter key to begin the session

Masalah-masalah dengan instruksi Antropomorfik : Pemberian sifat cerdas, bebas, berkehendak bebas dan berpengetahuan kepada komputer dapat menipu, membingungkan, dan menyesatkan pemakai Penting untuk membedakan manusia dengan komputer Meskipun antarmuka antropomorfik bisa menarik beberapa orang, namun dapat mengganggu orang lain Penelitian menunjukkan bahwa instruksi nonantropomorfik lebih baik

Penggunaan instruksi nonantropomorfik : Alternatif bagi perancang software adalah memfokuskan pemakai dan menggunakan kata ganti orang ketiga tunggal atau tidak menggunakan kata ganti sama sekali, contoh : Buruk : I will begin the lesson when you press RETURN Lebih baik : You can begin the lesson by pressing RETURN atau To begin the lesson, press RETURN

Pedoman perancangan Nonantropomorfik : Hindari menampilkan komputer sebagai orang pribadi (manusia) Gunakan tokoh yang sesuai (manusia ataukarakter animasi) dalam pengenalan atau sebagai pemandu Hati – hati dalam merancang wajah manusia atau tokoh kartun dengan komputer Gunakan karakter kartun di games atau software anak-anak jika diperlukan Rancang antarmuka yang dapat dimengerti, dapat diramalkan, dan dapat dikendalikan

Lanjutan pedoman … Gunakan sudut pandang pemakai dalam orientasi dan keadaan selesai Jangan gunakan ”I” ketika komputer menanggap aksi pemakai Gunakan ”You” hanya untuk memandu pemakai dan menyebutkan fakta-fakta

3. Pedoman Tampilan Data (display) Pada setiap tahap dalam sekuen transaksi, pastikan bahwa data apapun yang dibutuhkan pemakai tersedia pada tampilan Tayangkan data kepada pemakai dalam bentuk yang langsung dapat digunakan, jangan mengharuskan pemakai mengkonversikan data yang ditampilkan Untuk setiap jenis tampilan data, pertahankan format yang konsisten dari satu tampilan ke tampilan lainnya. Gunakan kalimat yang pendek dan sederhana

Gunakan pernyataan yang positif, bukan negatif Gunakan prinsip logis dalam pengurutan list, jika tidak ada aturan khusus, urutkan secara alfabetis Pastikan label cukup dekat dengan data field yang berhubungan tetapi harus dipisahkan dengan paling sedikit satu spasi Buat kolom data alfabetis rata kiri agar mudah ditelusuri

Pada tampilan banyak halaman,berikan label pada setiap halaman untuk menunjukkan hubungan dengan halaman lainnya. Awali setiap tampilan dengan judul atau header yang menggambarkan secara singkat isi atau tujuan tampilan, sisakan paling sedikit satu baris kosong antara judul dan isi tampilan. Untuk kode ukuran, simbol yang lebih besar tingginya paling banyak 1,5 kali tinggi simbol berikut yang lebih kecil Gunakan kode warna untuk aplikasi sehingga pemakai dapat membedakan dengan cepat berbagai kategori data, khususnya ketika item data terpencar pada tampilan

Jika menggunakan blink, kecepatan kedip harus antara 2 – 5 herts dengan minimum duty cycle 50 persen Untuk tabel dasar yang melebihi kapasitas display pastikan pemakai dapat melihat kepala kolom dan label baris di semua bagian Jika kebutuhan tampilan data berubah, sediakan cara bagi pemakai (administrator sistem) untuk melakukan perubahan yang diinginkan.

4. Warna Warna dapat menarik bagi pemakai dan dapat meningkatkan kinerja tetapi dapat disalahgunakan Keuntungan warna : Menyejukkan atau menyakiti mata Menambah aksen pada tampilan yang tidak menarik Memungkinkan pembedaan yang halus pada tampilan yang kompleks

Menekankan organisasi logis informasi Menarik perhatian kepada peringatan Menimbulkan reaksi emosional yang kuat berupa sukacita, kegembiraan, ketakutan atau kemarahan - Untuk tampilan komputer digunakan adaptasi prinsip-prinsip pemberian warna dalam buku, majalah, rambu-rambu dan TV

Pedoman penggunaan warna : Gunakan warna secara konservatif Batasi jumlah warna Kenali kekuatan warna sbg teknik coding Pastikan color coding mendukung tugas

Tampilkan color coding dgn usaha pemakai yg minimal Tempatkan color coding dibawah kendali pemakai Rancang untuk monokrom dulu Gunakan warna untuk membantu pemformatan Gunakan color coding yang konsisten Perhatikan ekspektasi umum tentang kode warna

Perhatikan masalah pemasangan warna Lanjutan… Perhatikan masalah pemasangan warna Gunakan perubahan warna untuk menunjukkan perubahan status Gunakan warna pada tampilan grafis untuk kerapatan informasi yang lebih tinggi Waspada atas kehilangan resolusi pada tampilan warna

Kombinasi warna Latar Belakang Garis dan Teks Tipis Garis & Teks Tebal Putih Biru, Hitam, Merah Hitam, Biru, Merah Hitam Putih, Kuning Kuning, Putih, Hijau Merah Kuning, Putih, Hitam Hitam, Kuning, Putih, Sian Hitam, Merah, Biru Biru Putih,Kuning, Sian Kuning,Magenta, Hitam, Sian, Putih Sian Merah,Biru,Hitam, Magenta Hitam, Putih, Biru Biru,Hitam, Kuning Kuning Merah, Biru, Hitam

Latar Belakang Garis & Teks Tipis Garis & Teks Tebal Putih Kuning, Sian Hitam Biru, Merah,Magenta Biru, Magenta Merah Magenta, Biru, Hijau, Sian Hijau Sian, Magenta, Kuning Biru Hijau, Merah, Hitam Sian Hitam, Kuning,Putih Kuning, Hijau,Putih Magenta Hijau, Merah, Sian Sian, Hijau, Merah Putih, Sian Putih, Sian, Hijau