Mengapa kursor mouse sedikit miring dan tidak lurus?

 (ux.stackexchange.com)
2 poin oleh GN⁺ 2024-02-05 | 1 komentar | Bagikan ke WhatsApp
  • Kursor mouse miring yang digunakan saat ini dijelaskan sebagai hasil bentuk yang mengakar sejak era Xerox PARC, ketika bentuk itu lebih mudah digambar dan lebih mudah dikenali pada layar beresolusi rendah
  • Kursor awal buatan Douglas Engelbart berupa panah ke atas, dan jawaban dengan penilaian tertinggi menyebut bahwa di mesin Xerox PARC bentuknya berubah menjadi panah miring yang mirip dengan sekarang
  • Pada layar piksel beresolusi rendah, garis 0 derajat dan 45 derajat terlihat relatif halus bahkan tanpa antialiasing, sehingga lebih mudah membuat pointer dengan ujung yang jelas dibanding panah lurus ke atas
  • Posisi menunjuk layar dengan tangan kanan, kontras arah pada layar yang memiliki banyak elemen horizontal dan vertikal, serta sudut penggunaan batang pointer di dunia nyata juga diajukan sebagai alasan pendukung
  • Ada penjelasan bahwa titik asal kursor disejajarkan ke kiri atas untuk mengurangi perhitungan posisi klik, tetapi di komentar penjelasan ini dibantah dengan mengacu pada sumber dan contoh Xerox Alto

Kursor miring yang mengakar di Xerox PARC

  • Mouse dan kursor awal dibuat oleh Douglas Engelbart, dan bentuk pertamanya adalah panah yang mengarah ke atas
  • Setelah itu, pada mesin Xerox PARC kursor berubah menjadi panah miring
  • Pada resolusi layar yang rendah saat itu, menggambar satu sisi panah sebagai garis vertikal dan sisi lainnya sebagai garis diagonal 45 derajat lebih mudah serta lebih mudah dikenali
  • Penjelasan ini merujuk pada dokumen terkait mouse optik Xerox PARC dan materi sejarah GUI

Sudut yang terlihat baik pada kisi piksel

  • Pada layar berbasis piksel persegi panjang, sulit menampilkan ujung panah yang tajam tanpa antialiasing
  • Garis horizontal-vertikal 0 derajat dan garis 45 derajat adalah arah yang secara khas tampak relatif halus pada kisi piksel
  • Banyak kursor panah memanfaatkan sifat ini dengan menyusun satu sisi sebagai garis vertikal dan sisi lainnya sebagai garis 45 derajat
  • Dalam kondisi ini, garis pembagi tengah panah menjadi miring sekitar 22,5 derajat
  • Karena keterbacaan ujung lebih penting daripada ekor, ketajaman kepala panah lebih diprioritaskan

Perdebatan soal titik klik dan perhitungan origin

  • Salah satu jawaban berpendapat bahwa origin bitmap kursor berada di kiri atas, sehingga memiringkan panah ke kiri bisa mengurangi perhitungan posisi klik
  • Penjelasan ini memakai sebuah unggahan Reddit sebagai sumber, tetapi di komentar dibantah karena unggahan itu disebut hanya salinan dari Yahoo! Answers tanpa dasar kutipan
  • Komentar bantahan menunjukkan bahwa bahkan di Xerox Alto ada kursor yang hotspot-nya bukan (0,0)
    • Kursor bidik silang di dalam lingkaran dan kursor panah yang mengarah ke kanan disebut sebagai contoh
  • Menurut komentar lain, implementasi kursor umumnya memiliki field hotspot sehingga kursor seperti crosshair pun dimungkinkan
  • Ada juga perkiraan bahwa biaya komputasinya, bahkan dengan standar tahun 1970-an, cukup kecil untuk muat di antara interval pembaruan mouse

Tafsir yang menyerupai bentuk tangan dan pointer nyata

  • Beberapa jawaban menilai panah miring mirip dengan bentuk tangan kanan saat menunjuk ke layar
  • Tafsir ini diperlakukan lebih sebagai pengalaman subjektif daripada penjelasan yang punya dasar sejarah
  • Ada juga jawaban yang menyebut lingkungan yang berpusat pada pengguna tangan kanan, dengan tambahan penjelasan bahwa di masa lalu ketika tombol klik kiri dan kanan ditukar, panah akan mengarah ke sisi sebaliknya
  • Jawaban lain menjelaskan bahwa batang pointer nyata juga biasanya digunakan dengan kemiringan sekitar 30~45 derajat, bukan menusuk layar secara tegak lurus, dan sudut ini membantu mengarahkan pandangan ke ujungnya
  • Ada pula pendapat bahwa panah lurus ke atas bisa terasa lebih menunjuk ke area atas secara umum daripada membidik satu titik tertentu

