Usability.

Slides:



Advertisements
Presentasi serupa
Mengelola isi halaman web
Advertisements

Bab 6 Multimedia.
Apa itu Web Browser ? Web Browser adalah suatu software yang digunakan untuk mencari alamat suatu web site yang terdapat pada jaringan Internet Web Browser.
Desain Web Nanik Triana, M.Kom
By Heri Siswanto  Menurutku interaksi manusia dan komputer adalah studi tentang hubungan yang terjadi antara manusia dengan komputer untuk.
Interaksi Manusia dan Komputer
Interaksi Manusia dan Komputer
PERANCANGAN ANTARMUKA - 2
Rekayasa Web “Materi 6 – WebApp Testing” Sandhika Galih
PalComTech. WORLD WIDE WEB (WWW), Adalah sarana internet yang menampilkan tampilan berupa gabungan teks, grafis, suara bahkan video yang bersifat interaktif.
Pertemuan 9 Proyek Sistem Informasi Viska Armalina, ST., M.Eng
Perancangan Tampilan.
Mengelola isi halaman web
KONSEP WEB.
Pertemuan 3 RAGAM DIALOG.
KIKY RIZKY NOVA WARDANI
INTERNET Internet adalah jaringan antara komputer di seluruh dunia.
Usability: Disain Web yang Brilian
Formatting Frame.
Pertemuan 3 RAGAM DIALOG.
MENU dan navigasi situs
komponen antarmuka pengguna
Interaksi Manusia & Komputer Website
INTERAKSI MANUSIA & KOMPUTER
Ragam Dialog|pertemuan VI
Ragam Dialog|.
NAVIGASI.
PRINSIP USABILITY.
Interaksi Manusia dan Komputer
USABILITY.
Memahami format teks pada halaman web Menyajikan teks dalam format tertentu pada halaman web Create By Widiyono.
Membangun Menu Sistem dan Skema Navigasi
KONSEP DASAR DESAIN WEB
Pramita Firnanda 2 D3 Teknik Informatika A
Pertemuan 3 RAGAM DIALOG.
NAVIGASI.
Web-Based User Interface
Step 4 : Membangun Menu Sistem dan Skema Navigasi
Step 3: Memahami Prinsip Desain Antarmuka
PERANCANGAN ANTARMUKA/TAMPILAN
INTERAKSI MANUSIA DAN KOMPUTER
Membangun Menu Sistem dan Skema Navigasi
Perancangan Multimedia Bertalya
Web-Based User Interface
Web-Based User Interface
Mobile Device User Interface
DESAIN INFORMASI DAN NAVIGASI
Mengelola isi halaman web
-Muhamad Rendi Wahyudi -Muhammad Ridho -Muhammad Nurcholis
USER INTERFACE.
Membangun Web yang baik (lanjutan)
Interaksi Manusia dan Komputer
Web usability Firman Wahyudi.
Sikllus Pengembangan Aplikasi Multimedia
BAB IV KEBERGUNAAN (usebility)
Pertemuan 3 RAGAM DIALOG.
INTERAKSI MANUSI DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTER
Mengelola isi halaman web
Pertemuan 3 RAGAM DIALOG.
Desain web Good vs bad Dimas wahyu utomo
Interaksi Manusia dan Komputer Antar Muka, Desain Layar, dan Usabilitas dari situs Harry Suryadi ( ) Henry Santoso ( )
ANALISA DAN PERANCANGAN
MUHAMAD HENRICK CAHYANTO, ST SMAN 11 BANDUNG
MUHAMAD HENRICK CAHYANTO, ST SMAN 11 BANDUNG
Ragam Dialog|pertemuan VI
LESSON 1 PENGENALAN.
Apa itu Web Browser ? Web Browser adalah suatu software yang digunakan untuk mencari alamat suatu web site yang terdapat pada jaringan Internet Web Browser.
PRINSIP USABILITY.
Apa itu Web Browser ? Web Browser adalah suatu software yang digunakan untuk mencari alamat suatu web site yang terdapat pada jaringan Internet Web Browser.
Transcript presentasi:

Usability

Usability dari beberapa ahli dan lembaga Menurut Joseph Dumas dan Janice Redish (1999) Usability digunakan untuk mengukur tingkat pengalaman pengguna ketika berinteraksi dengan produk sistem – baik itu website, software, mobile phone maupun peralatan yang digunakan pengguna lainnya. Secara umum, usability mengacu kepada bagaimana pengguna bisa memperlajari dan menggunakan produk untuk memperoleh tujuannya dan seberapa puaskah mereka terhadap penggunaannya.

