Ordinary Superman

Informasi merupakan suatu nilai dimana nilai tersebut dianggap sebagai suatu objek yang nantinya akan digunakan
atau dimanfaatkan untuk berbagai macam tujuan. Tujaun yang dimaksud biasanya merupakan penyelesaian tugas
ataupuan pencaharian nilai baru. Informasi juga dianggap sebagai salah satu point yang kehadirannya atau
keberadaannya disembunyikan , artinya beberapa jenis informasi memang tidak di tampilkan , akan tetapi sengaja
untuk tidak dimunculkan karena beberapa alasan.

Ditampilkannya suatu informasi dapat juga disebut dengan Information Visualization yang merupakan suatu cara
untuk menampilkan berbagai macam niali kepada user yang nantinya akan digunakan dengan tujuan untuk meningktakan
daya tangkap informasi sehingga informasi dapat dengan mudah dilihat untuk dimanfaatkan.

Visualisasi Informasi juga disebut sebagai data mining karena dalam penyampaian maupun ditampilkannya informasi
, maka informasi yang dimaksud harus memiliki tingkat redudancy yang kecil , sehingga memberikan persepsi
“mudah” untuk memanfaatkan data yang ada dan memberikan kemudahan dalam mengambil keputusan. Tahapan dari
penjelasan ini terdiri dari :

• Melakukan tindakan overview data (gambaran secara keseluruhan informasi)
• Perjelas dan filter (memberikan tujuan utama dan penyeleksian informasi)
• detail permintaan (menyesuaikan kebutuhan informasi)

Tantangan dari Information Visualization

• Importing dan cleaning data
• Mengkombinasi representasi visual dengan labels textual
• Mencari informasi yang saling berkaitan
• Meninjau volume data yang besar
• Integrating data mining
• Integrasi dengan teknik analytical reasoning
• Berkolaborasi dengan yang lain
• Mencapai universal usability
• Evaluasi

Kebutuhan akan informasi merupakan suatu tindakan atau aktivitas yang membutuhkan adanya kecepatan , ketepatan
dan keakuratana informasi sebagai objek yang dicari , digunakan dan dimanfaatkan nilainya. Untuk itu , seorang
user atau pengguna sistem hendaknya memiliki kemampuan yang baik dalam mencari informasi.  Dalam hal ini ,
seorang sistem designer harus mampu mengidentifikasi beberapa kategori , yaitu :

• User atau pengguna yang terbagi dalam kategori newbie (arahan dibutuhkan) , terlatih (dapat menyesuaikan) , adavanced (sangat menguasai)
• Sarana pencari informasi (dapat berbentuk seperangkat alat keras / hardware)
• fitur pencari informasi (lebih kearah aplikasi / software)

Terminologi Pencarian
Objek dari tugas ditempatkan dalam database relasional terstruktur terdiri hubungan dan skema dari hubungan
tersebut, perpustakaan dokumen teks terdiri dari serangkaian koleksi ditambah beberapa atribut deskriptif atau
metadata tentang perpustakaan, atau perpustakaan dokumen multimedia. Setiap hubungan memiliki rekaman yang
darinya terdapat beberapa atribut dengan nilainya tersendiri. Berikut beberapa contoh dari tugas yang bisa
dikerjakan.

• Pencarian fakta secara spesifik
• Pencarian fakta yang diperluas
• Eksplorasi dari ketersediaan
• Penjelajahan terbuka dan analisis masalah

Searching in Textual Documents and Database Querying
Expert user dengan mudah dapat menggunakan SQL. Dikarenakan SQL dapat memfasilitasi pencarian dengan mudah namun
membutuhkan training. Oleh karenanya untuk novice users dapat digunakan form fill in query. Selain itu juga dapat digunakan:

• query bahasa natural
• form fill in
• query by example.

Berdasarkan penelitian user memiliki performa yang lebih baik dan memiliki tingkat kepuasan lebih tinggi jika mereka dapat melihat dan memiliki kontrol atas fasilitas searching yang digunakan.

Ada lima tahap dalam menentukan design interface untuk textual search :

• Formulation (representasi searching)
• Initiation of action (cara melakukan searching)
• Review of results (cara menampilkan pesan dan hasil)
• Refinement (formulasi langkah selanjutnya)
• Use (penggunaan dari hasil yang didapatkan)

Multimedia Document Searches
Searching pada dokumen berupa multimedia dapat dibagi menjadi :

• Image search
• Map search
• Design or diagram search
• Sound search
• Video search
• Animation search

Advanced Filtering and Search Interfaces
Dalam melakukan filtering terhadap hasil searching ada beberapa cara :

• Filtering with complex Boolean queries
• Automatic filtering
• Dynamic queries
• Faceted metadata search
• Query by example
• Implicit search
• Collaborative filtering
• Multilingual searches
• Visual field specification

Suatu sistem merupakan objek yang diciptakan oleh seorang sistem designer , artinya secara keseluruhan tindakan
maupun aktivitas yang nantinya akan dilakukan oleh sistem hanya diketahui oleh sistem designer sendiri. Dengan
kata lain , user atau developer akan mengalamai kesulitan dalam memberikan definisi maupun mengubah struktur
sistem agar mampu atau memberikan peluang sistem tersebut untuk dimodifikasi sendiri tanpa bantuan sistem
designer. Dalam bab ini , kita akan membahas tentang proses dokumentasi yang umumnya dilakukan , dan dibahas
dalam point-point berikut ini :

•  Bentuk user guide
•  Paper dan Online manual guide
• Organization and Writing Style

A. Bentuk user guide

Beberapa bentuk user guide manual dalam kertas :

• Install manual
• Brief getting-started notes
• Introductory tutorial
• Thorough tutorial
• Detailed reference manual
• Quick reference card
• Conversation manual

user guide online material

• Online manual
• Online help
• Context-sensitive help
• Online tutorial
• Animated demonstration
• Guides
• FAQs
• Online community, newsgroups, listserver, e-mail, chat, instant messaging

