BAB II ANALISIS ANTARMUKA PENGGUNA

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? <Y/T>), 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

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 tugas-tugas 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 :

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 rata-rata 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 langkah-langkahnya sebagai berikut,

 Pilih Format (menggunakan mouse).  Klik pilihan Page.

 Klik Background.

 Pada bagian Fill, klik Color.  Pilih Warna yang diinginkan.

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)

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 langkah-langkahnya 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 Operasi Waktu (detik)

Mengawali Task (inisialisasi) M 1.2

Home hand to mouse H 0.4

Klik View B 0.1

Berpikir untuk memilih jenis tampilan M 1.2

Klik jenis tampilan B 0.1

Total Waktu 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 workspace

M 1.2

Klik jenis tampilan B 0.1

b. Task 2 pada OpenOffice.org Impress : Memberi warna pada background slide

Deskripsi/langkah melakukan Task Operasi Waktu (detik)

Mengawali Task (inisialisasi) M 1.2

Home hand to mouse H 0.4

Klik Format B 0.1

Berpikir untuk mencari pilihan page M 1.2

Klik Background B 0.1

Klik Color B 0.1

Berpikir untuk memilih warna M 1.2

Klik OK B 0.1

Total Waktu 4.4

c. Task 3 pada OpenOffice.org Impress: Menyisipkan Gambar Menggunakan Insert

Deskripsi/langkah melakukan Task Operasi Waktu (detik)

Mengawali Task (inisialisasi) M 1.2

Home hand to mouse H 0.4

Klik Insert B 0.1

Berpikir untuk mencari pilihan picture M 1.2 Arahkan pointer ke pilihan picture P 1.1 Berpikir untuk memilih asal gambar yang

digunakan

M 1.2

Klik From File B 0.1

Berpikir untuk mencari gambar yang diinginkan M 1.2

Klik Open B 0.1

Total Waktu 6.6

d. Task 1 pada Microsoft Office PowerPoint : Menampilkan Slide Alternatif 1 : Menggunakan View

Deskripsi/langkah melakukan Task Operasi Waktu (detik)

Mengawali Task (inisialisasi) M 1.2

Home hand to mouse H 0.4

Klik View B 0.1

Berpikir untuk memilih jenis tampilan M 1.2

Klik jenis tampilan B 0.1

Total Waktu 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 slidepane

M 1.2

Klik jenis tampilan B 0.1

Total Waktu 2.9

e. Task 2 pada Microsoft Office PowerPoint : Memberi warna pada background slide

Deskripsi/langkah melakukan Task Operasi Waktu (detik)

Mengawali Task (inisialisasi) M 1.2

Home hand to mouse H 0.4

Klik Format B 0.1

Berpikir untuk mencari pilihan Background M 1.2

Klik Background B 0.1

Berpikir untuk memilih warna yang dinginkan M 1.2

Klik Apply to all/apply B 0.1

Total Waktu 4.3

f. Task 3 pada Microsoft Office PowerPoint : Menyisipkan Gambar Menggunakan Insert

Deskripsi/langkah melakukan Task Operasi Waktu (detik)

Mengawali Task (inisialisasi) M 1.2

Home hand to mouse H 0.4

Klik Insert B 0.1

Berpikir untuk mencari pilihan picture M 1.2 Arahkan pointer ke pilihan picture P 1.1 Berpikir untuk memilih asal gambar yang

digunakan

M 1.2

Klik From File B 0.1

Berpikir untuk mencari gambar yang diinginkan M 1.2

Klik Open B 0.1

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 masing-masing Sistem Operasi :

Ke y

Nam a

Deskripsi

F1 Help Menyediakan bantuan kontekstual ketika kursor diarahkan pada daerah spesifik di layar/panel

…. …… ………dst……… …….