Penjelasan tambahan tentang persepsi visual dan tertutupnya layar

  • Salah satu jawaban berpendapat bahwa kursor miring juga bisa menguntungkan dari sisi persepsi visual tingkat rendah
  • Area visual V1 dan V2 memproses fitur tingkat rendah seperti warna, kecerahan, ukuran, dan arah
  • Karena layar memiliki banyak elemen horizontal dan vertikal, garis miring bisa lebih menonjol melalui popout effect karena arahnya berbeda dari sekelilingnya
  • Jawaban ini merujuk pada riset Treisman dan Gormican tahun 1988 serta Visual Thinking for Design karya Colin Ware
  • Di komentar ada tanggapan bahwa ini mungkin terpisah dari penyebab historis sebenarnya, tetapi tetap merupakan alasan tambahan yang menarik

Contoh kursor lurus dan bentuk lain

  • Pada beberapa antarmuka yang kurang dikenal, ada contoh penggunaan kursor panah lurus
  • Di komentar juga disebut bahwa pointer tangan untuk tautan di browser berbentuk lurus
  • Ada komentar yang menyebut bahwa bahkan di aplikasi modern masih ada contoh yang memakai panah lurus
  • Kursor berbentuk tangan yang disertakan dalam pertanyaan tampak memiliki sudut yang lebih kecil daripada panah saat muncul di atas tombol, tetapi jawaban dalam isi utama terutama membahas sejarah dan bentuk kursor panah default

Bacaan terkait