B. Paper dan Online manual guide

Dalam penerapannya , online manual memiliki keunggulan dalam empat hal yaitu :

• secara fisik tidak banyak memakan tempat
• mudah dinavigasikan
• dapat memberikan pengalaman yang interaktif pada user
• secara ekonomi lebih hemat.

Disisi lain online manual juga memiliki beberapa kelemahan yaitu :

• Lebih susah dibaca dibandingkan kertas
• Informasi kurang dibanding kertas
• Interface mungkin baru dan membingungkan pemula
• Membutuhkan usaha ekstra untuk navigasi antar screen, serta dapat mengganggu konsentrasi dan pembelajaran dan
• penjelasan mungkin sulit
• Display help/tutorial mengurangi ruang untuk menampilkan work
• Perangkat / device kecil seperti HP tidak memiliki ruang yang cukup untuk online help

C.Organization and Writing Style
Dalam point ini , Hal – hal yang perlu diperhatikan untuk organisasi dan cara penulisan manual :

• Kalimat yang tepat dan sesuai dengan tujuan edukasi
• Sajikan konsep dalam urut – urutan logis dan tingkat kesulitan bertahap dari mudah ke sulit
• Pastikan bahwa setiap konsep digunakan dalam bagian berikutnya
• Hindari referensi pada bab berikutnya
• Buat jumlah bab sesuai dengan materi yang disajikan
• Berikan contoh yang mencukupi
• Perhatikan pilihan kata
• Buat kerangka dulu untuk memastikan konsistensi dan kualitas
• Cara penulisan harus menyesuaikan dengan user

Online Manuals and Help

Online manuals merupakan manual yang disediakan secara online. Dengan adanya online manuals user dapat
dipermudah, karena ada fitur seperti multiple windows, text highlighting, warna, suara, animasi, dan fasilitas
searching. Dalam membuat online manuals, daftar isi harus disediakan di salah satu sisi dan tetap terlihat
selama fasilitas online manuals digunakan user.

Berikut merupakan panduan dalam online help yang diajukan oleh Kearsley :

• Help system harus mudah diakses dan mudah untuk keluar
• Help harus dibuat spesifik
• Kumpulkan data untuk menentukan help apa yang paling diperlukan
• Berikan user kontrol atas help system
• Pesan help harus akurat dan lengkap
• Jangan gunakan help dengan tujuan untuk mengkompensasi interface yang buruk

Online Tutorials, Demonstrations, and Animations

Dengan adanya tutorial online user dapat:

• membaca tutorial sekaligus materi yang diberikan
• Melatih kemampuan yang dibutuhkan dalam menggunakan sistem
• bekerja sesuai kecepatannya dan tanpa rasa malu jika membuat kesalahan selama tutorial berlangsung.
• Start-up tips

1. Error Messages

Berguna untuk mengingatkan kesalahan yang terjadi pada suatu sistem,dan ini adalah syarat error message :

1. Pesan harus cukup spesifik
2. Pesan bernada positif dan memberikan petunjuk untuk mengatasi masalah
3. Pesan memberikan kontrol pada user
4. Gunakan format yang sesuai dan tidak membingungkan

Untuk membuat suatu pesan kesalahan yang baik, maka kita perlu melibatkan partisipan untuk melakukan testing. Selain itu pesan kesalahan juga harus diberikan di dalam user manual. Berikut adalah beberapa rekomendasi untuk membuat pesan kesalahan yang efektif :
1. Berikan perhatian pada design pesan kesalahan
2. Lakukan quality control
3. Buat guidelines dalam hal nada positif dalam pesan, pesan yang spesifik, berikan kontrol pada user, dan konsistensi pada format pesan yang diberikan
4. Lakukan usability test
5. Lakukan pengumpulan user performance data

2. Nonanthromorphic Design

Dalam membuat suatu design kita harus memperhatikan bahwa seringkali user merasa terganggu oleh design yang membuat komputer seolah – olah manusia (anthromorphic design). Oleh karenanya penting untuk melakukan pembedaan yang jelas antara user dan komputer. Berikut adalah guidelines yang dapat diikuti :
1. Berhati – hati dalam mempresentasikan komputer sebagai manusia
2. Buat design interface yang komprehensif, dapat diprediksi, dan dapat dikontrol
3. Gunakan bahasa yang manusiawi untuk petunjuk penggunaan
4. Gunakan karakter kartun untuk games dan software anak – anak saja
5. Jadikan user sebagai pusat perhatian
6. Jangan gunakan kata ganti orang pertama saat komputer merespons user
7. Gunakan kata ganti orang kedua untuk memberikan petunjuk pada user

3. Display Design

Dalam membuat suatu design tampilan, Mullet dan Sano memberikan beberapa arahan :
1. Elegance and Simplicity
2. Scale, Contrast, and Proportion
3. Organization and Visual Structure
4. Module and Program
5. Image and Representation
6. Style

Berdasarkan penelitian, design tampilan yang terstruktur lebih baik daripada tampilan yang bersifat naratif. Selain itu penggunaan indentasi, numbering, dan eliminasi karakter – karakter yang tidak diperlukan dapat meningkatkan performa. Untuk expert users, semakin padat tampilan, semakin tinggi performa user. Faktor lain yang perlu diperhatikan adalah relevansi, konsistensi, dan urut – urutan tampilan. Tullis mengembangkan suatu matriks untuk tampilan alphanumeric yaitu :
1. Kepadatan informasi global
2. Kepadatan informasi lokal
3. Pengelompokkan
4. Kompleksitas layout

4. Web Page Design

Beberapa kesalahan yang sering terjadi dalam design suatu web adalah :
1. Fasilitas search yang buruk
2. Penggunaan file PDF untuk online reading
3. Tidak adanya perbedaan antara hyperlink yang sudah dan belum dikunjungi
4. Text yang tidak dapat di scan
5. Ukuran font yang tak dapat disesuaikan
6. Judul halaman dengan tingkat pencarian di search engine yang rendah
7. Iklan
8. Pelanggaran aturan – aturan design
9. Web membuka window baru
10. Tidak menjawab keinginan user

