Lobsters | 原文链接 | 2026-09-02 收录

拆解亚马逊巨型下拉菜单:用三角区域检测鼠标意图

来源: bjk5.com — 2012-01-03

概述

Ben Kamens 被亚马逊「Shop by Department」巨型下拉菜单的即时响应「科学怪人式」吸引,分析它为何不需要像传统下拉菜单那样引入激活延迟。传统下拉必须在打开子菜单时延迟,否则鼠标从主菜单移向子菜单的途中子菜单就会消失。亚马逊的秘诀是检测光标移动方向:当光标进入主菜单与当前子菜单之间构成的「蓝色三角」区域时,就保持子菜单打开,无论光标是否短暂悬停在别的菜单项上。这种基于几何意图预测的设计,让用户体验流畅而无需笨拙的延迟。

核心要点

金句

光标每到一个位置,都能在它和下拉菜单的上下两个右下角之间想象出一个三角形——进入三角,就是正奔着子菜单去。
返回 Lobsters 首页