KAJIAN JURNAL : TWO HANDED MARKING MENUS FOR MULTITOUCH DEVICES

TWO HANDED MARKING MENUS FOR MULTITOUCH DEVICES

KENRICK KIN, University of California, Berkeley and Pixar Animation Studios

BJO¨ RN HARTMANN and MANEESH AGRAWALA, University of California, Berkeley

DOI : 10.1145/1993060.1993066 http://dx.doi..org/10.1145/1993060.1993066

We investigate multistroke marking menus for multitouch devices and we show that using two hands can improve performance. We present two new two-handed multistroke marking menu variants in which users either draw strokes with both hands simultaneously or alternate strokes between hands. In a pair of studies we find that using two hands simultaneously is faster than using a single, dominant-handed marking menu by 10–15%. Alternating strokes between hands doubles the number of accessible menu items for the same number of strokes, and is similar in performance to using a one-handed marking menu.We also examine how stroke direction affects performance. When using thumbs on an iPod Touch, drawing strokes upwards and inwards is faster than other directions. For two-handed simultaneous menus, stroke pairs that are bilaterally symmetric or share the same direction are fastest. We conclude with design guidelines and sample applications to aid multitouch application developers interested in using one- and two-handed marking menus.

Moch. Gia Priyana Pajar / G54120006

Undergraduate Student of Mathematis FMIPA IPB

Marking menus adalah syarat dasar yang memungkinkan pengguna memelih item menu dengan menggambar penggerakan. Perangkat input multitouch baru-baru ini menjadi alternatif yang populer untuk perangkat pribadi berlayar kecil seperti Apple.

Keterbatasan jari-jari tangan yang membatasi jangkakuan sebuah pergerakan mengakibatkan perancang multitouch harus mempertimbangkan pengembangan penggunanan satu atau dua tangan marking menus di perangkat mudah digenggam (handheld) atau layar besar.

Designing two handed marking menus :

1.       Two-Handed Simultaneous Marking Menus

User menggambar masing-masing penggerakan dengan kedua tangan pada waktu yang bersamaan.

2.       Two-Handed Ordered Marking Menus           

User menggunakan alternating hands(kedua tangan secara berurutan) dengan memperhatikan step pertama dan kedua dalam menggambar penggerakan

Melakukan study design kepada partisipan  menggunakan teknik menu dengan mengukur 3 variabel bebas (devices, menu technique, dan menu layout) dan  4 variabel terikat (Reaction time, movement time, total time and accuracy).

Akhirnya, untuk kondisi two-handed, kami menguji perbedaan dalam jumlah tumpang tindih temporal dua tangan dan efek dari tangan  yang memulai pada kinerja untuk teknik memerintahkan.

Total time :

Hasilnnya menunjukan bahwa untuk kedua perangkat dan disemua layout, tangan yang dominan lebih lambat dari tangan yang dominan. Selain itu, total waktu yang diperlukan oleh Two-hand mennus tidak berbeda secara signifikan dari total waktu yang dibutuhkan oleh tangan yang dominan.

Reaction time :

Hasilnya menunjukan bahwa teknik  two-handed simultaneous memiliki reaction times yang paling lambat dari semua tehnik.

Movement time :

Hasilnya menunjukan tehnik two-handed memiliki movement time yang lebih cepat dari pada tehnik one-handed. Tehnik two-handed simultaneous lebih cepat dari pada tehnik two-handed ordered .

Accuracy :

Hasilnya mengindentifikasi bahwa tidak perbedaan secara signifikan dari semua tehnik. Tapi tehnik two-handed simultaneous memiliki akurasi yang kucil dari pada yang lain.

Layout Stroke Groupings :

Hasilnya menampilkan bahwa rata-rata waktu total untuk same-axis pairs lebih cepat dari strokes along different axes dan perbedaan terbesar pada kecepatan untuk tehnik two-handed simultanious.

Temporal overlap :