5. Window Design

Saat ini designer dapat menggunakan multiple windows dimana suatu task dikerjakan dalam suatu window terpisah. Window ini akan tertutup setelah suatu task tersebut diselesaikan. Selain itu saat ini kita dapat melakukan browsing image dengan lebih mudah dimana tampilan ada dalam satu sisi sementara detail ditampilkan di sisi lainnya. Dalam image browsing, ada beberapa langkah yang perlu diperhatikan, yaitu :
1. Image generation
2. Open-ended exploration
3. Diagnostics
4. Navigation
5. Monitoring

Dalam mendesign suatu window kita juga perlu lebih memperhatikan pada pekerjaan yang dilakukan user daripada aplikasi dan dokumen yang digunakan. Untuk mendapatkan informasi mengenai pekerjaan user dapat didapat lewat :
1. Vision statement
2. Set of people
3. Task hierarchy
4. Schedule
5. Set of documents

6. Color

Guidelines dalam menggunakan warna adalah :
1. Gunakan warna secara hati – hati
2. Batasi jumlah warna yang digunakan
3. Pelajari pengaruh warna pada user
4. Penggunaan warna harus mendukung pekerjaan
5. Penggunaan warna harus memudahkan user
6. Penggunaan warna harus bisa dikontrol user
7. Lakukan design dalam monochrome terlebih dahulu
8. Pertimbangkan user dengan disabilitas
9. Warna dapat membantu dalam formatting
10. Konsistensi

www.binus.ac.id

Models of response-time impacts

1. Response time
   Jumlah detik yang diperlukan dari pengguna saat melakukan suatu kegiatansampai komputer menyajikan hasil pada layar
2. Pengguna berpikir waktu
   Jumlah detik pengguna berpikir sebelum memasuki tindakan selanjutnya
3. Desainer kali respon dan tingkat display di HCI harus mempertimbangkan:

• interaksi yang kompleks dari kelayakan teknis
• biaya
• kompleksitas tugas

4. Secara keseluruhan sebagian besar pengguna lebih memilih interaksi yang cepat
   Waktu respon panjang (15 detik) merugikan produktivitas
5. tampilan Tingkat
   Menampilkan alfanumerik: Kecepatan dalam karakter per detik pada karakter yang muncul bagi pengguna untuk membaca
6. Membaca informasi tekstual dari layar adalah tugas kognitif dan persepsimenantang
7. Kinerja manusia kognitif akan berguna untuk:

• membuat prediksi
• merancang sistem

8. Keterbatasan jangka pendek dan memori kerja
9. Kondisi untuk masalah optimal pemecahan
   

Expectations and attitudes

1. Respon-time choke
   Sebuah sistem akan melambat bila beban kinerja cahaya dan potensi tinggi
2. Response time di situs web bervariasi
   Itu efek minat pengguna dan penilaian kualitas
3. Tiga hal mempengaruhi respon-time:

• pengalaman sebelumnya
• Toleransi individu untuk penundaan
• kompleksitas tugas

 

User productivity

1. tugas yang berulang
   Sifat tugas memiliki pengaruh yang kuat pada apakah perubahan dalam waktu respon mengubah produktivitas pengguna
2. Pemecahan masalah tugas
   Pengguna akan menyesuaikan gaya kerja mereka dengan waktu respon

Variability

1. Orang bersedia membayar sejumlah besar uang untuk mengurangi variabilitas dalam hidup mereka, misalnya asuransi
2. Goodman dan Spence (1981)
   Subyek mengambil keuntungan lebih banyak waktu respon yang cepat dengan membuat perintah berikutnya mereka segera dan menyeimbangkan waktu hilang dalam menunggu tanggapan lebih lambat

Frustrating experiences

1. Rekomendasi meliputi peningkatan kualitas layanan dan perubahan oleh pengguna
2. Miskin kualitas layanan lebih sulit di negara-negara pasar negara berkembangdan berkembang
3. Pelatihan pengguna dapat membantu

 

www.binus.ac.id

Goals of Collaboration and Participation

• Berkolaborasi orang karena hal itu memuaskan atau produktif.
• Kolaborasi dapat memiliki tujuan yang murni emosional menguntungkan atau tujuan-tugas yang berhubungan spesifik.
• Memahami proses dan strategi peserta memfasilitasi analisis situasi ini bervariasi untuk antarmuka kolaboratif

 

Asynchronous distributed interfaces: 
 Different place, different time

1. Surat elektronik:

• bisa terlalu longgar terstruktur
• kadang-kadang luar biasa
• sementara
• alat

2. Newsgroup, Listservers, papan diskusi, konferensi, situs web partisipasimedia sosial, blog, dan wiki

• fokus diskusi elektronik oleh sekelompok orang
• newsgroup USENET

3. Komunitas online dan jaringan

• identitas kelompok
• Kelompok dukungan pasien
• Dampak terhadap komunitas offline

 

 Synchronous distributed interfaces: Different place, same time

1. Aplikasi terdistribusi sinkron
2. Chatting, instant messaging, dan SMS
3. Audio dan video conferencing

 

Face-to-face interfaces: Same place, same time

1. Pendekatan inovatif untuk bekerja dan belajar meliputi:

• Peraga dari workstation dosen
• Unit respon penonton
• Text-penyerahan workstation

2. kelas Elektronik
   Aktif pengalaman belajar individual termasuk menggunakan perangkat lunakselama waktu kelas untuk:

• Menulis esai dalam bahasa Inggris atau puisi dalam bahasa asing
• Cari anteseden Impresionisme di perpustakaan sejarah seni dari 9000gambar

3. Tim kecil dan tim besar

Perubahan gaya mengajar

