活动公告当前位置:天恒娱乐 > 活动公告 > >

揭秘Amazon反应速度超快的下拉菜单

  假如你曾经觉得Amazon这家公司不太在用户体会上下功夫,这天恒娱乐篇文章可能会改变你的观点。

  Amazon主页的左上角有一个商品分类阅读的下拉菜单。当鼠标从菜单中的选项上滑过期,子菜单的显现速度是超快的。咱们能够看一下:

  这个显现速度基本是与鼠标移动同步的,可是绝大多数网站的下拉菜单在显现子菜单时会有必定的推迟,例如:

  这个推迟反应是必须的,由于假如没有,当你想把鼠标从一个主菜单选项挪到一个子菜单选项时,子菜单会不见。就像这么:

  可是Amazon的下拉菜单没有这个推迟,并且子菜单也不会在不应该的时分不见。它是怎样做到这一点的呢?答案是经过探测鼠标移动的方向和轨道。

  幻想在鼠标当时的方位和子菜单的左上角和左下角之间画一个三角形。假如鼠标在这个三角形的范围以内移动,那用户很有可能是在把鼠标从主菜单向子菜单里挪,所以不要立刻更新子菜单。可是假如鼠标挪动到这个三角形以外,则能够立刻更新子菜单。这即是Amazon主页反应速度超快的下拉菜单背后的算法。

  天主在细节中(God is in the details)。揭秘一个前端细节,咱们看到的不仅是一个精妙的算法,而是一个科技巨子关于商品和用户体会的情绪。Amazon的数百亿市值有多少是从这些很小很小,可是显着很用心的商品细节中堆集起来的呢?

  假如想把这个菜单逻辑运用到你的网站上,这是 Khan Academy工程师 Ben Kamens 写的 jQuery插件。

  假如你觉得这个很奇特,很想做这方面的工作,或是觉得这没有什么,你的 UX 规划比这个好,能够思考给研宣布这个细节的 Amazon 团队([email?protected])投一份简历,由于他们正在招聘。

(责任编辑:admin)

上一篇:当朋友圈更新多到看不完时,来看看Facebook是怎么

下一篇:天恒娱乐:为阅读付费 90后出手最“土豪”

推荐内容