1 komentar

 
GN⁺ 2024-02-05
Opini Hacker News
  • Agak menakutkan bahwa salah satu jawaban dengan skor tinggi untuk pertanyaan ini (188 poin) sepenuhnya salah. Jawaban itu menjelaskan bahwa hotspot (0,0) menyederhanakan perhitungan pembaruan posisi kursor sehingga tidak perlu menambahkan offset (X,Y)
    https://ux.stackexchange.com/a/52349/43259
    Namun pointer panah tidak pernah menjadi satu-satunya kursor. Macintosh pertama pun punya banyak kursor seperti I-beam teks, beberapa jenis crosshair, dan lainnya; dan Anda bisa mendefinisikan kursor apa pun dengan menyediakan bitmap, mask transparansi, dan posisi hotspot
    Kursor-kursor seperti ini juga bisa dilihat di Inside Macintosh Volume I asli dan karya sebelumnya dari PARC
    https://web.archive.org/web/20230114223619/https://vintageap...
    Di halaman 50 PDF (halaman dokumen I-38) ada contoh kursor, dan di halaman 158 PDF (halaman dokumen I-146) ada detail piksel dan posisi hotspot beberapa kursor. Fakta menariknya, hotspot kursor panah bukan (0,0) melainkan (1,1)
    Saya penasaran apakah ada yang bisa menjelaskan alasannya. Dulu rasanya saya pernah tahu, tetapi sudah lama sekali sampai ingatannya hilang
    Halaman ini juga memuat definisi struct Cursor: record yang memiliki data, mask, hotSpot, dan Point kurang lebih adalah pasangan koordinat vertikal-horizontal seperti didefinisikan di halaman I-139
    Yang menakutkan bukanlah ada orang yang mengemukakan ide bahwa (0,0) menghemat beberapa instruksi. Sebelum tahu bahwa bentuk kursor yang berbeda membutuhkan hotspot berbeda, itu hipotesis yang cukup masuk akal. Yang benar-benar menakutkan adalah 188 orang meng-upvote jawaban itu
    • Awalnya saja menakutkan; lama-lama terbiasa. Di semua media sosial, termasuk HN, ada orang-orang yang tidak terlalu tahu tetapi menyetujui jawaban yang terdengar masuk akal sebagai benar
      Teman saya yang konsultan pajak pernah di-downvote saat meluruskan bagaimana pajak sebenarnya bekerja, dan istri saya yang linguis juga pernah di-downvote saat menjelaskan bahwa “bahasa tidak bekerja seperti itu”. Bukan menakutkan, ini hal umum
    • Hal serupa juga bisa dilihat di source code Apple Lisa: https://info.computerhistory.org/apple-lisa-code
      Halaman Stack Overflow yang ditautkan itu pada dasarnya hampir murni spekulasi
      Sejarah bukan kumpulan teka-teki logika, melainkan pekerjaan merangkai dokumen dan bukti. Karena saya belum melihat dasar dalam dokumen masa itu yang menunjukkan adanya intensi tersebut, pertanyaannya masih belum terjawab
      Bukti yang menentukan kira-kira berupa sumber utama sebelum sekitar 1988 (Microsoft/Xerox/Apple) yang memiliki nama file seperti cursor.bitmap atau kode seperti declare cursor_default = [ [ 1, 0 ... ] ];, dengan komentar di atasnya yang menjelaskan mengapa gaya kursor itu dipilih. Sumber yang lebih kecil seperti Acorn, Digital Research, Quarterdeck, NeWS, VisiOn, MIT Athena(X) juga bisa diterima
      Menemukan cerita tentang light pen lalu membela gaya kursor mouse dengan cara itu berarti bekerja mundur dari hipotesis, sehingga lemah, dan tidak menyingkirkan kemungkinan lain. Harus diselaraskan secara ketat
    • Panah memiliki outline putih, jadi hotspot berada di ujung panah hitam, yaitu (1,1)
    • Posy punya video luar biasa tentang sejarah kursor mouse, dan juga menyediakan paket kursor buatannya sendiri
      https://www.youtube.com/watch?v=YThelfB2fvg
      http://www.michieldb.nl/other/cursors/
    • Saya sudah mengatakan hal yang sama 10 tahun lalu: https://news.ycombinator.com/item?id=7253841
      Kemungkinan besar 10 tahun lagi saya juga akan mengatakan hal yang sama lagi
  • Saya belum membaca semua materi tentang topik ini, tetapi saya menduga alasan kursor dimiringkan sama dengan alasan mengapa ia miring ke kiri
    Manusia adalah makhluk yang membuat dan menggunakan alat, sehingga seiring waktu alat menjadi seperti perpanjangan tubuh. Itu tetap berlaku meski ujung alat terpisah dari tangan secara mekanis maupun virtual, dan alat ini tampaknya dirancang seperti alat untuk tangan kanan yang dipegang di tangan kanan dan masuk ke dalam layar
    Jika bukan itu alasan arah kemiringannya, maka tidak ada alasan mengapa ia tidak dimiringkan ke arah sebaliknya. Jika Anda tangan kanan, coba gunakan kursor yang sisi kanannya maju. Bukan hanya terlihat aneh; rasanya juga aneh karena tampak seperti alat yang dipegang di tangan kiri
    Saya tidak tahu apakah ini berpengaruh pada orang kidal. Saya kidal, tetapi memakai mouse dengan tangan kiri selalu terasa aneh, dan saya tidak tahu apakah itu karena kemiringannya
    • Saya kidal dan selalu memakai mouse dengan tangan kiri, tetapi saya sama sekali tidak pernah merasa kemiringan kursor itu aneh atau salah
      Saya sudah memakai mouse komputer dengan berbagai cara selama lebih dari 30 tahun, jadi mungkin saya sudah sangat terbiasa sampai rasa anehnya hilang. Orang kidal yang baru mulai memakai mouse mungkin saja merasa kemiringan kursor itu aneh
    • Yang penting adalah tangan mana yang dipakai untuk mouse. Saya menulis dan melakukan sebagian besar hal dengan tangan kiri, tetapi memakai mouse dengan tangan kanan, dan itu tidak terasa aneh
    • Bukan “tidak membaca semua hal tentang topik ini”; dalam kasus ini, membaca jawaban kedua di halaman yang ditautkan saja sudah cukup. Meski begitu, sepertinya keduanya menangkap sesuatu
    • Tidak ada yang bertanya mengapa ia mengarah ke atas, tetapi alasannya sama. Biasanya tangan berada di bawah ketinggian mata
      Secara teori, kursor yang paling intuitif mungkin adalah crosshair, tetapi setelah saya coba sendiri, saya tidak menyukainya
    • Rasa asing karena terlihat seperti alat yang dipegang di tangan kiri hanya berlangsung sebentar. Saya tangan kanan, tetapi setelah menggunakan mouse dengan tangan kanan dan mengalami cedera regangan berulang di pergelangan tangan (RSI), saya sudah lebih dari 10 tahun memakainya dengan tangan kiri tanpa masalah
      Otak sangat mampu beradaptasi. Misalnya, kita beradaptasi sangat cepat bahkan ketika melihat dunia secara terbalik