Menu adalah cara untuk menyajikan petunjuk yang tersedia bagi pengguna
Form fill-in adalah rata-rata untuk sistem interaktif untuk meminta data atau informasi dari pengguna
Kotak dialog merupakan respon dari sistem interaktif setelah pengguna memberikan intructions yang membutuhkan parameter, misalnya Ketika pengguna mengklik ikon Open

Tujuan utama dari desainer sebuah menu, Form fill-in, dan dialog-box adalah untuk menciptakan sebuah organisasi yang masuk akal, dipahami, mudah diingat, dan nyaman relevan dengan tugas pengguna
Ada beberapa jenis menu, misalnya Menu tunggal, menu urutan linier, menu struktur pohon, menu jaringan siklik dan asiklik

Single Menu

Menu tunggal mengharuskan pengguna untuk memilih antara dua atau lebih item atau memungkinkan pengguna memilih beberapa pilihan
Sebagian besar menu ini bersifat langsung, yang menghadirkan instruksi tanpa parameter atau intruksi dengan parameter standar

Binary menu memungkinkan untuk memilih antara dua pilihan, misalnya ya / tidak, benar / salah
Salah satu pilihan berlaku sebagai default dan harus berbeda dari yang lain

Chekcbox adalah multiple selection menu (beberapa pilihan)

Radiobutton adalah multiple-item menu (hanya satu pilihan)

Gambar yang atas (Hobbies) Checkbox, gambar yang bawah (Gender) Radiobutton

Menu pull-down, pop-up, dan toolbar:

• Pull-down menu yang selalu tersedia untuk membuat pilihan pada menu bar atas dan didukung oleh Keyboard shortcuts, misalnya, Ctrl+C penting untuk mendukung efisiensi pengguna ahli
• Toolbar, menu ikonik, dan palet Menawarkan tindakan pada objek yang ditampilkan
• Pop-up menu Muncul pada layar dalam menanggapi tindakan check atau tekan oleh pointer mouse.

Menu untuk daftar panjang (long list) :

• Scrolling menu menampilkan bagian pertama dari menu dan item menu tambahan, biasanya anak panah yang mengarah ke set item berikutnya dalam urutan menu
• Combo box menggabungkan menu bergulir dengan teks-entry yang telah terisi
• Menu fisheye menampilkan semua item menu pada layar sekaligus, tetapi hanya menampilkan item dekat kursor pada ukuran penuh.
• Sliders: item terdiri dari angka atau nilai numerik
• Alpha slider menggunakan berbagai tingkat granularity dalam menggerakkan jempol slider dan karena itu dapat mendukung puluhan atau ratusan ribu item.
• Menu dua dimensi memberikan gambaran pilihan yang baik, mengurangi jumlah tindakan, dan memungkinkan pemilihan cepat.

• Menu Embedded alternatif untuk menu eksplisit. Menu ini memungkinkan pengguna membaca tentang orang, kejadian, dan tempat-tempat untuk mengambil informasi rinci dengan memilih menu dalam konteks.

 

Combinations of Multiple Menus

Linear sequence menu memandu pengguna melalui proses kompleks pengambilan keputusan. Efektif untuk pengguna pemula melakukan tugas-tugas sederhana
Simultaneous menu menghadirkan beberapa menu aktif pada waktu yang sama dan memungkinkan pengguna untuk memasukkan pilihan dalam urutan apapun

Tree-Structured menu:

• Dibagi untuk beberapa kategori barang serupa, misalnya File, Edit, View
• Cepat didapatkan
• Menggunakan terminologi dari domain task
• Memperluas menu, misalnya, Windows Explorer
• Menu Maps membantu pengguna tetap berorientasi dan mengurangi pengguna disorientasi
• Asiklik dan siklik Networks: hubungan sosial, rute transportasi, kutipan jurnal ilmiah
  • Dapat menyebabkan kebingungan dan disorientasi.
  • Cyclic: bisa kembali ke tingkat atas
  • Acyclic: satu seleksi dapat dicapai melalui beberapa jalur

Content Organization

Pengelompokan tugas terkait dalam organisasi tree :

• Buat kelompok item logika yang mirip
• Bentuk kelompok yang mencakup semua kemungkinan
• Pastikan bahwa item yang tidak tumpang tindih
• Gunakan istilah yang akrab, tetapi memastikan bahwa item yang berbeda satu sama lain

Urutan Presentasi Item

• Basis Khas untuk sequencing item: Waktu, Pemesanan umeric, Sifat fisik
• Kemungkinan basis lain: urutan abjad dari istilah, Pengelompokan item terkait, paling sering digunakan item pertama, item paling penting pertama

Guideline pemilihan menu :

• Gunakan semantik tugas untuk mengatur menu
• Memilih luas-dangkal untuk sempit – dalam
• Tampilkan posisi dengan grafis, angka, atau judul
• Gunakan item sebagai judul untuk subtrees
• Item kelompok bermakna
• Item urutan bermakna
• Gunakan item singkat; mulai dengan kata kunci
• Gunakan tata bahasa yang konsisten, tata letak, terminologi
• Izinkan ketik depan, melompat ke depan, atau cara pintas lainnya
• Aktifkan tombol untuk kembali ke menu sebelumnya dan main menu
• Pertimbangkan bantuan online, mekanisme seleksi baru, dan waktu respon yang optimal, tingkat tampilan dan ukuran layar

Tata letak menu

• Judul menu tunggal: simple deskriptif
• Judul menu pohon-terstruktur menggunakan kata-kata yang sama di item menu-tingkat yang lebih tinggi seperti pada judul untuk menu-tingkat yang lebih rendah berikutnya.
  • Misalnya jika item menu disebut Bisnis dan Jasa Keuangan, layar berikutnya harus memiliki frase sebagai judul.
• Gunakan terminologi yang familiar dan konsisten
• Pastikan bahwa item berbeda satu sama lain
• Gunakan kalimat yang konsisten dan ringkas
• Berikan kata kunci
• Tata letak grafis dan desain
  • Batasan
    • Lebar dan panjang layar
    • Display rate
    • Set karakter
    • Teknik menyoroti (highlighting)