Hasilnya menunjukan bahwa tehnik two-handed simultanious mempunyai waktu tunda yang lebih pendek antara inisisai sentuhan dan waktu tumpah tindih yang lebih besar dari tehnik two-handed ordered.

Starting hand for Two-Handed Ordered :

Hasil menunjukan bahwa tangan yang memulai tidak mempengaruhi performance (speed or accuracy) dari tehnik two handed ordered .

Two-handed multistroke marking menus sangat efektif dalam teknik menyeleksi menu pada perangkat multitouch. Studi ini dari kinerja ahli tingkat menunjukan bahwa varian simultan lebih cepat daripada one-hand designs and performs dalam alasan keakuratan. Susunan varian menggandakan jumlah item menu yang dapat diakses. Teknik seperti two-handed marking menus adalah cara untuk memanfaatkan secara keselurahan potensi dari sebuah perangkat.    

VISIBILITY OF SYSTEM STATUS

Pemberitahuan Sistem Dimana User Berada

Gambar (1)

Gambar (1)

Pada gambar (1) user diberitahu dimana user berada (Home -> Profill) namun pada gambar (2) user tidak diberitahu dimana user berada, biasanya user yang baru mengunjungi web ingin tahu dimana mereka berada. Dengan tidak adanya feedback yang memberitahu dimana user berada user biasanya akan kebingungan. 

Sebaiknya di setiap menu user diberi feedback tentang dipage mana user berada, atau bisa dengan cara menandai salah satu konten yang ada di menu bar dengan warna yang lebih gelap. Contohnya misalkan kita berada di menu informasi, web bisa memberikan feedback dengan cara memberi warna yang lebih gelap pada kotak informasi.

Saverity Rating : 2

-----------------

Pencarian yang Tidak Relevan dengan input keyword - Kaltimprov.go.id

Ketika mengetik kata 'IPB' pada kotak pencarian kemudian keluar berita-berita serta artikel namun tidak ada artikel yang relevan dengan input keywordnya.

sebaiknya jika memang tidak ada informasi yang berkaitan dengan keyword-nya ada pemberi tahu seperti "pencarian tidak ditemukan".

Saverity rating : 2

-------------

Saverity Rating :

0 = I don't agree that this is a usabillity at all

1 = Cometic problem only : need not be fixed unless extra time is available on project

2 = Minor usabillity problem : fixing this should be given low priority

3 = Major usabillty problem : important to fix, so should be given high priority

4 = Usabillity catastrophe : imperative to fix this befoe product can be released

AESTHETIC AND MINIMALIST DESIGN

Terlalu Banyak Konten Pada Halaman Beranda - Kaltimprov.go.id

Terlalu banyak logo, text, serta penempatan konten-konten yang terkesan menumpuk membuat pandangan tidak terfokus pada satu hal, padahal design yang minimalis namun tetap memperhatikan isi dari web akan lebih baik.

Sebaiknya semua informasi dimasukan pada menu bar dan dijadikan sebuah kategori agar tidak terkesan menumpuk dengan text yang panjang pada halaman beranda.

Saverity Rating : 3

--------------------

Warna  Bar 'alamat penting' yang Membingungkan User.

Pada kondisi state ini saya sebagai user bingung melihat warna bar yang lebih gelap, awalnya saya mengira kalau saya ada di halaman 'alamat penting' padahal saya ada dihalaman beranda. Akan lebih baik jika warna nya sama atau pada kotak alamat penting diberi outline agar tidak terjadi kesalahan penafsiran seperti pada kasus diatas.

Saverity Rating : 1

--------------------

Saverity Rating :

0 = I don't agree that this is a usabillity at all

1 = Cometic problem only : need not be fixed unless extra time is available on project

2 = Minor usabillity problem : fixing this should be given low priority

3 = Major usabillty problem : important to fix, so should be given high priority

4 = Usabillity catastrophe : imperative to fix this befoe product can be released

HELP AND DOCUMENTATION

Mencari Task 'Suara Anda' - Kaltimprov.go.id

