Aunque Apple no inventó el puntero del mouse, la historia ha consolidado su lugar al sacarlo de la oscuridad y utilizarlo de manera general. Su utilidad cotidiana, pionero en Xerox Parc y luego combinado con un poco de icónico* * El trabajo de Susan Kare en Apple, ha convertido al puntero en nuestro avatar en el espacio digital durante casi 40 años.
La flecha espera en la pantalla. Ligeramente en ángulo, con un borde recto y una pendiente de 45 grados que conduce a un punto nítido píxel por píxel. Es un instrumento de precisión, de pequeños objetivos de clic en una pantalla a unos metros de distancia. El cursor original era un punto, luego una línea que apuntaba hacia arriba. Se demostró en el ‘Madre de todas las demos’: Una presentación de aproximadamente una hora y media de duración que contenía no solo el primer vistazo del mundo al mouse, sino también hipervínculos, colaboración de documentos, videoconferencia y más.
Sin embargo, la estrella del espectáculo fue la pequeña línea de píxeles que formaban el cursor del mouse. Era hominem ex machina, la humanidad en la máquina. A diferencia de los modelos de entrada de texto de antes, que colocaban carácter tras carácter en un facsímil de una máquina de escribir, esta era una atadura que nos conectaba, embrionaria, al aleph. Por primera vez nos vimos torpemente en una pantalla.
No sabemos exactamente por qué el original ‘flecha hacia arriba"Imaginado por Doug Engelbart asumió la postura angular precisa que conocemos hoy. Hay muchas conjeturas seguras de sí mismas sobre el cambio, pero pocas respuestas reales; todo lo que sabemos con certeza es que, como un atleta listo, el puntero de flecha ha estado allí, esperando saltar hacia nuestro objetivo durante décadas. Pero en los últimos años, gracias a los dispositivos táctiles, hemos tenido un nuevo sprinter más carnoso: nuestro dedo.
El iPhone y luego el iPad no reinventaron de inmediato el cursor. En cambio, lo eliminó por completo. Reemplazar su fantasma digital en la máquina con la punta del dedo del espacio físico de la carne. Las interacciones táctiles trajeron consigo "adherencia": el apareamiento 1: 1 de intención y acción. Si tocaste una cosa, hizo algo. Si arrastró su dedo, el contenido vino con él. Esto, finalmente, fue la informática centrada en el ser humano.
Entonces, hace unas semanas, manzana dejó caer un nuevo tipo de puntero: un híbrido entre estos dos mundos de píxeles y empujes. El cursor del iPad, creo, merece un examen más detenido. Es una remezcla fundamental de una de las fábricas de ideas más vigiladas del planeta.
Para profundizar un poco más en el nuevo cursor y sus modelos de interacción, hablé con Apple SVP Craig Federighi sobre su desarrollo y algunas de las elecciones de los equipos de Apple que lo hicieron. Primero, hablemos de algunas de las cosas que hacen que el cursor sea tan diferente de lo que vino antes … y, sin embargo, extrañamente familiar.
—————————
El cursor del iPad toma la forma de un pequeño círculo, una versión normalizada de la forma en que los sensores táctiles de la pantalla leen la punta del dedo. Ya esto es diferente. Trae esa idea de ubicarte dentro de la máquina al siguiente nivel, combinando la naturaleza física del tacto con la experiencia del panel táctil eliminado en un solo paso.
Su tamaño y forma también son un guiño a la naturaleza de la interfaz de usuario del iPad. Fue diseñado desde cero como una experiencia táctil. Tanto es así que cuando una aplicación no está optimizada adecuadamente para esa modalidad, se siente incómoda, torpe. El cursor como el avatar de tu dedo tiene el mismo impacto donde sea que aterrice.
Honestamente, el pensamiento podría haberse detenido allí y eso habría sido perfectamente adecuado. Un áspero dedo facsímil como puntero. Pero el concepto se lleva más allá. A medida que se acerca a un elemento interactivo, el círculo se extiende, toca suavemente y luego abraza y encapsula el botón.
La idea de la velocidad variable del cursor también se impulsa aquí. Cuando estás cerca de un objeto en la pantalla, cambia su velocidad de desplazamiento para llegar a donde quieres ir más rápido, pero lo hace contextualmente, más bien que linealmente, como lo hace OS X o Windows.
Las matemáticas predictivas se aplican para llevarlo a donde va sin tener que aterrizar allí, luego se aplica un poco de inercia para mantenerlo donde necesita estar sin disparar demasiado. Una vez que estás en el ícono, pequeños movimientos de tu dedo mueven el ícono para que sepas que todavía estás allí.
El cursor incluso desaparece cuando deja de moverlo, al igual que la presión de su dedo desaparece cuando lo quita de la pantalla. Y en algunos casos el cursor posee el elemento en sí, convirtiéndose en el botón y emitiendo un ligero brillo etéreo a su alrededor.
Este sofrito de predicción de ruta, animación, física y condimento divertido se cocina en un plato que hace todo lo posible para replicar el sensación de algo que hacemos sin pensar: alcanzar y tocar algo directamente.
Estos son, en términos de diseño, ventajas. Toman una operación que está en su nivel base mucho más difícil de hacer con un touchpad de lo que es tu dedo, y haz que se sienta igual de fácil. Todo lo que tiene que hacer para representar este punto en Crystal es ver a un niño que usa un iPad todo el día para intentar usar un mouse para realizar la misma tarea.
La idea de que un cursor podría cambiar de forma fluida según sea necesario en el contexto no es exactamente nueva. El I-Beam (el tipo de cursor que aparece cuando pasa el cursor sobre el texto editable) es un buen ejemplo de esto. También hubo primeros experimentos
Pero nunca ha habido un cursor como este. Diseñado para emular su dedo, pero también para extenderse y aplastar y manchar y apresurar y descansar. Es una adición única al paisaje.
—————————
Dado el gran escrutinio de cada lanzamiento de Apple, el cursor del iPad que no se estropea es un milagro menor. Cuando se lanzó como una actualización de software para los iPads existentes, y los futuros, la gente comenzó a probarlo de inmediato y descubrió las formas dramáticamente diferentes que se comportaba de sus precursores.* *
Dentro de Apple, el equipo disfrutó viendo la especulación externa de que Apple iba a seguir un camino relativamente estándar (mostrar un puntero en la pantalla en el iPad) y lo usó como motivación para ofrecer algo más rico, una solución que se combina con el Magic Keyboard . El error fue que Apple iba a agregar soporte de cursor al iPad OS, pero incluso hasta el último minuto se suponía que veríamos un puntero tradicional que acercaba el iPad al comportamiento de la "computadora portátil".
Desde que el iPad Pro 2018 debutó con el conector inteligente, aquellos de nosotros que usamos el iPad Pro a diario hemos estado esperando que Apple envíe un teclado "real" para el dispositivo. Repasé mis experiencias con el Smart Keyboard Folio en mi revisión del nuevo iPad Pro aquí, y el Teclado mágico aquí, pero basta decir que el nuevo diseño es increíble para los mecanógrafos pesados. Y, por supuesto, trae consigo un trackpad de clase mundial para el viaje.
Cuando el equipo se propuso desarrollar el nuevo cursor, la especificación exigía algo que parecía una verdadera experiencia de puntero, pero que se fusionó filosóficamente con la naturaleza del iPad.
Un par de verdades para guiar el proceso:
- El iPad es táctil primero.
- iPad es la computadora más versátil que fabrica Apple.
De alguna manera, el trabajo en el nuevo cursor del iPad OS comenzó con la interfaz actualizada del Apple TV en 2015. Si ha notado algunas similitudes entre la forma en que el cursor se comporta en el iPad OS y la forma en que funciona en el Apple TV, usted No estás solo. Existe el conocido "salto" de un punto de interés a otro, por ejemplo, y el ligero brillo de un botón al mover el dedo mientras "se desplaza" sobre él.
"Hubo un proceso para descubrir exactamente cómo varios elementos funcionarían juntos", dice Federighi. “Sabíamos que queríamos un cursor muy centrado en el tacto que no transmitiera un nivel innecesario de precisión. Sabíamos que teníamos una experiencia de enfoque similar a Apple TV que podríamos aprovechar de una manera deliciosa. Sabíamos que cuando se trataba de texto queríamos proporcionar una mayor sensación de retroalimentación ".
"Parte de lo que amo tanto de lo que sucedió con iPadOS es la forma en que hemos extraído de tantas fuentes. La experiencia se basa en nuestro trabajo en tvOS, en años de trabajo en Mac y en los orígenes del iPhone X y los primeros iPad, creando algo nuevo que se siente realmente natural para iPad ".
Y la interfaz de Apple TV no solo "inspiró" el cursor: el equipo principal de diseño responsable trabaja en todos los grupos, incluido Apple TV, iPad OS y otros productos.
—————————
Pero para comprender el proceso, debe tener una visión más amplia de las opciones que tiene un usuario cuando interactúa con un dispositivo Apple.
Las modalidades de entrada de Apple incluyen:
- Ratón (Mac)
- Touchpad (Mac, MacBook, iPad)
- Toque (iPhone, iPad)
- AR (iPhone, iPad, todavía naciente)
Cada una de estas modalidades tiene ventajas o desventajas situacionales. El dedo, por supuesto, es un instrumento impreciso. El equipo sabía que tendrían que telegrafiar la naturaleza imprecisa de un dedo al usuario, pero también honrar los contextos en los que se necesitaba precisión.
(Imagen: Jared Sinclair /Pixel negro)
Apple se acercó a la experiencia yendo limpio. El equipo sabía que tenían los elementos crudos para hacerlo realidad. Tenían que tener un cursor sensible al tacto, sabían que el cursor de Apple TV era prometedor y sabían que era más importante la retroalimentación interactiva cuando se trataba de mensajes de texto.
Dónde y cómo aplicar qué elemento fue el gran obstáculo.
"Cuando pensamos por primera vez en el cursor, lo necesitábamos para reflejar la experiencia natural y fácil de usar el dedo cuando no es necesaria una alta precisión, como al acceder a un ícono en la pantalla de inicio, pero también era necesario escalar de forma muy natural tareas de alta precisión como editar texto ", dice Federighi.
“Entonces se nos ocurrió un círculo que se transforma elegantemente para cumplir con la tarea en cuestión. Por ejemplo, se transforma para convertirse en el foco alrededor de un botón, o para saltar a otro botón, o se transforma en algo más preciso cuando tiene sentido, como el I-beam para la selección de texto ".
La naturaleza predictiva del cursor es la respuesta que se les ocurrió para "¿Cómo escalas un análogo táctil en alta precisión?"
Pero el equipo necesitaba descubrir qué situaciones exigían precisión. Interactuando con un elemento sobre otro cercano, por ejemplo. Ahí es donde entraron la inercia y el chasquido. El iPad, específicamente, es una computadora multipropósito, por lo que es mucho más complejo que cualquier dispositivo de entrada única. Existen múltiples modalidades para atender con cualquier implementación de cursor en la plataforma. Y tienen que ser honrados sin derribar todo el aprendizaje que han hecho pasar a millones de usuarios con una interfaz táctil principal.
"Nos propusimos diseñar el cursor de manera que conserve la experiencia de tocar primero sin cambiar fundamentalmente la interfaz de usuario ”, dice Federighi. "Por lo tanto, los clientes que nunca usen un trackpad con su iPad no tendrán que aprender algo nuevo, al tiempo que lo hacen ideal para aquellos que pueden alternar entre el tacto y el trackpad".
El equipo sabía que necesitaba imbuir al cursor con la misma sensación de fluidez que se ha convertido en un pilar de la forma en que funciona iOS. Entonces lo animaron, desde el punto hasta la viga en I hasta la gota. Si reduce la velocidad de la animación, puede ver que brota una curva bezier y fluye a su nueva apariencia. Esto sirve para "deleitar" al usuario, es divertido, pero también cuenta una historia sobre dónde va el cursor. Esto mantiene al usuario sincronizado con las acciones del blob, que siempre es un peligro cada vez que introduce incluso una pequeña cantidad de autonomía en un avatar de usuario.
Una vez en el ícono, el cursor mueve el ícono en una pequeña paralaje, pero este cambio de ícono es simulado: no hay capas aquí como en Apple TV, pero sería divertido tenerlas.
La edición de texto también se actualiza, con el I-Beam conforme al tamaño del texto que está editando, para que quede muy claro dónde se insertará el cursor y qué tamaño de texto producirá cuando comience a escribir.
La web presentaba sus propios desafíos. El estándar abierto significa que muchos sitios tienen sus propios elementos y comportamientos de desplazamiento. La pregunta con la que el equipo tuvo que enfrentarse fue hasta qué punto empujar la conformidad con las "reglas" del iPad OS y el cursor. La respuesta no fue una aplicación única de los elementos anteriores. Tenía que honrar los elementos integrales de la web.
Simplemente, sabían que las personas no iban a reescribir la web para Apple.
"Perfeccionar exactamente dónde aplicar estos elementos fue un viaje interesante. Por ejemplo, los sitios web hacen todo tipo de cosas: a veces tienen sus propias experiencias de desplazamiento, a veces el área en la que se puede hacer clic de un elemento no coincide con lo que el usuario consideraría como un área seleccionable ", dice. "Por lo tanto, observamos cuidadosamente dónde impulsar qué tipo de comentarios para lograr un nivel realmente alto de compatibilidad fuera de las puertas con la web, así como con aplicaciones de terceros".
Por supuesto, cualquier aplicación de terceros que haya utilizado los elementos estándar del sistema operativo iPad obtiene todo este trabajo de forma gratuita. Simplemente funciona Y la implementación de aplicaciones que usan elementos personalizados es bastante sencilla. No es simple mover un interruptor, pero tampoco es un trabajo pesado.
La respuesta al soporte del cursor ha sido enormemente positiva hasta ahora, y ese entusiasmo crea impulso. Si hay un conjunto importante de herramientas de productividad que tiene una base sólida de usuarios en iPad Pro, puede apostar que recibirá una actualización. Microsoft por ejemplo, está trabajando en la compatibilidad con el cursor del iPad que se espera que se envíe en Office para iPad este otoño.
—————————
Los gestos del sistema también se sienten frescos y receptivos incluso en el panel táctil distante. De alguna manera, el movimiento y deslizamiento realmente se siente más eficaz y útil en horizontal que en la pantalla misma. Puedo decirle por experiencia personal que el cambio de contexto de un lado a otro de la pantalla al teclado para cambiar entre espacios de trabajo introduce mucho desgaste cognitivo. Incluso el acto de sostener continuamente el brazo hacia arriba y hacia afuera para deslizar hacia adelante y hacia atrás entre los espacios de trabajo a un pie de la mesa presenta un problema de fatiga a largo plazo.
Cuando los gestos están en el panel táctil, son más inmediatos, más pequeños en el espacio físico general y menos cansados de ejecutar.
"Muchos gestos de iPad en el panel táctil son análogos a los de Mac, por lo que no tiene que pensar en ellos ni volver a aprender nada. Sin embargo, responden de una manera diferente, más inmediata en iPad, haciendo que todo se sienta conectado y sin esfuerzo ", dice Federighi.
Recuerda que el primeros gestos multitarea del iPad me sentí como una rama rara. Un experimento que parecía inútil en el peor pero una curiosidad interesante en el mejor. Ahora, en el botón de inicio gratuito iPad Pro, el trabajo realizado por el equipo que construyó el iPhone X brilla intensamente. Es bastante notable que hayan creado un sistema tan útil que incluso funciona en el panel táctil, un elemento eliminado del contacto inmediato.
Federighi dice que pensaron en repensar los gestos de 3 dedos por completo. Pero descubrieron que funcionan tan bien como están. En el caso de cualquier cosa que se salga del límite, alcanzará un límite y simplemente empujará más allá para confirmar y obtendrá el mismo resultado.
Todavía hay lagunas en los paradigmas de cursor del iPad. No hay soporte para el bloqueo del cursor en el iPad, por lo que no es un iniciador para el movimiento relativo del mouse en aplicaciones 3D como los juegos en primera persona. Hay más por venir, sin duda, pero Apple no hizo ningún comentario cuando pregunté al respecto.
El nuevo cursor del iPad es un producto de lo que vino antes, pero es una combinación, en lugar de capas, lo que lo hace exitoso en la práctica. La combinación de los aprendizajes del equipo de producto en Apple TV, Mac y iPad. La combinación de las modalidades de touch, mouse y touchpad. Y, por supuesto, la combinación de un deseo de hacer algo nuevo y creativo y la limitación de que también tenía que sentirse familiar y útil desde el primer momento. Es una especialidad que Apple, cuando está en su mejor momento, continúa siendo fundamental para su filosofía de desarrollo.