• Menetapkan pedoman untuk konsistensi setidaknya komponen menu ini:
  • Judul
  • Penempatan barang
  • Instruksi
  • Pesan kesalahan
  • Laporan Status
• Teknik :
  • Lekukan (Indentation)
  • Besar kecil karakter
  • Simbol seperti * atau – untuk membuat pemisah atau garis
  • Penanda posisi
  • Cascading atau menu berjalan
  • Magic Lens

Fast Movement Through Menus

Keyboard Shortcuts :

• Mendukung penggunaan ahli
• Dapat membuat terjemahan ke bahasa asing lebih sulit
• Bookmark di browser
• Toolbar dikonfigurasi pengguna

Form Fill-in

• Tepat ketika banyak data yang harus dimasukkan
• Informasi lengkap dapat dilihat oleh pengguna.
• Tampilan menyerupai bentuk kertas biasa.
• Beberapa instruksi diperlukan untuk berbagai jenis entri.
• Pengguna harus terbiasa dengan:
  • keyboard
  • Penggunaan tombol TAB atau mouse untuk memindahkan kursor
  • Metode error correction
  • Makna field-label
  • bidang yang diizinkan untuk diisi
  • Penggunaan ENTER dan / atau tombol RETURN

Guideline Form Fill-in :

• judul yang bermakna
• instruksi komprehensif
• Pengelompokan logis dan sequencing bidang
• Tata letak visual menarik dalam banyak bentuk
• Label lapangan Familiar
• Terminologi yang konsisten dan singkatan
• Terlihat ruang dan bounderies untuk bidang data-entry
• Gerakan kursor Nyaman
• Koreksi kesalahan untuk karakter individu dan seluruh fileds
• Pencegahan kesalahan di mana mungkin
• Pesan kesalahan untuk nilai-nilai yang tidak dapat diterima
• Menandai bidang yang dibutuhkan
• Tanda penyelesaian untuk mendukung kontrol pengguna

Bidang-format khusus

• Field (bidang) kode
  • Nomor telepon
  • Nomor social-security
  • Waktu
  • Tanggal
  • Jumlah rupiah (atau mata uang lainnya)

Contoh Form Fill-in

Dialog Boxes

Kombinasi menu dan teknik form fill-in
Kotak dialog (dialog box) merupakan respon dari sistem interaktif ketika pengguna memilih instruksi yang memerlukan parameter, misalnya Untuk instruksi Print, sistem menampilkan kotak dialog untuk meminta parameter untuk mencetak printer yang mana, halaman mana, berapa banyak salinan

Pedoman (Guideline) tata letak Internal:

• Judul yang bermakna, gaya yang konsisten
• Dikelompokan dan ditegaskan
• layout konsisten
• Terminologi yang konsisten, font, kapitalisasi, pembenaran
• Tombol standar (OK, Cancel)
• Pencegahan kesalahan dengan manipulasi langsung

Hubungan eksternal

• Penampilan dan hilangnya halus
• keberadaannya dapat dibedakan tapi ukurannya kecil
• Ukuran cukup kecil untuk mengurangi masalah tumpang tindih
• Tampilan dekat dengan item yang dimaksud
• Tidak ada tumpang tindih barang yang dibutuhkan
• Mudah untuk dihilangkan
• Jelas bagaimana untuk menyelesaikan / membatalkan / menutupnya.

www.binus.ac.id

Di sesi ini kita akan belajar untuk mengevaluasi interface dengan banyak variasi

Mengapa penting untuk mengevaluasi interface atau sistem yang telah kita buat? Karena tanpa evaluasi kita gabakal tau apakah sistem yang kita buat itu sudah memenuhi keinginan pengguna atau belum.

Langsung saja,

Faktor-faktor, yang menentukan rencana evaluasi

• Tahap desain (dari awal, tengah, hingga akhir)
• Kebaruan proyek (didefinisikan dengan baik atau eksplorasi)
• Jumlah pengguna yang diharapkan
• Kekritisan antarmuka (life-critical medical system vs  museum exhibit support)
• Biaya produk & anggaran yang dialokasikan untuk pengujian
• Waktu yang tersedia
• Pengalaman desain dan tim evaluasi

Kisaran waktu untuk mengevaluasi tergantung pada seberapa besar proyek yang di evaluasi dan tingkat kemampuan dari desainer dan tim pengevaluasi
Kisaran biayanya juga sama, tergantung besar kecilnya proyek dan proses yang dilakukan untuk evaluasi

Usability Testing

Pengujian kegunaan dari interface atau sistem dapat dilakukan dengan metode empiris dan non-empiris, misalnya sketsa (perkiraan) pengguna, pertimbangan alternatif desain dan studi etnografi

nah, untuk hasil yang optimal, semua rekomendasi harus berdasarkan temuan observasional, semua tim desain harus terlibat dengan penelitian tentang kelemahan desain, pengujian dilakukan menggunakan alat-alat dan teknik yang berkembang.

Expert Reviews
Melakukan demo informal dan mengumpulkan umpan balik dari para pengguna bisa sangat membantu, tetapi, review dari para ahli juga sangat membantu dan efektif, waktu yang dibutuhkan tergantung pada tingkat kemampuan si ahli yang mereview

Enaknya, kita dapat menjadwalkan para ahli di beberapa titik dalam proses pembangunan.. jadi lebih flexibel.

Perlu diingat, ahli yang berbeda cenderung untuk menemukan masalah yang berbeda pula, jadi mungkin 3 samapai 5 orang pengulas ahli bisa sangat produktif, dan gaboleh kelewat juga,para ahlinya harus memahami tugas domain, masyarakat pengguna dan juga perilaku pertama kali yang dilakukan oleh pengguna.

Ulasan metode Ahli adalah untuk memilih dari:

