La técnica que hace inmediato el menú de Amazon

Fuentes: Breaking down Amazon's mega dropdown

Amazon evita el retraso de los submenús desplegables mediante un sistema que interpreta la dirección del cursor. En lugar de activar una nueva sección únicamente con el movimiento de entrada y salida del ratón, define en cada posición un triángulo cuyos límites son la posición actual del puntero y las esquinas superior e inferior derechas del menú. Mientras el cursor permanece dentro de esa zona, la interfaz considera probable que la persona se dirige al submenú visible y mantiene la sección abierta. Si abandona el triángulo, cambia de inmediato el contenido mostrado.

Este diseño resuelve un problema habitual de los menús multinivel: al desplazarse desde la lista principal hacia una subsección lateral, el puntero suele atravesar otra opción y el submenú se oculta antes de alcançar el destino. Amazon conserva así una respuesta inmediata sin obligar al usuario a moverse por una trayectoria precisa. El autor señala que el método puede implementarse con álgebra lineal, productos cruzados y otros cálculos geométricos.

A partir de esa idea desarrolló jQuery-menu-aim, un complemento de jQuery que genera eventos al detectar un movimiento direccional hacia el menú. El proyecto se применяется en el menú Learn de Khan Academy y está disponible en GitHub. El texto también compara el comportamiento de Amazon con el de un menú antiguo de Khan Academy y con los submenús de Bootstrap, que requieren pausas para reducir la inestabilidad de la navegación.