Menurut Jeff Axup (www.upasoc.org, 2004) Usability adalah sebuah ukuran sebuah karakteristik yang mendeskripsikan seberapa efektif seorang pengguna dalam berinteraksi dengan suatu produk. Usability juga merupakan ukuran seberapa mudah suatu produk bisa dipelajari dengan cepat dan seberapa mudah suatu produk bisa digunakan.

Menurut ISO 9241-11 Usability dapat didefinisikan sebagai tingkat dimana sebuah produk bisa digunakan oleh pengguna tertentu untuk mencapai tujuan tertentu dengan efektif, efisien, dan memperoleh kepuasan dalam konteks penggunaannya.

5 Syarat Usability: Mudah dipelajari Efsien dalam penggunaan Mudah diingat Tingkat Kesalahan Rendah Kepuasan Pengguna Akibat Desain yang tidak memenuhi syarat usability: Frustasi Bingung Kabur Promosi Negatif

komponen-komponen yang mempengaruhi usability

Learnability (Kemampuan Pembelajaran) Seberapa mudah memperlajari suatu sistem. Seberapa cepat untuk menguasai sampai menjadi mahir. Bagaimana kemampuan pemakai mempertahankan pengetahuannya setelah jangka waktu tertentu.

Throughput (Tolak Ukur Keluaran) Seberapa cepat suatu tugas dikerjakan Seberapa banyak kesalahan dan kesalahan-kesalahan apa saja yang dibuat pemakai. seberapa banyak orang yang diperlukan untuk memperbaiki kesalahan.

Flexibility (Keluwesan) Seberapa besar kecocokan sistem dengan keahlian seorang pemakai. Fleksibilitas sistem diubah untuk memenuhi jalan kerja yang berbeda atau perbedaan level dari suatu keahlian.

Attitude (Perilaku) Kepuasan pemakai terhadap sistem. Manfaat yang dirasakan oleh pemakai terhadap sistem. Berapa lama sistem dipakai oleh pemakai.

masalah-masalah usability yang umum terjadi Visualisasi yang buruk. Informasi yang bisa dibaca mengalami kerusakan. Komponen yang tidak dapat dimengerti. Selingan yang mengganggu. Navigasi yang membingungkan.

Navigasi yang tidak efisien. Operasi yang tidak efisien. Scrolling yang berlebihan atau yang tidak efisien. Informasi yang berlebihan atau terlalu banyak. Rancangan yang tidak konsisten. Informasi yang tidak ter-update.

langkah-langkah perancangan antarmuka sistem Tentukan pengunjung situs. Pahami fungsi bisnis Pahami prinsip-prinsip antarmuka dan rancangan layar yang baik. Kembangkan system menu dan skema navigasi. Pilih jenis windows yang tepat. Pilih peralatan interaksi yang tepat. Pilih pengatur layar yang tepat.

Buat teks dan pesan yang jelas. Berikan timbal balik yang efektif. Berikan akses yang efektif. Buat grafik, icon, dan gambar yang berguna. Gunakan warna yang tepat. Atur tataruang windows dan halaman. Lakukan test.

Teknik usability dalam mendesain website Link Gunakan garis bawah Biasanya warna biru Semua link harus berfungsi Jika bertingkat dapat menggunakan breadcrumb misalnya: Home > Konsultasi > Keluarga > Pertanyaan 1

Grafik Ukuran kecil 30 kb-25kb optimasi grafik: format gif gunakaan atribut width dan height misalnya: <img width=100 height=100 scr= kartun.gif> Gunakan atribut=0, untuk menghidari border warna biru pada browser tertentu. Gunakan atribut alt, untuk menampilkan keterangan jika browser tidak bisa menampilkan. Jika harus menamplikan gambar yang besar, gunkan link dengan menggunakan gambar kecilnya.

Animasi dan suara Gunakan dalam ukuran kecil Untuk animasi dan suara yang besar, beri navigasi player Untuk animasi loading Berikan navigasi untuk mengabaikannya (Skip) Warna Jumlah warna mempengaruhi ukuran file Warna gradasi dapat memperbesar ukuran file Hindari warna buta: menyilaukan, samar atau tidak terlihat