• Evaluasi heuristik
• Pedoman ulasan (guideline review)
• Konsistensi pemeriksaan
• Walkthrough kognitif
• Metafora pemikiran manusia
• Inspeksi kegunaan formal

Usability Testing and Laboratories

Pengujian usability dapat mempercepat pengerjaan proyek dan menghasilkan penghematan biaya yang dramatis dan semua pengujian usability yang direncanakan akan dilakukan di laboratorium usability

Lab usability biasanya terdiri dari dua ruangan, satu untuk peserta dan yang lainnya, satu sisi yang lain untuk penguji dan pengamat, dan dipisahkan oleh kaca tembus pandang
Peserta mewakili masyarakat pengguna, dengan memperhatikan latar belakang dari pengguna yang berpengalaman dengan komputer, pengalaman tugas, motivasi, pendidikan, dan kemampuan bahasa

-Partisipasi musti secara sukarela, partisipan diberi informasi tentang tugasnya dan prosedur operasinya
-Persetujuan dengan peserta harus diperoleh
-Rekaman video saat partisipan melakukan tugasnya akan ditinjau dan kemudian ditunjukkan kepada desainer atau manajer untuk dilihat masalah-masalah apa saja yang ditemui para pengguna
-Peserta menggunakan Teknik Think-Aloud, think-Aloud adalah teknik di mana peserta mengatakan dengan lantang apa yang mereka pikirkan
Contoh: jika peserta berpikir bahwa sistem yang digunakannya sudah baik, yang dia katakan “Sistem ini baik”

Eye-Tracking software
Cara kerja teknik ini adalah, peserta memakai helm yang memonitor dan mencatat bagian layar yang peserta lihat, kemudian pelacak data menunjukkan di mana peserta menatap layar dan untuk berapa lama peserta menatapnya.

Survey Instruments

Media Survey yang tertulis adalah suatu hal yang sangat familiar, tidak memakan biaya yang banyak dan umumnya diterima dalam Usability Tests dan Expert Reviews

Kunci dalam melakukan survey adalah:

• Adanya tujuan yang jelas di awal
• Pengembangan hal-hal yang dapat membantu kita dalam mencapai tujuan

Users bisa ditanyai pendapat pribadi/subjektif mereka terhadap suatu aspek yang spesifik dalam User Interface seperti representasi dari:

• Task Domain Objects dan Actions
• Syntax dalam menginput dan design display

Tujuan lain adalah untuk memastikan:

• Latar Belakang pengguna (umur, jenis kelamin, asal, latar belakang pendidikan, pendapatan)
• Pengalaman / skill dalam memakai komputer
• Tanggung Jawab perkerjaan
• Personality (introvert vs extrovert, sistematik vs opportunistik, etc)
• Alasan jika tidak ingin memakai interface (mungkin kompleks, terlalu lambat)
• Keakraban dengan fitur-fitur yang ditawarkan
• Perasaan mereka setelah memakainya (senang, bingung, bosan, etc)

Accepetance Test

Dibandingkan dengan memiliki suatu pemikiran yang salah dengan istilah “user friendly”, ada baiknya kita menggunakan suatu tolak ukur bagi UI kita yaitu:

• Waktu yang diperlukan untuk mempelajari fungsi yang spesifik
• Kecepatan dalam hal performa
• Tingkat error yang dialami pengguna
• Daya serap manusia dari perintah-perintah yang diberikan dari waktu ke waktu
• Kepuasaan individu pengguna / subjektif

Untuk suatu sistem yang besar, test bisa dilakukan 8-10 kali dengan komponen interface yang berbeda-beda dan dengan komuitas pengguna yang berbeda-beda pula

Ketika Acceptance Test sudah berhasil, masih mungkin adanya suatu Field Test sebelum dilakukan pemasaran secara nasional dan internasional.

Evaluation During Active Use

Penggunaan aktif yang sukses membutuhkan suatu perhatian yang tetap dan terus menerus dari para manager, user-service personnel dan para staf maintenance

Kesempurnaan tentulah tidak bisa dicapai namun peningkatan presentasi kesempurnaan tentulah bisa dicapai.

Evaluasi pada saat penggunaan aktif bisa dilakukan dengan beberapa cara:

1. ž  wawancara dan diskusi kelompok
2. ž  Continuous user-performance data logging 
3. ž  konsultasi online, email untuk melaporkan masalah, kotak saran online

 

Banyak bentuk varian dari Usability Testing yang telah dicoba, diantaranya:

• Maket kertas
• Pengujian usability Diskon
• Pengujian usability kompetitif
• Pengujian usability Universal
• Uji lapangan dan laboratorium portabel
• Pengujian usability terpencil
• Test Can-you-break-this, adalah test yang dilakukan oleh para ahli dengan mencari celah atau titik kelemahan dari sistem tersebut

 

www.binus.ac.id

Untuk mendesain, secara sifat harus dengan kreatif dan tak terduga.Perancang sistem interaktif harus berbaur dengan pengetahuan tentang kelayakan teknis dan dengan rasa estetika mistis apa yang menarik pengguna. mudahnya, kita sebagai desainer dari User Interface harus mengetahui apa yang layak dan disukai oleh para pengguna.

Carroll dan Rosson karakterisasi desain:

• Desain adalah suatu proses.
• Proses desain nonhierarchical.
• Proses ini secara radikal transformasional.
• Desain intrinsik melibatkan penemuan tujuan-tujuan baru.

 

“Usability engineering” telah berkembang menjadi disiplin yang diakui dengan praktek jatuh tempo dan satu set tumbuh standar

 

Insinyur dan arsitek kegunaan user-interface, kadang-kadang disebut pengalaman pengguna (UX) tim yang mendapatkan pengalaman dalam perubahan organisasi

 

Ada banyak makalah dan pelaporan menangani pengembalian investasi (ROI) untuk pengujian kegunaan

 

Asosiasi Usability Profesional (UPA) mengadakan pertemuan tahunan yang disebut “Hari Usability Dunia”

 

