Si está familiarizado con los trackpads o es un desarrollador, probablemente haya oído hablar del término “Desplazamiento cinético”. El desplazamiento es una parte importante de cualquier software, aplicación o sitio web, por lo que saber qué es el desplazamiento cinético puede ser de vital importancia.
Tal vez no lo sabías, pero no hay un solo comportamiento de desplazamiento. El efecto del scroll que generas al mover la rueda del ratón o al hacer un gesto con el dedo no siempre es el mismo.
Hay ocasiones en las que, después de dejar de deslizar o desplazarse, la página/aplicación sigue desplazándose. ¿Como es eso posible? Esto es lo que llamamos dispositivos de desplazamiento cinético.
Pero, ¿qué son este tipo de dispositivos?
Antes de saltar a esta pregunta, primero debemos entender ¿Qué es el desplazamiento cinético?también conocido como desplazamiento inercial.
El desplazamiento cinético (desplazamiento inercial) es cuando la pantalla continúa moviéndose hacia arriba o hacia abajo incluso después de que el usuario haya dejado de desplazarse o deslizar. En lugar de detenerse de repente, el desplazamiento reduce su velocidad hasta que se detiene por completo. Tiene “inercia”. Solo en la vida real cuando mueves objetos.
Desandro lo expresa muy bien en los primeros segundos de esta charla:
El desplazamiento intertial es muy común en dispositivos de pantalla táctil. Eso es porque el gesto de arrastrar en sí exige algún tipo de inercia.
Piénselo: en el mundo real, cuando “agarra” algo para arrastrarlo lejos de usted, el comportamiento lógico es tirarlo con cierto impulso. Lo mismo sucede en el mundo virtual.
Hay afirmaciones de que fue inventado a mediados de la década de 2000pero algunos también dicen que esta técnica se ha utilizado incluso a principios de la década de 1990.
Ha habido muchos debates sobre la autoría y la patente, pero no voy a entrar en eso. Lo que está claro es que se ha utilizado mucho y muchos se han beneficiado de la interfaz gráfica de usuario de desplazamiento inercial.
Ejemplo de desplazamiento cinético
Lo mejor para entender lo que es el scrolling cinético es ver el efecto con tus propios ojos con un ejemplo:
Entonces, ahora que entendemos qué es el desplazamiento inercial, podemos pasar a nuestra pregunta principal.
Los dispositivos de desplazamiento cinético son dispositivos que permiten a los usuarios realizar un desplazamiento inercial. Estos incluyen trackpads y algunos tipos de ratones (como Apple Magic Mouse). Con estos dispositivos, un solo deslizamiento le permite desplazarse por varias líneas de visualización. Dependiendo de qué tan fuerte hayas golpeado, tendrá más impulso o menos.
Hoy en día, es muy común encontrar esta función de desplazamiento cinético desarrollada por software que utiliza una biblioteca javascript. Es el caso de esta extensión Drag and Move de la librería fullPage.js de Álvaro Trigo.
Sin embargo, los dispositivos de desplazamiento cinético incluyen directamente esta función en su software: le permiten realizar desplazamiento inercial en cualquier lugar y no solo en un sitio web específico que ha permitido este tipo de desplazamiento. Veámoslos y cómo ayudan a los usuarios.
Cómo ayudan los dispositivos de desplazamiento cinético a los usuarios
La gente como yo aprovecha los dispositivos de desplazamiento cinético para poder navegar de forma más cómoda y eficiente.
El desplazamiento cinético hace que sea mucho más rápido ir a la sección deseada de la página web gracias al comportamiento de desplazamiento inercial. También hace que sea más fácil ir al final o al principio de una página web.
¿Por qué? Porque puedes decidir la velocidad a la que deseas desplazarte (deslizar rápido o lento) y el desplazamiento aún tendrá lugar durante unos segundos después de que retires los dedos del trackpad/pantalla táctil/rueda.
Además, personalmente encuentro muy satisfactorio leer y navegar documentos con desplazamiento inercial. Simplemente se siente natural.
Sin embargo, no todos los usuarios de la web son fanáticos del desplazamiento inercial. Es por eso que existe una opción para que los usuarios de Mac utilicen o no el desplazamiento por inercia.
Problemas del desarrollador con dispositivos de desplazamiento cinético
Hay ocasiones en las que los desarrolladores necesitan detectar si el usuario hizo un solo deslizamiento o un movimiento rápido, y los dispositivos de desplazamiento cinético dificultan esa tarea.
Algunos complementos usan eventos de desplazamiento para desencadenar acciones o producir animaciones en una página web (como cuando se usan técnicas de secuestro de desplazamiento). Pero por lo general encuentran problemas con el desplazamiento cinético debido a que un solo deslizamiento hace que algunas secciones, páginas o animaciones se salten o se reproduzcan más rápido de lo esperado.
Hay algunos intentos y soluciones alternativas que intentan proporcionar una solución a este problema, pero aún así, ninguno puede garantizar que no producirá algunos falsos positivos.
Si bien todavía no hay forma de detectar un solo deslizamiento, los componentes como fullpage.js, por ejemplo, brindan una solución aceptable al problema del desplazamiento doble.
Artículos relacionados
