Membiasakan Penggunaan Tombol TAB Saat Mengisi Form
Salah satu cara untuk mengurangi ketergantungan terhadap mouse (bahasa Indonesianya tetikus) yaitu dengan menggunakan tombol Tab pada keyboard. Pada kondisi tertentu, penggunaan tombol tersebut juga bisa sedikit menghemat waktu dan tenaga. Ini menurut pengalaman pribadi saya.
Belakangan ini, saya punya satu kebiasaan baru saat browsing, yaitu selalu menggunakan tombol Tab ketika mengisi form. Entah itu form login maupun form komentar saat blogwalking. Menurut saya, menggunakan tombol tersebut saat akan mengisi form (login/komentar) terasa lebih efisien dan efektif. Mengapa?
Usai mengisi salah satu form (misalnya nama atau username), kita bisa langsung memasuki form berikutnya dengan menekan tombol Tab pada keyboard. Tidak perlu repot pegang/klik mouse lagi untuk masuk ke form selanjutnya. Pun tidak perlu lagi menggeserkan jari di ‘touchpad’ jika tidak menggunakan mouse.
Masalah yang kadang saya alami ketika menggunakan tombol Tab saat mengisi form :
- Efek focus kurang terlihat pada form input.
Maksudnya, tidak ada efek khusus yang bisa dengan mudah membedakan form yang sedang aktif atau sedang dituju lewat tombol Tab. Efeknya, saya kadang agak sulit mengenali form yang sedang aktif ketika melakukan ‘tabbing’. Solusi untuk hal ini bagi para narablog dan web desainer silakan baca artikel Pakai Hover, Jangan Lupa Focus (di blog Daniiswara.com)
- Urutan tabindex kurang logis.
Ini kadang saya temukan/alami pada form komentar beberapa blog. Setelah mengisi data diri dan siap untuk disubmit, ternyata saat ‘tabbing’ dari form input tidak langsung menuju tombol submit, melainkan malah kembali ke
textarea(tempat komentar diisi). Setelah dari textarea tersebut, ternyata baru menuju tombol submit. Jadi harus bolak-balik dulu.Masalah lain, ketika menekan tombol reply di beberapa blog wordpress, ternyata langsung melompat ke
textarea, padahal di atasnya ada 3 form input identitas yang belum diisi. Parahnya, begitu saya menekan tombol Tab setelah mengisi komentar ditextarea, ternyata langsung menuju tombol submit. Tidak logis kan urutannya?Padahal seharusnya menuju form input identitas terlebih dahulu. Inilah salah satu alasan kenapa Anda harus mengubah urutan form komentar, dimana urutan pertama textarea dulu, baru setelah itu diikuti dengan form input dan tombol submit. Solusi lain, coba baca tentang Tabindex Tidak Logis (lagi-lagi di blog Daniiswara.com)
Nah, bagaimana dengan Anda? Pernah mencoba menggunakan tombol Tab saat mengakses sebuah situs atau saat mengisi form?
Tautan Cepat »» Beri Komentar | Baca Ulang Posting
Baca Komentar | Daftar Posting Terbaru
Tambah KafeGue di Facebook 
Ikuti KafeGue di Twitter
Menu Lainnya »» Atas » Beranda » Arsip » Profil » Kontak » Bawah
Langganan KafeGue.com melalui Email
Langganan melalui Pembaca RSS
WordPress 3.0.4
[...] tersembunyi itu pun akan bisa terdeteksi/terlihat ketika user menggunakan tombol Tab untuk menelusuri navigasi halaman blog kita. Termasuk ketika user menggunakan ekstensi readability [...]
Firefox 3.5.2 | Windows XP
wah emang asik pakai tab mas..selain cepat dan yg pasti nyaman.kalau pakai mouse bisa sieh cuman jari pegel klak-klik2 terus :D
Google Chrome 5.0.375.99 | Windows XP
Paling terasa kalau mengisi form panjang atau kuisioner, lama-lama pegel juga kalau pake mouse. Kalau sudah begitu, saya menggunakan TAB akhirnya.
Tapi saya lebih nyaman pake mouse sih di PC, kalau di notebook lebih sering pake keyboard.
:alay
Firefox 3.6.6 | Windows 7
Boleh juga pakai Tab bisa lebih cepat di bandingkan pakai mouse, tapi kembali lagi pada kebiasaan masing2. Thanks atas tipsnya
Firefox 3.6.6 | Windows 7
saya juga biasa pake nih, ditambah Ctrl+Tab untuk pindah tab browser , dan Alt+f4 untuk close,
Google Chrome 6.0.408.1 | Windows XP
@Troy Eman,
Wah, Ctrl+Tab saya baru tau mas. Makasih informasinya.
Firefox 3.6.6 | Arch Linux
@iskandaria, untuk fx bisa menghapalkan support dot mozilla dot com/en-US/kb/Keyboard+shortcuts. :)
Opera 10.60 | Windows Vista
Hmm…, di blog ini tabbing-nya setelah “search” langsung ke borang komentar ya, bukan ke konten?
Google Chrome 5.0.375.86 | GNU/Linux
@Cahya,
Kalo menggunaka Opera emang begitu mas. Pake teknik shortcut khusus untuk tabbingnya :-)
Firefox 3.6.6 | Arch Linux
@Cahya,
entah kenapa, standar ‘shortcuts’ Opera berbeda dengan peramban Web lain. Ctl+[t] untuk buka tab baru (umumnya), di Opera jadi Ctrl+[n]. [Tab]-ing jadi Ctl+[↑/↓].
Google Chrome 5.0.375.86 | GNU/Linux
@dani yang dot net,
Opera memang aneh. Lain sendiri. Tapi tetap punya pengguna setia, salah satunya mas Cahya :-)
Opera 10.60 | Windows Vista
@dani yang dot net,
Yah, saya belum sampai segitu, habisnya senior saya ndak pernah ngajarin sih :D – kalau ngafe, sibuk sendiri belajar command linux dia-nya :P
Opera 10.70 | GNU/Linux
@Cahya, eh di Opera 10.70 versi development di Linux yang saya coba ini, ctrl+t jadi buka tab baru. Ctrl+n buka window baru.
Opera 10.60 | Windows Vista
@dani,
Bukannya memang dari dulu begitu ya Bli. Ctrl+T untuk tab baru dan Ctrl+N untuk jendela baru?
Sepertinya Fx dan Chrome menggunakan shortcut yang sama.
[OOT] Sudah dapat Green Gecko 11.3 belum, he he?
Firefox 3.6.6 | Arch Linux
@Cahya, [OOT] kenapa di Linux saya beda ya?
Bukan pemakai openSUSE lagi…maaf!
Opera 10.60 | Windows Vista
@dani,
He he, saya sudah tidak ada Linux lagi habis servis laptop kemarin. Btw, kalau di SUSE saya biasanya menggunakan Fx, belum sempat mencicipi shortcut Opera :D.
Firefox 3.6.6 | Windows XP
Sayah baru tau kegunaan kolom textarea utk komentarnya dulu, baru dah form input identitas, Om. Sayah juga seneng pake tab, tapi baru tau ternyata ada yang lebih efisien form komentarnya utk ‘tabbing’.
Otre, tengkyuu so muach, tapii, ntar de sayah terapin di blog Helda. Lg males buat ngutak-ngatik. Lagian kayaknya masih lebih terbiasa dengan penempatan yang seperti biasa, Om.
Firefox 3.0.1 | Windows XP
setuju kang… sangat membantu jika mouse ngadat (pernah ngalamin)
Google Chrome 6.0.408.1 | Windows XP
@Jane,
Pengalaman yang berharga dong kalo begitu :D
Firefox 3.6.6 | Windows XP
Menurut saya, urutan tab index itu seharusnya menjadi perhatian pembuat theme.
Ketika saya mengajar materi Visual Basic di lab, saya biasanya mengingatkan masalah urutan tab index karena ini dapat menambah user friendly suatu program.
Google Chrome 5.0.375.86 | GNU/Linux
@imadewira,
Wah, dosen pemrograman lagi bicara nih. Saya belum mempelajari Visual Basic sih. Tapi kayaknya banyak digunakan untuk bikin form yach (selain Delphi). Makasih sharingnya bli.
Firefox 3.6.2 | Windows XP
Saya adalah salah satu tab-addict dalam mengisi formulir. :D
Google Chrome 6.0.408.1 | Windows XP
@ganda,
Wah, sampe addict segala :D
Safari 5.0 | Windows XP
@iskandaria, biar cepat. :D Alassanya itu saja. Daripada menggunakan tetikus.
Firefox 3.6 | Windows XP
saya agak terinspirasi make tab ketika pas berusaha ngenet gratisan di kampus, dan eh ternyata tikusnya rusak, dan pas ada temen saya yang kerjaannya suka ngetik2, brows2 make tab-button tersebut… dimulailah petualangan tab-tab-an…… :D
susahnya tu klo pake tab-tab gini pas mau register2, semisal facebook, pas ngisi form tgl lahir kyknya lompat jauh.. hha
Google Chrome 5.0.375.86 | GNU/Linux
@febriyanto,
Wah, pengalaman yang menarik sob. Terasa banget kan bergunanya tombol Tab ini saat gak ada tikus..hehehe. Ternyata pada situs besar pun masalah ini masih kurang diperhatikan.
Firefox 3.6.6 | Windows XP
Saya sih pernah mas menggunakan tab seperti itu tapi sayangnya saya kurang terbiasa, jadinya saya pake mouse deh. hehehe.
Salam kenal yah mas.
Firefox 3.6.6 | Linux Mint 9
Waw…detil banget penjelasannya…
Google Chrome 5.0.375.86 | GNU/Linux
@Jamal,
Cuma curhat kok mas.
Firefox 3.6b2 | Windows XP
nah tampilan ini lebih baik dari yang kemarin mas
sukses mas
Google Chrome 5.0.375.86 | GNU/Linux
@catatan blogger amphibi,
Makasih mas atas penilaiannya. Saya terus berusaha merapikan tampilan theme ini. Kadang sampe berjam-jam untuk mengedit kode-kode CSS dan HTMLnya :nerd
Firefox 3.6.6 | Windows XP
ganti layout neh… Sukses selalu mas..
WordPress 2.9.2
Lebih dekat bersama Iskandaria…
Untuk seri ketujuh kali ini, wawancara dilakukan bersama Iskandaria, pemilik situs kafegue.com, Seorang blogger yang murni memanfaatkan blog sebagai penyalur hoby menulisnya dan berambisi menjadi seorang Full time blogger Ayo, silahkan mulai disimak Ta…
K-Meleon 1.5.4 | Windows XP
kalau menggunakan tombol TAB saya udah agak lama memulainya Mas, menurut saya emang lebih praktis timbang menggunakan tetikus. Sebenarnya ada banyak tombol pada keyboard yang bisa kita maksimalkan seperti tombol Alt, Ctrl, dll…..
tentang form komentar saya udah coba merubahnya pada blog saya tapi permasalahnnya timbul sewaktu kita loggin isian
nama, email dan websitemasih tetap muncul.Untuk edisi mobile blog Mas Is masih belum merubah tombol form inputnya juga kan?….. :alay
Firefox 3.6.6 | Windows XP
iyah saya juga sering menggunakannya mas . . berkunjung balik yah mas ^_^
Google Chrome 5.0.375.99 | Windows XP
Biasanya malah sudah ter-submit otomatis mas. Kan ada software-nya. Hehehe.
Google Chrome 5.0.375.86 | GNU/Linux
@Agus Siswoyo,
Itu mah software spammer kayaknya mas :mewek
Firefox 3.6.3 | Windows XP
oke mas..terima kasih sudah di ingatkan..
main ke blog saya ya..
Opera 10.51 | Windows XP
bdw soal kbd, malah saya baru tahu mas ris, makasih atas informasinya
saya sebenarnya juga ingin membuat 1 kolom juga, mungkin pada bagian footernya saya bikin tabview tanpa jquery
oia btw seri wawancaranya sudah saya publish mas is, maaf kalau oot karena keburu-buru
Firefox 3.6.2 | Windows XP
Saya berkomentar ini pakai tombol Tab, dan saya juga sering melakukannya mungkin bawaan sering pakai tombol shortcut saat menggunakan aplikasi ms.word. Saat aplikasi mozilla sudah terbuka, saya langsung menggunakan beberapa shortcut yang saya tahu, membuka halaman baru mozilla (Ctrl+T), kemudian langsung ketik URLnya atau google saja, kemudian langsung ketik kata kunci kalau saya mau searching, terus untuk blog kalau saya hanya ingin membacanya, saya gunakan pageup, page down.
Saat isi komentar saya gunakan mouse pada isian paling atas (contoh pada blog ini), saya isi komentar dulu kemudian tekan Tab sampai ke bawah, tapi saat kirim komentar pada beberapa blog saya menggunakan mouse karena saat menekan tombol Tab kembali ke text area (seperti pada postingan diatas).
Google Chrome 5.0.375.86 | GNU/Linux
@ago,
Kebiasaan kita sama ternyata mas. Sip lah kalo begitu :2thumbup
Firefox 3.6.6 | Windows 7
Kalau saya sie sering memakai tab mas. Meminimalisir penggunaan mouse. :D
NetFront 3.4 | Samsung SGH-Z170
Tambah lama blog ini tambah teknis aja ulasannya. Seputar penggunaan tombol tabs saya udah lama menggunakannya mas, jadi tdk ada ketergantungan pd tetikus … Keyboard dgn segala fungsinya lebih praktis tuk digunakan kok, mulai tombol ctrl, alt, dll. Bersambung…
Google Chrome 5.0.375.86 | GNU/Linux
@Rudy azhar,
Betul banget Bang. Syukurlah kalau Bang Rudy sudah terbiasa memaksimalkan tombol-tombol pada keyboard.
Firefox 3.6.6 | Windows 7
Sepertinya setelan CSS untuk membuat tombol TAB itu menggunakan tag
<span>ya mas?Coba memakai tag tersendiri, yaitu tag
<kbd>dengan setelan CSS yang sama dengan yang digunakan pada<span class="short">tersebut.Tag
<kbd>itu tag valid XHTML, dan direkomendasi untuk menulis tombol komputer.Google Chrome 5.0.375.86 | GNU/Linux
@rismaka,
Iya mas, pake
span. Saya malah baru tau kalo ada tag lain yang bisa jadi pilihan bagus, yaitukbd. Makasih atas rekomendasinya. Ntar coba saya ubah deh.Firefox 3.6.6 | Arch Linux
Mas Adi-Rismaka,
ya
kbdlebih semantik untuk menggambarkan ‘keyboard input text’. Saya juga belum mengubahnya. Seperti jugasampuntuk contoh kode-kode komputer. Danvaryang jarang dipakai. Untuk apa saja? Googling! :)Mas Iskandaria,
Selain tab key (atau kombinasinya di Opera), sebenarnya bisa memakai ‘access key’. Sayang standardisasinya belum teratur di tiap peramban Web dan menu.
Google Chrome 5.0.375.99 | Windows XP
@dani & @Iskandaria
di google banyak artikel robot berkeliaran mendingan dimari aja, HTML tag phrase elements, (W3School.com)
cendolnya gan :)
Firefox 3.6.6 | Windows XP
@rismaka, wah2 seru nih obrol2annya :D
Gelar tiker dulu ahhh :siul
Firefox 3.6.6 | Windows 7
Kecuali memang di suatu posting tersebut pranala (link)nya tersebar merata di setiap paragraf, penggunaan tombol TAB memang membantu, karena memang fungsi TAB pada kebanyakan peramban adalah untuk loncat dari anchor link ke anchor berikutnya. Tapi kalau di postingan tersebut tidak ada pranala sama sekali, penggunaan tombol Page up dan Page Down sepertinya lebih tepat digunakan.
Nah kalau untuk mengisi form, saya setuju menggunakan tombol TAB. Saya pun selalu menggunakannya, dan hampir tidak pernah memakai mouse.
Google Chrome 5.0.375.99 | Windows XP
@rismaka,
Sama Mas Rismaka. Saya juga selalu memakai keyboard untuk mengisi form. Tidak pernah memakai mouse (mungkin dengan on screen keyboard?) hehe :D
Nah, jika efek focus memang terbukti bermanfaat pada form komentar bagaimana dengan efek hover? apakah memiliki manfaat yang sama?
Google Chrome 5.0.375.86 | GNU/Linux
@ardianzzz,
Efek
hovermenurut saya juga punya manfaat yang sama dengan efekfocus. Bedanya, hanya pada penggunaan mouse dan tombol TAB.Hovering efek cukup membantu ketika pengguna mengarahkan mouse ke salah satu form input atau
textarea. Biar lebih mudah mengenalinya :-)Google Chrome 5.0.375.86 | GNU/Linux
@rismaka,
Yups, tombol Page Up dan Page Down pun sangat mendukung aksesibilitas saat pengguna menemukan halaman web yang agak tinggi. Saya juga sering menggunakannya, terutama ketika di suatu situs/blog tidak ada jump-link.
Firefox 3.6.4 | Windows XP
Wah, saya malah belum pernah memakai tombol Tab untuk browsing. Boleh juga, Mas Is nanti saya coba sesekali kalau tangan pegel pegang mouse.
Firefox 3.5.10 | Windows XP
waduh belum pernah pake nih mas..
mau coba deh mas
thx ya :)
Firefox 3.5.10 | Windows XP
boleh khan bilang pertamax plus disini mas? ;)
Firefox 3.6.6 | Windows XP
@Catatan Blogger Amphibi,
Boleh-boleh aja mas. Silakan :P