The Four Pillars of Design

Persyaratan User Interface

• Meminta dan jelas menentukan kebutuhan pengguna adalah kunci utama untuk sukses dalam setiap kegiatan pembangunan
• Meletakkan persyaratan user-interface merupakan bagian dari pengembangan persyaratan dan proses manajemen secara keseluruhan
• Persyaratan antarmuka pengguna menggambarkan perilaku sistem

 

Pengamatan etnografi

• Mengidentifikasi dan mengamati komunitas pengguna dalam aksi
• dibahas kemudian

 

Pedoman dokumen dan proses
Setiap proyek memiliki kebutuhan yang berbeda, tetapi pedoman harus dipertimbangkan untuk:

 

Kata-kata, ikon, dan grafik

• Terminologi (benda dan tindakan), singkatan, dan kapitalisasi
• Set karakter, font, ukuran font, dan gaya (tebal, miring, garis bawah)
• Ikon, grafis, ketebalan garis, dan
• Penggunaan warna, latar belakang, menyoroti, dan berkedip

 

Masalah layar-layout

• Pilihan menu, bentuk fill-in, dan format dialog-box
• Kalimat prompt, umpan balik, dan pesan kesalahan
• Pembenaran, ruang putih, dan margin
• Entri data dan menampilkan format untuk item dan daftar
• Gunakan dan isi header dan footer

 

Perangkat input dan output

• Keyboard, display, kontrol kursor, dan perangkat penunjuk
• Suara terdengar, umpan balik suara, input sentuhan, dan perangkat khusus lainnya
• Response time untuk berbagai tugas

 

Developmental Methodologies

 

Rapid Contextual Design

From Holtzblatt, et al., Rapid Contextual Design:

A How-To Guide to Key Techniques for User-Centered Design

 

Ethnographic Observation

Persiapan

• Memahami kebijakan organisasi dan budaya kerja.
• Membiasakan diri dengan sistem dan sejarahnya.
• Tetapkan tujuan awal dan siapkan pertanyaan.
• Mendapatkan akses dan izin untuk mengamati / wawancara.

 

Studi Lapangan

• Menjalin hubungan dengan manajer dan pengguna.
• Amati / pengguna wawancara di tempat kerja mereka dan mengumpulkan data kuantitatif / kualitatif subjektif / objektif.
• Ikuti petunjuk yang muncul dari kunjungan.

 

Analisa

• Kompilasi data yang dikumpulkan dalam numerik, tekstual, dan database multimedia.
• Menghitung data dan mengkompilasi statistik.
• Mengurangi dan menafsirkan data.
• Menyempurnakan tujuan dan proses yang digunakan.

 

Pelaporan

• Pertimbangkan beberapa pemirsa dan tujuan.
• Menyiapkan laporan dan menyajikan temuan.

 

Participatory Design

kontroversial

Keterlibatan pengguna lebih membawa:

• informasi yang lebih akurat tentang tugas-tugas
• lebih banyak kesempatan bagi pengguna untuk mempengaruhi keputusan desain
• rasa partisipasi yang membangun investasi ego pengguna dalam keberhasilan pelaksanaan
• potensi peningkatan penerimaan pengguna sistem akhir

 

Scenario Development

Day-in-the-life scenarios:

• ciri apa yang terjadi ketika pengguna melakukan tugas-tugas khusus
• dapat bertindak sebagai bentuk walkthrough
• dapat digunakan sebagai dasar untuk rekaman video
• alat yang berguna
  • tabel komunitas pengguna di atas, tugas-tugas yang tercantum di sisi yang
  • tabel urutan tugas
  • flowchart atau diagram transisi

 

Social Impact Statement for Early Design Review

Menjelaskan  sistem baru dan manfaatnya

• Sampaikan tujuan tingkat tinggi dari sistem yang baru.
• Identifikasi pemangku kepentingan.
• Mengidentifikasi manfaat spesifik

 

kekhawatiran dan hambatan potensial

• Mengantisipasi perubahan fungsi pekerjaan dan PHK potensial.
• Menangani masalah-masalah keamanan dan privasi.
• Diskusikan akuntabilitas dan tanggung jawab untuk sistem penyalahgunaan dan kegagalan.
• Hindari potensi bias.
• Timbang hak-hak individu vs manfaat sosial.
• Analisis trade-off antara sentralisasi dan desentralisasi.
• Pertahankan prinsip-prinsip demokrasi.
• Pastikan beragam akses.
• mempromosikan kesederhanaan dan melestarikan apa yang berhasil.

 

Garis proses pembangunan

• Hadir dan diperkirakan jadwal proyek.
• Mengusulkan proses untuk membuat keputusan.
• Diskusikan harapan tentang bagaimana para pemangku kepentingan akan dilibatkan.
• Kenali kebutuhan untuk lebih banyak staf, pelatihan, dan perangkat keras.
• Mengusulkan rencana untuk backup data dan peralatan.
• Outline rencana untuk migrasi ke sistem baru.

 

Legal Issues

potensi Kontroversi

• Materi apa yang memenuhi syarat untuk hak cipta?
• Apakah hak cipta atau paten yang lebih tepat untuk user interface?
• Apa yang merupakan pelanggaran hak cipta?
• Haruskah antarmuka pengguna dilindungi hak cipta?
• Berkembang kebijakan publik yang terkait dengan:
  • pribadi
  • Kewajiban yang berhubungan dengan sistem keamanan / kehandalan
  • Kebebasan berbicara

 

www.binus.ac.id

 

User-interface designers dan para penelitinya telah mengumpulkan pengalaman, bukti empiris dan teori, yang dapat diatur ke dalam:

• Spesifik, pedoman praktis yang meresepkan praktek yang baik dan hati-hati terhadap bahaya
• Prinsip untuk menganalisis dan membandingkan alternatif desain
• Teori dan model untuk penjelasan yang komprehensif dapat dibuat

Guidelines