Pada Task 'suara anda' saya dibuat bingung karena saya membutuhkan waktu yang lama agar saya dapat memasukan komentar saya di 'suara anda', tidak adanya link atau petunjuk yang mengarah kepada Task 'suara anda' cukup menghabiskan waktu untuk mencarinya.

Seharusnya terdapat link yang mengarah kepada hal tersebut, atau ada petunjuk berupa icon tanda tanya (help) .

Saverity Rating : 2

--------------------

Pencarian yang Tidak Relevan dengan input keyword - Kaltimprov.go.id

Ketika mengetik kata 'IPB' pada kotak pencarian kemudian keluar berita-berita serta artikel namun tidak ada artikel yang relevan dengan input keywordnya.

sebaiknya jika memang tidak ada informasi yang berkaitan dengan keyword-nya ada pemberi tahu seperti "pencarian tidak ditemukan".

Saverity rating : 2

-------------

Saverity Rating :

0 = I don't agree that this is a usabillity at all

1 = Cometic problem only : need not be fixed unless extra time is available on project

2 = Minor usabillity problem : fixing this should be given low priority

3 = Major usabillty problem : important to fix, so should be given high priority

4 = Usabillity catastrophe : imperative to fix this befoe product can be released

ERROR PREVENTION

Kesalahan Pada Tombol Search - Kaltinprov.go.id

Ketika saya sedang melakukan pencarian ada kejanggalan dimana tombol search (yang ditandai lingkaran merah) dapat di-klik walaupun saya belum meng-input keyword yang saya inginkan.

Akan lebih baik jika sebelum ada huruf yang masuk tombol search dihilangkan fungsinya untuk sementara, setelah memasukan keyword kemudian fungsinya berfungsi kembali. seperti ini contohnya : 

severity rating : 2

--------------------

Tidak Adanya Auto recommended Feature - Kaltimprov.go.id

tidak adanya auto recommended feature akan sedikit menyulitkan user untuk mencari informasi yang tersedia dan relevan dengan web tersebut.

Akan lebih baik disediakan auto-recommended feature sehingga akan memudahkan user.

severity rating : 2

-------------------

0 = I don't agree that this is a usabillity at all

1 = Cometic problem only : need not be fixed unless extra time is available on project

2 = Minor usabillity problem : fixing this should be given low priority

3 = Major usabillty problem : important to fix, so should be given high priority

4 = Usabillity catastrophe : imperative to fix this befoe product can be released

HELP USERS RECOGNIZE, DIAGNOSE AND RECOVER FROM ERRORS

Kesalahan Pada Task 'Suara Anda' - Kaltimprov.go.id

Ketika ingin melakukan task 'suara anda' pertama-tama user diharuskan mengisi nama, email, suara anda dan memasukan kode yang tersedia. Setelah mengisi semua di kotak yang tersedia kemudian meng-klik yang ditandai merah, namun apa yang terjadi bukan lah 'suara anda' ter-post melainkan terjadi error. Disini user akan kebingungan apa yang sebenarnya terjadi.
Akan lebih baik jika diberikan link page atau beri sedikit kesan lucu untuk sekedar meredam emosi user hehe

Saverity rating : 3

--------------------

Kesalahan pada link visi dan misi - Kaltimprov.go.id

Terdapat tanda link pada bagian gambar visi dan misi, saya kira setelah meng-klik gambar tersebut akan ada informasi tentang visi dan misi atau gambar itu diperbesar, namun setelah di-klik yang keluar adalah blank page. Jelas ini akan sangat membingungkan user.
Seharusnya diberitahu bahwa terjadi error, bisa menggunakn 'Page not found' error seperti solusi masalah sebelumnya.

severity rating : 3
--------------------

Severity rating

0 = I don't agree that this is a usabillity at all

1 = Cometic problem only : need not be fixed unless extra time is available on project

2 = Minor usabillity problem : fixing this should be given low priority

3 = Major usabillty problem : important to fix, so should be given high priority

4 = Usabillity catastrophe : imperative to fix this befoe product can be released

Visualisasi Informasi

PARIWISATA | Create infographics