- Se explica que el cursor de mouse inclinado de hoy en día se consolidó porque, en la época de Xerox PARC, era una forma más fácil de dibujar y de reconocer en pantallas de baja resolución
- La respuesta mejor valorada sostiene que el cursor inicial de Douglas Engelbart era una flecha hacia arriba, y que en las máquinas de Xerox PARC cambió a la actual flecha inclinada
- En pantallas de píxeles de baja resolución, las líneas de 0° y 45° se veían relativamente suaves incluso sin antialiasing, por lo que era más fácil crear un puntero con una punta bien definida que una flecha recta hacia arriba
- También se mencionan como razones secundarias la postura de señalar la pantalla con la mano derecha, el contraste de dirección en pantallas con muchos elementos horizontales y verticales, y el ángulo de uso de los punteros físicos reales
- Existe una explicación según la cual se alineó el origen del cursor en la esquina superior izquierda para reducir el cálculo de la posición de clic, pero en los comentarios se rebate con referencias a las fuentes y al caso de Xerox Alto
El cursor inclinado que se consolidó en Xerox PARC
- Los primeros mouse y cursores fueron creados por Douglas Engelbart, y su forma inicial era una flecha apuntando hacia arriba
- Más tarde, en las máquinas de Xerox PARC, el cursor cambió a una flecha inclinada
- En la baja resolución de pantalla de la época, resultaba más fácil y más identificable dibujar un lado de la flecha como línea vertical y el otro como una diagonal de 45°
- Esta explicación se apoya en documentos sobre el mouse óptico de Xerox PARC y materiales sobre la historia de las GUI
Ángulos que se ven bien en una cuadrícula de píxeles
- En pantallas basadas en píxeles rectangulares, es difícil representar una punta de flecha afilada sin antialiasing
- Las líneas horizontales y verticales de 0°, así como las de 45°, son direcciones que se ven relativamente suaves en una cuadrícula de píxeles
- Muchos cursores de flecha aprovechan esta característica y se componen con un lado vertical y el otro a 45°
- En ese caso, la línea bisectriz central de la flecha queda inclinada aproximadamente 22.5°
- Como la identificación de la punta es más importante que la de la cola, se prioriza la nitidez de la cabeza de la flecha
Debate sobre el punto de clic y el cálculo del origen
- Una respuesta plantea que, como el origen del bitmap del cursor estaba en la esquina superior izquierda, inclinar la flecha hacia la izquierda permitía reducir el cálculo de la posición de clic
- Esta explicación cita como fuente una publicación de Reddit, pero en los comentarios se responde que dicha publicación era una copia de una entrada de Yahoo! Answers sin referencias
- Un comentario de refutación señala que incluso en Xerox Alto existían cursores cuyo hotspot no era
(0,0)- Se mencionan como ejemplos un cursor de cruz dentro de un círculo y un cursor de flecha apuntando a la derecha
- Según otros comentarios, la implementación del cursor normalmente incluye un campo de hotspot, lo que también permite cursores como la cruz
- También se propone que el costo de cálculo era lo bastante pequeño como para caber de sobra entre las actualizaciones del mouse incluso con la tecnología de los años 70
La interpretación de que se parece a una mano o a un puntero real
- Varias respuestas consideran que la flecha inclinada se parece a la forma de la mano derecha al señalar hacia la pantalla
- Esta interpretación se trata más como una experiencia subjetiva que como una explicación con base histórica
- También hay respuestas que la relacionan con un entorno centrado en diestros, y añaden que en el pasado, si se intercambiaban los botones izquierdo y derecho del mouse, la flecha apuntaba en la dirección contraria
- Otra respuesta explica que los punteros físicos reales normalmente no se usan clavándolos en la pantalla de forma vertical, sino con una inclinación de unos 30–45°, y que ese ángulo guía la mirada hacia la punta
- También se opina que una flecha recta hacia arriba puede dar la sensación de señalar la parte superior en general, más que un punto específico
Explicaciones complementarias sobre percepción visual y ocultamiento en pantalla
- Una respuesta sugiere que el cursor inclinado también podría ser ventajoso desde la percepción visual de bajo nivel
- Las áreas visuales V1 y V2 procesan características de bajo nivel como color, brillo, tamaño y orientación
- Como en la pantalla hay muchos elementos horizontales y verticales, una línea inclinada puede destacar más por tener una orientación distinta al entorno, generando un popout effect
- Esta respuesta toma como referencias un estudio de 1988 de Treisman y Gormican, así como Visual Thinking for Design de Colin Ware
- En los comentarios se dice que, aunque quizá no sea la causa histórica real, resulta una razón complementaria interesante
Casos de cursores rectos y de otras formas
- En algunas interfaces menos conocidas sí hubo casos de cursores de flecha recta
- En los comentarios también se menciona que el puntero de mano sobre enlaces en navegadores tiene forma recta
- Hay comentarios que señalan ejemplos de apps modernas que también usan flechas rectas
- El cursor con forma de mano incluido en la pregunta parece tener un ángulo menor que la flecha cuando aparece sobre botones, pero las respuestas del cuerpo principal tratan sobre todo la historia y la forma del cursor de flecha predeterminado
1 comentarios
Opiniones de Hacker News
https://ux.stackexchange.com/a/52349/43259
Pero la flecha nunca fue el único cursor. Incluso la primera Macintosh tenía muchos cursores, como el I-beam de texto, varios tipos de miras, etc., y se podía definir un cursor arbitrario proporcionando un bitmap, una máscara de transparencia y la ubicación del hotspot
Estos cursores pueden verse en el Inside Macintosh Volume I original y en trabajos anteriores de PARC
https://web.archive.org/web/20230114223619/https://vintageap...
En la página 50 del PDF (página I-38 del documento) hay cursores de ejemplo, y en la página 158 del PDF (página I-146 del documento) aparecen los detalles de píxeles y la ubicación del hotspot de varios cursores. Un dato curioso es que el hotspot del cursor de flecha no era (0,0), sino (1,1)
Me pregunto si alguien puede explicar por qué. Creo que antes lo sabía, pero pasó tanto tiempo que ya se me borró de la memoria
En esta página también está la definición de la estructura Cursor: un registro con
data,maskyhotSpot, yPointes más o menos un par de coordenadas vertical/horizontal, tal como se define en la página I-139Lo que da miedo no es que a alguien se le haya ocurrido la idea de que (0,0) ahorraba unas cuantas instrucciones. Hasta enterarse de que distintas formas de cursor necesitan distintos hotspots, es una hipótesis bastante plausible. Lo que realmente da miedo es que 188 personas hayan votado a favor esa respuesta
Un amigo contador recibe votos negativos cuando corrige cómo funcionan realmente los impuestos, y mi esposa, que es lingüista, también recibe votos negativos cuando explica que “el lenguaje no funciona así”. No da miedo, es algo común
La página enlazada de Stack Overflow es, básicamente, pura especulación
La historia no es una colección de acertijos lógicos, sino un trabajo de ensamblar documentos y pruebas. No he visto en documentos de la época ninguna base para afirmar intencionalidad, así que la pregunta sigue sin respuesta
Una prueba decisiva sería, por ejemplo, una fuente principal anterior a más o menos 1988 (Microsoft/Xerox/Apple) con un nombre de archivo como
cursor.bitmapo código comodeclare cursor_default = [ [ 1, 0 ... ] ];, y encima un comentario que explique por qué eligieron ese estilo de cursor. También servirían fuentes más pequeñas como Acorn, Digital Research, Quarterdeck, NeWS, VisiOn o MIT Athena(X)Encontrar la historia del lápiz óptico y luego defender con eso el estilo del cursor del mouse es trabajar hacia atrás desde una hipótesis, así que es débil y no descarta otras posibilidades. Hay que ser rigurosos
https://www.youtube.com/watch?v=YThelfB2fvg
http://www.michieldb.nl/other/cursors/
Probablemente dentro de 10 años vuelva a decir lo mismo
Los humanos somos seres que crean y usan herramientas, así que con el tiempo las herramientas se vuelven como una extensión del cuerpo. Eso pasa aunque la punta de la herramienta esté separada de la mano, mecánica o virtualmente; esta herramienta parece diseñada como una herramienta para diestros que se sostiene con la mano derecha y entra en la pantalla
Si esa no es la razón de la dirección de la inclinación, entonces no habría motivo para que no estuviera inclinada al revés. Si eres diestro, prueba usar un cursor en el que el lado derecho vaya adelante. No solo se ve raro: también se siente raro, como una herramienta sostenida con la mano izquierda
No sé si esto afecta a las personas zurdas. Soy zurdo, pero usar el mouse con la mano izquierda siempre me pareció raro, y no sé si es por la inclinación
Llevo más de 30 años usando mouse de computadora de distintas maneras, así que quizá me acostumbré tanto que dejó de parecerme extraño. Tal vez quienes son zurdos y recién empiezan a usar mouse sí sientan rara la inclinación del cursor
En teoría, el cursor más intuitivo podría ser una mira, pero al probarlo no me gustó
El cerebro es extremadamente adaptable. Por ejemplo, nos adaptamos muy rápido incluso a ver el mundo al revés
https://theguardian.com/education/2012/nov/12/improbable-res...
Falta que las respuestas de Stack Overflow no mencionen a Alan Kay. Alan Kay fue quien creó el cursor de mouse inclinado en PARC, y cuando le hicieron esta pregunta respondió así:
“Yo hice la forma del cursor de mouse de PARC. En la cuadrícula de 16x16 píxeles de 1 bit que usaba el Alto de PARC para el cursor, si un lado de la flecha era vertical y el otro estaba inclinado, salía una punta de flecha decente. También diseñé y creé muchas de las primeras fuentes bitmap. Y luego, como tantas cosas en la computación, simplemente quedó así.”
¹ https://jameshk.com/mouse-cursor
Es momento de ver uno de mis videos favoritos de YouTube, Mouse cursor history (and why I made my own), de Posy (Michiel de Boer)
https://www.youtube.com/watch?v=YThelfB2fvg
Repasa la historia del cursor de mouse y algunos problemas de los cursores estándar, y también muestra cursores históricos no inclinados
Es un gran video corto que te hace sentir que internet vale la pena, y además es del creador de Posy’s Cursor Pack: http://www.michieldb.nl/other/cursors/
No cubre para nada el entorno NeXT, DPS, las diferencias de DPI, su propio cursor de flecha en blanco y negro, ni cómo ese cursor terminó entrando realmente en Mac OS X, en lugar de ser el cursor posterior a System 1
https://github.com/simtrami/posy-improved-cursor-linux
La verdadera pregunta es por qué el cursor de Windows se ve imperfecto
https://mspoweruser.com/wp-content/uploads/2020/04/windows-c...
Otra explicación es que esta imperfección intencional quedó para coincidir con la imperfección inevitable que existía cuando el gráfico original del cursor se dibujaba como pixel art de 1 bit, muy pequeño y de baja resolución. Estamos acostumbrados a que se vea un poco torcido, así que nos parece correcto. A tamaño normal, la diferencia de todos modos casi no se percibe
[0] https://mspoweruser.com/why-windows-10s-asymmetrical-cursor-...
[1] https://old.reddit.com/r/TIHI/comments/fwnep0/thanks_i_hate_...
[2] editado, gracias a jusuhi
A las razones que considero válidas —no tapar lo que se está señalando e imitar el gesto de apuntar con el dedo— agregaría una más: casi todo lo que se muestra en pantalla es perpendicular al eje x o al eje y. Por eso un cursor inclinado destaca entre el resto del contenido
Además, como rareza muy propia de Amiga, el cursor de mouse de los primeros Amiga estaba inclinado 45° respecto del eje x, a diferencia de los cursores más agudos de otras GUI populares. También había una herramienta integrada para crear cursores de mouse personalizados, que personalmente me encantaba. Se pueden ver ejemplos en http://toastytech.com/guis/amiga12.html
En Amiga OS 2.0 cambió a un estilo más puntiagudo, pero seguía inclinado 45°. Recién con AGA en los Amiga 1200/4000 se pudo usar un puntero de mouse de alta resolución
Al igual que el puntero de mouse de Macintosh, el punto de clic no era (0,0), sino (1,1). En el editor de la página enlazada, es el punto naranja dentro del área color piel
Una razón convincente es que, al señalar algo con el cursor, evita tapar lo que se está señalando. Si el cursor estuviera invertido o centrado, al ponerlo sobre un botón taparía parte del botón
Esto supone que el usuario se acerca desde abajo a la derecha, lo que en sí mismo podría deberse a la forma del cursor. Aun así, creo que la teoría de la dirección de lectura es más fuerte para explicar por qué se querría acercar desde abajo a la derecha
Al principio yo también pensaba eso, pero al revisar cómo se usa realmente el mouse, no parece encajar muy bien. Me pregunto si solo me pasa a mí.
Primero, en más del 95% del uso normal de escritorio, el objetivo en el que vas a hacer clic todavía no está debajo del mouse, así que no hay nada que tapar. Mueves el mouse hacia el objetivo y, para cuando llega, ya decidiste hacer clic, así que no importa qué haya debajo.
Segundo, si el mouse está encima de algo que necesito leer, suelo quitar el cursor. Incluso si sobre el texto cambia al cursor en forma de barra. Cualquier cursor, por su grosor de línea y altura, suele ser más grande que los trazos de las letras renderizadas que tiene debajo, así que siempre tapa algo. Es decir, aunque el cursor no estuviera inclinado, solo taparía la misma área en una posición ligeramente distinta, y en el uso real casi no hay diferencia.
La dirección de aproximación depende de dónde esté el cursor y dónde esté el objetivo. Sería interesante hacer un mapa de calor con datos de uso cotidiano, pero si revisamos rápido cosas que se usan con frecuencia, como la barra de tareas inferior y la barra superior de pestañas del navegador, los objetivos de clic están tanto a la izquierda como a la derecha de la pantalla, y el cursor puede estar en cualquier parte. Puede que alguna dirección de aproximación sea un poco más frecuente, pero no creo que la diferencia sea grande.
Por último, el software en el que tapar algo realmente puede importar, como CAD, normalmente usa cursores personalizados como una cruz de 1 píxel, no un cursor inclinado.
¿No será que imita una pluma estilográfica? Al escribir con una pluma estilográfica se la sostiene así, y el cursor es una punta de pluma virtual.
https://youtu.be/U9mWKwXfF6s?t=155s
Otra vez Xerox PARC. Da la sensación de que todo lo que tenemos hoy se inventó ahí. ¿Cómo pudo ser tan exitoso e influyente?
Lo esencial de un puntero es que debe distinguirse visualmente de aquello a lo que apunta.
Una GUI típica suele tener bordes rectos y cierta simetría uniforme. Un cursor con una simetría similar se mezcla más fácilmente con el fondo y es más fácil perderlo de vista.
La dirección hacia la que esté inclinado es secundaria; lo importante es la irregularidad de la inclinación, que contrasta con el resto de la interfaz.