Guidelines, prinsip-prinsip dan teori-teori membuat peluang besar untuk meningkatkan antarmuka pengguna.

Guidelines membantu untuk mengembangkan bahasa bersama dan konsistensi antara desainer dalam terminologi, penampilan, dan tindakan. Ada banyak Guidelines misalnya dalam navigasi interface, mengatur tampilan, mendapatkan perhatian pengguna, memfasilitasi entri data.

Guidlines pedoman navigasi interface , yang dikembangkan oleh National Cancer Institute :

• Standarisasi urutan tugas
• Pastikan bahwa link tertanam deskriptif
• Gunakan judul yang unik dan deskriptif
• Gunakan radio button untuk pilihan yang saling eksklusif
• Gunakan checck box untuk pilihan ganda
• Mengembangkan halaman yang akan mencetak dengan benar
• Gunakan gambar thumbnail untuk melihat gambar yang lebih besar

Guidelines dalam menjelajahi User – Interface :

• Menyediakan teks alternatif untuk setiap konten non – teks
• Memberikan alternatif untuk media berbasis waktu . Sinkronisasi alternatif setara dengan presentasi
• Membuatnya lebih mudah untuk melihat dan mendengar isi tersebut
• Membuat halaman web muncul dan beroperasi dengan cara yang dapat diprediksi

Guidlines dalam mengatur tampilan , yang ditawarkan oleh Smith dan Mosier ( 1986) :

• Konsistensi menampilkan data
• Informasi yang efisien asimilasi oleh pengguna
• Beban memori minimal pada pengguna
• Kompatibilitas tampilan data dengan entri data
• Fleksibilitas untuk kontrol pengguna menampilkan dataGuidlines dalam mendapatkan perhatian pengguna

Guidelines dalam mendapatkan perhatian pengguna :

• Intensitas. Gunakan dua tingkat intensitas hanya untuk menarik perhatian
• Menandai. Gunakan garis bawah, kotak, panah atau tanda bintang dll
• Ukuran. Gunakan hingga empat ukuran, ukuran yang lebih besar untuk lebih memperhatikan
• Pilihan font. Gunakan hingga tiga font
• Video Inverse. Gunakan pewarna terbalik
• blinking. Gunakan blinking display (2-4Hz)
• Color. Gunakan hingga empat warna standar
• Audio. Gunakan nada lembut untuk umpan balik positif biasa, harsch suara untuk darurat

Berfokus pada priciples berikut:

 

• Menentukan tingkat keterampilan pengguna ‘
• Mengidentifikasi tugas-tugas pengguna
• Pilih gaya interaksi
• Gunakan Delapan Aturan Emas
• Mencegah kesalahan
• Pastikan kontrol manusia sekaligus meningkatkan otomatisasi

Determine Users‘ Skill Level

• Desainer harus tahu pengguna mereka
• Pengguna berbeda dalam penuaan, jenis kelamin, kemampuan fisik dan kognitif, pendidikan, latar belakang budaya atau etika, pelatihan, motivasi, tujuan, dan kepribadian
• Ada komunitas pengguna untuk sebuah antarmuka, terutama untuk aplikasi web dan perangkat mobile, sehingga usaha desain dikalikan
• Designer harus desain berdasarkan (diasumsikan) tingkat keterampilan
  -Pengguna pemula atau pertama kali, misalnya Pengguna ATM diasumsikan sebagai pemula
  -Pengguna intermiten luas, misalnya Mahasiswa sebagai pengguna pengolah kata
  -Pengguna sering Expert, misalnya Kasir pada titik terminal penjualan
• Sebuah aplikasi dengan keterampilan perbedaan tingkat pengguna harus dirancang dalam desain multi layer

Identify the User Tasks

• Developver harus mengidentifikasi tugas-tugas pengguna di mana mereka mengamati dan pengguna wawancara berjam-jam untuk menganalisis tugas pengguna
• Relatif tugas frekuensi dapat digunakan untuk subdevide pengguna ke pengguna pemula, intermitten, atau ahli

Identify the User Tasks

	Query by Patient		Update data	Query across Patients		Add Relations	Evaluate System
Job title
Nurse		0.14	0.11
Physician		0.06	0.04
Supervisor		0.01	0.01		0.04
Appointment personal		0.26
Medical-record maintainer		0.07	0.04		0.04	0.01
Clinical researcher					0.08
Database programmer					0.02	0.02	0.05

• Tugas dapat subdevided ke dalam tindakan
• Tindakan sering dilakukan dengan menekan tombol khusus misalnya Tombol panah, Del, Insert
• Tindakan kurang sering dilakukan dengan menekan surat khusus ditambah tombol Ctrl misalnya Ctrl + s
• Tindakan Jarang atau kompleks yang dilakukan oleh urutan menu pilihan

Choose an Interaction Style

• Manipulasi langsung. Representasi visual dalam dunia aksi
• Pilihan menu. Pengguna memilih item dari daftar layanan yang disediakan oleh sistem interaktif
• Form fill-in. Diperlukan oleh entri data
• Bahasa perintah. Lebih tepat untuk pengguna aktif
• Natural languange

Advantages

Disadvantages

Direct manipulation Visually presents task concepts Allows easy learning Allows easy retention Allows errors to be avoided Encourages exploration Affords high subjective satisfaction Menu selection Shortens learning Reduces keystrokes Structures decision making Permits use of dialog- management tools Allows easy support of error handling Form fillin Simplifies data entry Requires modest training Gives convenient assistance Permits use of form-management tools

May be hard to program May require graphics display and pointing devices Presents danger of many menus May slow frequent users Consumes screen space Requires rapid display rate Consumes screen space

 

Advantages	Disadvantages
Command language Is flexible Appeals to “power” users Supports user initiative Allows convenient creation of user defined macros Natural language Relieves burden of learning syntax	Has poor error handling Requires substantial training and memorization Requires clarification dialog May require more keystrokes May not show context Is unpredictable

www.binus.ac.id