BAB II ANALISIS ANTARMUKA PENGGUNA
Pertemuan ke
:1
Alokasi waktu
: 1 Jam
Kompetensi dasar
: 1.
Mahasiswa mampu memahami komponen-komponen yang dibutuhkan pada saat ingin melakukan analisis perancangan antar muka pengguna.
Indikator
: 1.
Menuliskan dan menjelaskan analisis kebutuhan antar muka pengguna.
A. Teori pendukung : a. Teknik interaksi Ada tiga kelompok teknik/gaya interaksi yaitu : a.) Linguistic Styles Merupakan penyampaian ‘aksi’ melalui bahasa yang dimengerti oleh komputer. Karakteristik teknik ini antara lain :
Masukan aksi melalui papan ketik alfabet (alphanumerci keyboard) yang ditulis/diketik.
Bahasa yang dimengerti oleh komputer merupakan bagian kecil dari bahasa manusia.
Adanya aturan penulisan (syntax) dan semantic untuk menyatakan ‘aksi’
Contohnya bisa dilihat pada gambar 2.1 :
Gambar 2.1 Contoh tampilan penggunaan Linguistic Styles b.) Key-Model Styles Merupakan penyimpanan ‘aksi’ melalui penekanan tombol-tombol yang diprogram sebelumnya untuk menjalankan fungsi-fungsi.
Karakteristik teknik ini antara lain :
Masukkan aksi melalui tombol fungsi atau tombol alfabet.
Masukkan langkah demi langkah.
Digunakan dalam sistem berjalan (walk-up system)
Contoh : question-and-answer (misal : apakah data dicetak?
), function key interaction (misal : Tekan F1-Menu Bantuan) dan menu-based interaction (misal menu susun, menu tarik) c.) Direct Manipulation Styles Merupakan penyampaian ‘aksi’ melalui manipulasi terhadap objek tertentu. Karakteristik teknik ini antara lain :
Ditampilkannya objek untuk interaksi pengguna.
Ditampilkannya penunjuk untuk memanipulasi objek (misal pointer).
Aksi diterapkan langsung terhadap objek.
Respon seketika fungsi objek (immediate feedback)
Contoh : Pada Adobe Reader terdapat tombol untuk memperbesar (+) dan memperkecil (-) area kerja.
Gambar 2.2 Contoh tampilan penggunaan Direct Manipulation Styles
b. Teori keterbatasan memori manusia (ada 3 bagian) Ada dua tipe memori untuk merekam informasi : a. Short-Term-Memory/STM (atau networking memory) Ciri-ciri dari memori jenis ini adalah :
Mudah lupa dalam waktu 20detik
Lebih banyak informasi untuk diingat akan menambah kecepatan untuk dilupakan pula
Gangguan terhadap informasi yang serupa sering menyebabkan salahnya informasi saat dipanggil
Kecepatan informasi dilupakan tidak secara linear, tetapi seringkali disebabkan dari hasil pemahaman terhadap sistem yang kompleks
b. Long-Term-Memory/LTM Apabila menggunakan antarmuka kita harus mampu mengingat detil kunci dari penggunaan sebelumnya. Contoh penggunaan Long-Term-Memory : Files : sistem file dan penamaan file.
Procedure : password, logging on dan off.
Rules : aturan sistem.
Aturan yang perlu diperhatikan pada saat mencipatakan user interface terkait dengan memori adalah :
Apapun antarmukanya harus memperhitungkan keterbatasan memori
Antarmuka harus memandu dan mendorong pengguna untuk mengingatkan informasi yang telah diterimanya. Buatlah materi yang mudah dikenal dan dipanggil kembali.
Nama dan icon harus mengandung arti supaya mudah diingat.
Rancangan antarmuka dan fungsi harus konsisten untuk mudah diingat.
c. Kelompok pengguna Pembagian kelompok pengguna dibagi menjadi 3, yaitu : a. Novice / First Time User
Mengetahui sedikit konsep
Hanya memiliki pengetahuan yang dangkal akan software
Pengguna asing dengan software
Action yang disediakan sebaiknya sedikit saja
Memberikan rasa nyaman dan bantuan
Informasi kesalahan harus secara detail dan terperinci
Bantuan dokumentasi dan step by step tutorial sangat membantu
b. Knowladgeable Intermittent Users
Mengetahui fungsi software
Kesulitan mencari letak dari fungsi-fungsi yang diketahui
Proteksi dari bahaya dibutuhkan karena user mulai melakukan eksplorasi
Online help dan dokumentasi sangat membantu
c. Expert Frequent user
Ahli dan mengetahui secara detail kegunaan fungsi-fungsi software
Dapat menggunakan fungsi-fungsinya secara optimal
Membutuhkan respon yang cepat dan tidak mebutuhkan feedback
User memerlukan adanya perintah macro
Menu-menu yang ada dibuat ringkas dan cepat.
B. Langkah Praktikum : Skenario : Step 1 : Bentuklah kelompok dengan jumlah anggota 3 orang pada tiap-tiap kelompok Step 2 : Tuliskan Software dengan tingkat a. paling sering digunakan b. jarang digunakan c. belum pernah menggunakan. Step 3 : Amatilah ketiga software tersebut Step 4 : Gunakanlah ketiga software tersebut. Tuliskan bagaimana penguasaan anda dalam menggunakannya terkait dengan antar muka yang tersedia. Step 5 : Tuliskan komentar dan saran kelompok anda terhadap masing-masing software tersebut sesuai dengan tingkatan masing-masing.
d. Goms dan Keystroke Level Model Prinsip dasar KLM adalah menyusun daftar yang berisi urutan tindakan pada tingkat penekanan tombol (keystroke-level actions) yang harus dilakukan oleh pengguna untuk menyelesaikan sebuah tugas, kemudian menjumlahkan keseluruhan waktu yang diperlukan untuk mengerjakan tindakan (action) tersebut. Tidak diperlukan contoh rancangan (mocked-up design) yang menyerupai bentuk nyata, namun antarmuka pengguna harus ditunjukkan secara cukup detil untuk menunjukkan urutan tindakan yang diperlukan dalam mengerjakan tugastugas yang terkait. Dengan menggunakan KLM, orang sering menemukan cara yang lebih efisien atau lebih baik untuk menyelesaikan tugas hanya dengan menganalisa langkah-langkah yang diperlukan dalam proses dan menata ulang atau menghilangkan langkah-langkah yang tidak dibutuhkan.
Tindakan-tindakan yang dilakukan oleh pengguna dikatakan berada pada keystroke level jika tindakan yang dilakukan adalah menekan kunci/huruf, menggerakkan mouse, menekan tombol, dan sebagainya. Contohnya adalah pada saat pengguna melakukan login ke sistem. Pada tugas ini, pengguna harus menggerakkan mouse ke field yang tersedia, mengetikkan nama pengguna dan kata sandi kemudian menekan tombol ’OK’.
Standar waktu eksekusi:
K - key press (0.2 sec = 55 wpm)
P - point with mouse (1.1 sec)
B - mouse button press (0.1 sec)
H - home hands to keyboard or mouse (0.4 sec)
M - mental act of thinking (1.2 sec)
W(t) - waiting for the system to respond (time t must be determined)
R - responding: The time a user must wait for a computer to respond to input.
Langkah-langkah Pengujian: Untuk menguji penerapan KLM dalam memprediksi waktu eksekusi, secara umum digunakan metodologi sebagai berikut : a. Menyusun daftar aksi yang spesifik yang dilakukan pengguna untuk mengerjakan sebuah tugas, misalnya :
Menekan kunci dan tombol
Menggerakkan mouse / navigation key
Memindahkan tangan antara keyboard (keypad) dan mouse (navi key)
Waktu tanggap sistem (jika pengguna harus menunggu)
b. Menambah Mental operators c. Mencatat waktu eksekusi pada tiap-tiap langkah d. Menjumlahkan keseluruhan waktu eksekusi. Total waktu eksekusi merupakan prediksi waktu operator untuk menyelesaikan sebuah tugas
Skenario 1 : Step 1 : Pilihlah dua software text editor. Amati kedua software tersebut.
Step 2 : Lakukan analisis untuk masing-masing software. Step 3 : Temukan kekurangan dan kelebihan software tersebut
Skenario 2 : Step 1: 1. OpenOffice.org Impress OpenOffice.org Impress adalah perangkat lunak yang digunakan untuk membantu pembuatan dan penyajian presentasi dengan mudah dan dalam waktu yang cepat.
Gambar. 1. Tampilan OpenOffice.org Impress Layar utama OpenOffice.org Impress terdiri dari 3 bagian : slides panes, workspace dan task pane, seperti nampak pada gambar 1. Sebagai tambahan beberapa toolbar dapat disembunyikan atau ditampilkan ketika sedang membuat suatu presentasi. 2. Microsoft Office Power Point Microsoft Office Power Point merupakan aplikasi yang dimiliki oleh Microsoft dengan kemampuan yang sejenis dengan OpenOffice.org Impress, yaitu aplikasi untuk membuat dan menampilkan suatu slide presentasi,seperti terlihat di gambar 5.
Gambar 2. Tampilan Microsoft Office PowerPoint
Step 2 : a. Task yang akan diidentifikasi ada tiga task yang akan diidentifikasi berdasarkan kinerja yang paling baik, kinerja ratarata dan kinerja yang paling buruk : (1) Task dengan kinerja baik : Setelah melihat task yang terdapat pada OpenOffice.org Impress ini, task yang memiliki kinerja cukup baik adalah task untuk menampilkan slide.
Untuk menampilkan slide, secara umum langkah-langkahnya adalah sebagai berikut,
Pilih View (menggunakan mouse).
Klik pilihan View yang ada, seperti normal, outline, slide sorter dan lain-lain (menggunakan mouse), dapat dilihat pada gambar 2.
Gambar.2. Task Menampilkan Slide atau
Dapat menggunakan pilihan untuk menampilkan sllide yang ada pada bagian workspace (menggunakan mouse).
(2) Task dengan kinerja rata-rata : Task kedua, yaitu task yang memiliki kemampuan rata-rata adalah untuk memberikan warna pada background slide. Untuk memberikan warna pada background slide, secara umum langkahlangkahnya sebagai berikut,
Pilih Format (menggunakan mouse).
Klik pilihan Page.
Klik Background.
Pada bagian Fill, klik Color.
Pilih Warna yang diinginkan.
Klik OK. (dapat dilihat pada gambar 3)
Gambar.3. Task memberi warna pada background slide
(3) Task dengan kinerja buruk : Setelah melihat task yang terdapat pada OpenOffice.org Impress ini, task yang memiliki kinerja buruk adalah task untuk menyisipkan gambar. Untuk menyisipkan gambar, secara umum langkah-langkahnya adalah sebagai berikut,
Pilih Insert (menggunakan mouse).
Klik pilihan Insert, maka akan ada dua pilihan lagi, yaitu from file dan scan.
Pada pilihan Scan, terdapat pilihan lagi yaitu select source dan request.
Jika dipilih From File, maka muncul tampilan untuk memilih file yang akan disisipkan. Pilih nama file dan tipe file yang diinginkan
Klik Open.(gambar 4)
Gambar.4. Task Menyisipkan gambar
a. Task yang akan diidentifikasi Karena aplikasi yang dibahas memiliki kemampuan yang sejenis, maka tiga task yang akan diidentifikasi berdasarkan kinerja yang paling baik, kinerja rata-rata dan kinerja yang paling buruk akan didasarkan pada task yang sama yang telah diidentifikasi pada aplikasi OpenOffice.org Impress: (4) Task dengan kinerja baik : Seperti task pada aplikasi sebelumnya, maka task yang memiliki kinerja baik adalah untuk menampilkan slide. Untuk menampilkan slide, secara umum langkah-langkahnya adalah sebagai berikut,
Pilih View (menggunakan mouse).
Klik pilihan View yang ada, seperti normal, outline, slide sorter dan lain-lain (menggunakan mouse).
Sedikit berbeda dibandingkan aplikasi sebelumnya, untuk memilih tampilan handouts, perlu dipilih pada Master, lalu klik handouts master dan beberapa pilihan lainnya.(gambar 6)
Gambar.6. Task menampilkan slide atau
Dapat menggunakan pilihan untuk menampilkan sllide yang ada pada bagian slide pane. Letak pilihan ini berbeda dibandingkan pada aplikasi sebelumnya (menggunakan mouse).
(5) Task dengan kinerja rata-rata : Task kedua, yaitu task yang memiliki kemampuan rata-rata adalah untuk memberikan warna pada background slide. Untuk memberikan warna pada background slide, secara umum langkahlangkahnya sebagai berikut,
Pilih Format (menggunakan mouse).
Klik Background.
Pada bagian Background Fill, pilih warna yang diinginkan.
Klik Apply to All atau Apply , dapat dilihat pada gambar 7.
Gambar.7. Task Memberi warna pada background slide
(6) Task dengan kinerja buruk : Task ketiga yang memiliki kinerja buruk yaitu task untuk menyisipkan gambar. Untuk menyisipkan gambar, secara umum langkah-langkahnya adalah sebagai berikut,
Pilih Insert (menggunakan mouse).
Klik pilihan Insert, maka akan ada pilihan Picture.
Klik From File, pilih nama file dan tipe file yang diinginkan
Klik Insert.(gambar 8)
Gambar.8. Task Menyisipkan gambar pada slide
3. Keystroke Level Model a. Task 1 pada OpenOffice.org Impress: Menampilkan Slide Alternatif 1 : Menggunakan View Deskripsi/langkah melakukan Task Mengawali Task (inisialisasi) Home hand to mouse Klik View Berpikir untuk memilih jenis tampilan Klik jenis tampilan Total Waktu
Operasi M H B M B
Waktu (detik) 1.2 0.4 0.1 1.2 0.1 3.0
Alternatif 2 : Menggunakan pilihan untuk menampilkan pada workspace Deskripsi/langkah melakukan Task Operasi Waktu (detik) Mengawali Task (inisialisasi) M 1.2 Home hand to mouse H 0.4 Berpikir untuk memilih jenis tampilan pada M 1.2 workspace Klik jenis tampilan B 0.1 2.9 Total Waktu
b. Task 2 pada OpenOffice.org Impress : Memberi warna pada background slide Deskripsi/langkah melakukan Task Mengawali Task (inisialisasi) Home hand to mouse Klik Format Berpikir untuk mencari pilihan page Klik Background Klik Color Berpikir untuk memilih warna Klik OK Total Waktu
Operasi M H B M B B M B
Waktu (detik) 1.2 0.4 0.1 1.2 0.1 0.1 1.2 0.1 4.4
c. Task 3 pada OpenOffice.org Impress: Menyisipkan Gambar Menggunakan Insert Deskripsi/langkah melakukan Task Mengawali Task (inisialisasi) Home hand to mouse Klik Insert Berpikir untuk mencari pilihan picture Arahkan pointer ke pilihan picture Berpikir untuk memilih asal gambar yang digunakan Klik From File Berpikir untuk mencari gambar yang diinginkan Klik Open Total Waktu
Operasi M H B M P M
Waktu (detik) 1.2 0.4 0.1 1.2 1.1 1.2
B M B
0.1 1.2 0.1 6.6
d. Task 1 pada Microsoft Office PowerPoint : Menampilkan Slide Alternatif 1 : Menggunakan View Deskripsi/langkah melakukan Task Mengawali Task (inisialisasi) Home hand to mouse Klik View Berpikir untuk memilih jenis tampilan Klik jenis tampilan Total Waktu
Operasi M H B M B
Waktu (detik) 1.2 0.4 0.1 1.2 0.1 3.0
Alternatif 2 : Menggunakan pilihan untuk menampilkan pada slidepane Deskripsi/langkah melakukan Task Operasi Waktu (detik) Mengawali Task (inisialisasi) M 1.2 Home hand to mouse H 0.4 Berpikir untuk memilih jenis tampilan pada M 1.2 slidepane Klik jenis tampilan B 0.1 2.9 Total Waktu
e. Task 2 pada Microsoft Office PowerPoint : Memberi warna pada background slide Deskripsi/langkah melakukan Task Mengawali Task (inisialisasi) Home hand to mouse Klik Format Berpikir untuk mencari pilihan Background Klik Background Berpikir untuk memilih warna yang dinginkan Klik Apply to all/apply Total Waktu
Operasi M H B M B M B
Waktu (detik) 1.2 0.4 0.1 1.2 0.1 1.2 0.1 4.3
f. Task 3 pada Microsoft Office PowerPoint : Menyisipkan Gambar Menggunakan Insert Deskripsi/langkah melakukan Task Mengawali Task (inisialisasi) Home hand to mouse Klik Insert Berpikir untuk mencari pilihan picture Arahkan pointer ke pilihan picture Berpikir untuk memilih asal gambar yang digunakan Klik From File Berpikir untuk mencari gambar yang diinginkan Klik Open Total Waktu
Operasi M H B M P M
Waktu (detik) 1.2 0.4 0.1 1.2 1.1 1.2
B M B
0.1 1.2 0.1 6.6
Step 3 : Dari analisa yang dilakukan menggunakan Keystroke Level Model pada aplikasi OpenOffice.org Impress dan Microsoft Office PowerPoint, didapatkan hasil yang hampir sama pada waktu yang dibutuhkan untuk melakukan task-task tersebut. Hal ini dikarenakan aplikasi yang diberikan mempunyai fungsi yang sama, sehingga langkah-langkah pada task yang ada pada kedua aplikasi tersebut juga hampir sama. Jika terdapat perbedaan waktu, hasil yang diperoleh tidak terlalu berbeda.
Skenario 3 : Step 1 : Amati Sistem Operasi Windows Step 2 : Amati Sistem Operasi Linux Step 3 : Tuliskan daftar Function Keys dan Shortcut Keys kedalam tabel berikut untuk masingmasing Sistem Operasi : Ke
Nam
y
a
F1
Help
Deskripsi
Menyediakan bantuan kontekstual ketika kursor diarahkan pada daerah spesifik di layar/panel
….
……
…………………………dst………………………………………………… …….
Step 4 : Tuliskan kesimpulan dari isi tabel yang telah anda kerjakan.