https://theguardian.com/education/2012/nov/12/improbable-res...

  • Jawaban-jawaban di Stack Overflow melewatkan fakta bahwa mereka tidak menyebut Alan Kay. Orang yang membuat kursor mouse miring di PARC adalah Alan Kay, dan ketika ditanya soal ini ia menjawab seperti berikut
    “Saya yang membuat bentuk kursor mouse PARC. Karena pada kisi piksel 16x16 1-bit yang dipakai Alto di PARC untuk kursor, membuat satu sisi panah vertikal dan sisi lainnya miring menghasilkan mata panah yang cukup bagus. Saya juga merancang dan membuat banyak font bitmap awal. Lalu, seperti banyak hal dalam komputasi, bentuk itu akhirnya menetap begitu saja.”
    ¹ https://jameshk.com/mouse-cursor

  • Saatnya menonton video YouTube favorit saya dari Posy (Michiel de Boer), Mouse cursor history (and why I made my own)
    https://www.youtube.com/watch?v=YThelfB2fvg
    Video ini menelusuri sejarah kursor mouse dan beberapa masalah pada kursor standar, serta menunjukkan kursor historis yang tidak miring
    Ini video pendek yang bagus, yang membuat internet terasa berharga, dan juga video dari pembuat Posy’s Cursor Pack: http://www.michieldb.nl/other/cursors/

    • Saya tidak yakin seberapa akurat. Misalnya, kursor IIGS ditampilkan sebagai kursor “Color mode” milik Lisa
      Video ini sama sekali tidak membahas lingkungan NeXT, DPS, perbedaan DPI, kursor panah hitam-putih buatannya sendiri, maupun bagaimana kursor itu benar-benar masuk ke Mac OS X, bukan sekadar kursor setelah System 1
    • Di Windows saya memakai set ini. Tampilannya bagus, dan di Ubuntu saya memakai port Linux yang ada di sini
      https://github.com/simtrami/posy-improved-cursor-linux

  • Pertanyaan sebenarnya adalah mengapa kursor Windows terlihat tidak sempurna
    https://mspoweruser.com/wp-content/uploads/2020/04/windows-c...

    • Halaman web[0] yang menjadi sumber gambar itu, dan halaman Reddit[1] yang menjadi sumbernya lagi, memberi kiasan seolah-olah mengarah ke fenomena nyata bernama keseimbangan optis[2], tetapi tidak menjelaskan secara meyakinkan mengapa hal itu berlaku pada kasus spesifik ini
      Penjelasan lain adalah bahwa ketidaksempurnaan yang disengaja ini dibiarkan agar selaras dengan ketidaksempurnaan yang tak terhindarkan saat grafis kursor asli digambar sebagai pixel art 1-bit beresolusi sangat rendah dan berukuran sangat kecil. Kita sudah terbiasa dengan tampilan yang sedikit melenceng, sehingga itu terlihat benar. Pada ukuran normal, perbedaannya toh hampir tidak terdeteksi
      [0] https://mspoweruser.com/why-windows-10s-asymmetrical-cursor-...
      [1] https://old.reddit.com/r/TIHI/comments/fwnep0/thanks_i_hate_...
      [2] disunting, terima kasih kepada jusuhi
    • Kursor beresolusi tinggi saat ini tampak seperti versi yang diperbesar dari kursor asli. Mungkin karena alasan kompatibilitas, sebab masih banyak monitor yang memakai skala 100%
    • Masalah kecil yang terus mengganggu saya adalah tooltip kecil tertutup oleh kursor sehingga tidak bisa dibaca, dan jika kursor digeser, tooltip itu menghilang. Suatu hari nanti ini sebenarnya bisa diperbaiki
    • Menurut saya penyebabnya adalah Windows dibuat dengan kurangnya perhatian pada detail dan tanpa rasa estetika. Misalnya, saya masih ingat jelas ketika Windows XP dirilis, sebagian ikon bawaan tidak sejajar dengan benar pada baseline yang sama. Itu diperbaiki di service pack berikutnya
    • Penjelasan yang pernah saya lihat di suatu tempat mengatakan bahwa dengan begitu kursor terlihat lebih seimbang

  • Selain alasan-alasan yang menurut saya masuk akal—yakni tidak menutupi objek yang ditunjuk dan meniru gerakan menunjuk dengan jari—ada satu alasan lagi: hampir semua hal yang ditampilkan di layar tegak lurus terhadap sumbu x atau sumbu y. Karena itu kursor yang miring menonjol di antara konten lainnya
    Sebagai tambahan, dengan keunikan khas Amiga, kursor mouse Amiga awal dimiringkan 45° terhadap sumbu x, berbeda dari kursor pada GUI populer lain yang lebih lancip. Ada juga alat bawaan untuk membuat kursor mouse khusus, dan secara pribadi saya sangat menyukainya. Contohnya bisa dilihat di http://toastytech.com/guis/amiga12.html

    • Gaya penunjuk panah Amiga asli yang pendek dan tumpul mungkin karena sprite perangkat keras hanya bisa dipakai pada resolusi rendah, dan garis bertangga 2:1 tidak terlihat terlalu bagus
      Di Amiga OS 2.0, gayanya berubah menjadi lebih runcing, tetapi masih tetap dimiringkan 45°. Baru pada AGA di Amiga 1200/4000 penunjuk mouse beresolusi tinggi bisa digunakan
    • Pengaturan hotspot juga disertakan
      Mirip dengan penunjuk mouse Macintosh, titik kliknya bukan (0,0), melainkan (1,1). Di editor pada halaman yang ditautkan, itu adalah titik oranye di dalam area berwarna kulit

  • Salah satu alasan yang meyakinkan adalah agar ketika menunjuk sesuatu dengan kursor, objek yang ditunjuk tidak tertutup. Jika kursor dibalik atau disejajarkan di tengah, saat berada di atas tombol ia akan menutupi sebagian tombol
    Ini mengasumsikan pengguna mendekat dari kanan bawah, yang mungkin saja disebabkan oleh bentuk kursor itu sendiri. Meski begitu, untuk alasan mengapa orang cenderung mendekat dari kanan bawah, menurut saya teori tentang arah baca lebih kuat

  • Awalnya saya juga berpikir begitu, tetapi setelah melihat cara penggunaan mouse yang sebenarnya, rasanya kurang cocok. Saya penasaran apakah hanya saya yang begitu
    Pertama, dalam lebih dari 95% penggunaan desktop biasa, target yang ingin diklik belum berada di bawah mouse, jadi tidak ada yang perlu tertutup. Kita memindahkan mouse ke target, dan saat hampir tiba, keputusan untuk mengeklik sudah dibuat, jadi apa yang ada di bawahnya tidak penting
    Kedua, jika mouse berada di atas sesuatu yang perlu dibaca, biasanya kita menyingkirkan kursor. Ini tetap berlaku meski di atas teks kursor berubah menjadi kursor garis vertikal. Kursor apa pun biasanya memiliki ketebalan garis dan tinggi yang lebih besar daripada goresan huruf yang dirender di bawahnya, jadi selalu menutupi sesuatu. Artinya, meskipun kursor tidak miring, ia hanya menutupi area yang sama di posisi yang sedikit berbeda, dan dalam penggunaan nyata hampir tidak ada bedanya
    Arah pendekatan bergantung pada posisi kursor dan posisi target. Akan menarik kalau data penggunaan sehari-hari dibuat menjadi heatmap, tetapi jika melihat sekilas hal-hal yang sering dipakai seperti taskbar bawah dan bilah tab browser di atas, target klik ada di kiri dan kanan layar, dan kursor bisa berada di mana saja. Mungkin ada arah pendekatan tertentu yang sedikit lebih sering, tetapi sepertinya selisihnya tidak besar
    Terakhir, perangkat lunak seperti CAD, yang masalah tertutupnya objek benar-benar bisa penting, biasanya memakai kursor kustom seperti garis silang 1 piksel, bukan kursor miring

  • Mungkinkah itu meniru pena fountain? Saat menulis dengan pena fountain, cara memegangnya seperti itu, dan kursor adalah ujung pena virtual
    https://youtu.be/U9mWKwXfF6s?t=155s

    • Kalau begitu, bukankah orang yang memakai mouse untuk tangan kiri seharusnya menggunakan kursor yang miring ke arah sebaliknya?

  • Lagi-lagi Xerox PARC. Rasanya semua yang kita miliki sekarang ditemukan di sana. Bagaimana tempat itu bisa begitu sukses dan berpengaruh?

  • Inti dari pointer adalah harus terbedakan secara visual dari objek yang ditunjuknya
    GUI pada umumnya sebagian besar memiliki tepi lurus dan simetri yang konsisten. Kursor yang simetris dengan cara serupa lebih mudah menyatu dengan latar dan lebih mudah hilang dari pandangan
    Arah kemiringannya itu sekunder; yang utama adalah ketidakteraturan kemiringan yang kontras dengan bagian antarmuka lainnya

    • Entah karena saya sudah tua, atau karena monitor baru dengan HDR/resolusi 5120/level putih-hitam yang ekstrem, belakangan ini saya sering kehilangan kursor di layar putih, sampai harus mengubah warna kursor dari putih menjadi hijau