说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

从下拉菜单设计细节看Amazon对用户体验的把握

HTML文档下载 WORD文档下载 PDF文档下载
作为世界上最大的B2C电子商务公司,Amazon用户体验设计上一直有其独到之处,最知名的莫过于“一键下单”专利,连苹果都没忍住,花钱购买了该专利的使用权。除此之外,其分类导航的下拉菜单设计也非常值得学习,看本文为你解读。

Amazon网站分类导航的下拉菜单被使用得非常频繁,但你有没有注意过它的反应非常迅速?


当然,这在技术上并非难题,但是大多数网站下拉菜单显示子菜单有一定的延迟,这比如老版的可汗学院网站:


注意到延迟没有?这样做并非没有缘由,若不如此,斜着移动鼠标时子菜单就会消失,因此你只能小心翼翼地平移鼠标指针,非常影响用户体验:

也许你会感到疑惑,在Amazon上购物时并没有遇到这样不愉快的体验啊!这正是其设计的睿智之处:


你将鼠标光标从主菜单移向子菜单的时候,图中三角形区域会停止事件判定,很高明的解决办法?

如果你很Geek,可以自己实现这一想法,或者你不想重复发明轮子,可汗学院的工程师Ben Kamens已经开发出了这样的jQuery插件——jQuery-main-aim(MIT协议),可以直接拿来使用。下面是可汗学院使用了该插件之后的效果:

PPT集萃(二):淘宝、CloudStack等分享的架构经验与最佳实践 2013中国云计算榜单之二:64家云主机+云存储,错综复杂! 看Java技术基础的eBay如何评价他们的Node.js首次尝鲜 Jolla发布首款Sailfish系统手机 无缝兼容Android应用 NPD:全球智能手机出货量2013年将首次超过功能手机 聚合数据左磊:不走寻常路 做国内最好的数据聚合平台 从程序员到软件商 需要注意些什么? 共享软件海外营销策略与实战(上海站) 直接拿来用!最火的Android开源项目(完结篇) 一步加入云生态系统 参加第五届中国云计算大会的十大理由 传苹果iOS7将深度整合Flickr 用户受益最大 Chrome 27来了:页面加载快5% 可同步数据到Google Drive 微软发布新一代游戏主机Xbox One 搭配全新Kinect 2.0体感系统 Unity游戏引擎向iOS与Android开发者免费 Twitter获“下拉刷新”专利 开发者仍可自由使用 复杂产品的响应式设计【流程篇】 使用Javassist库为Bytecode Instrumentation开发JVM Agent 内容解析创业公司Stremor推出4款API 2013中国云计算榜单之三:174家云应用服务商,繁花似锦! 盘点各大云服务提供商:麦当劳=AWS,汉堡王=? BlackBerry Jam亚洲开发者大会9月将在香港开幕 把服务器搬进来:Splashtop在中国搭建Bridging Cloud Web框架全对比第五期 新增Windows环境 前Tumblr首席开发者回忆录:一个人也能开发出好产品 测试者和开发者,为何我们不能友好地相处? 讲师秀之11:何刚谈京东的云机遇 讲师秀之10:武汉大学张焕国教授,可信计算是云计算之成败关键 【上海直播】Windows Azure+世纪互联:中国云计算“烈火烹油” 最新版Chrome浏览器推出全新语音搜索功能 惠普第二财季净利润同比下滑32% PC和服务器销售不佳 讲师秀之11:网易汪源的成长故事 朋友! 关于英文版VC6的问题 请大师指点ASP中unicode to ansi 的问题 richtext中RtfText的内容如何编辑?200分,解决问题另外奉送! 即将前往恒生面试,大家帮我看看需要准备什么. 那有BOCHS的中文帮助 phoenix7789请回答!!!^_^ 我在装Report Machine控件时,Delphi提示我找不到RXGIF.duc,谁在给我一个? 肤色检测的问题,急!!! 如何对asp.net的程序进行加密 用datagrid问题,总是提示列键信息不足或不正确,更新影响多行, 大家来讨论一下C# 和Java ,回贴均有分!! 请问一个sql语句写法问题,100分!!!在线等待 谁能给我一点写网站制作方面投标书或者详细方案 wsad5 怎么连上ORACLE数据库啊 并非复古——关于微内核模式ASP开发框架的讨论,欢迎高手进入! 那有BOCHS的中文帮助 我愿送500分求解JAVA问题!!!!!! 关于frame里面的参数传递问题,火急 find函数的问题,请各位老兄帮忙 请问这个链接怎么写? 用xsl将xml转成html提示.... 为什么看不到邻近计算机? 关于浏览器的自定义工具栏! 无法打开web项目bbs 请告知可以下载Domino数据库安装文件和Lotus Notes的网址!在线等 我的ie6无法加载applet,请教解决方法! 如何用ASP写关闭当前窗体的代码? 用xsl将xml转成html提示.... sqlserver数据库怎么和应用程序一起打包? 一个困惑的问题,高手和有耐心的人请进! 实现要求是:对一个用来保存文件的richtext域如何创建一个代理,以实现每天固定一个时间从服务器/本地的一个固定目录下获取一个更新的文 关于数据库导入导出的问题 请问:提交表单后,把参数传到一个新弹出的页面,要求此页面没有“标准按钮”“工具栏”“地址栏”而且固定窗口大小,且不能最大化,如何 求助于高手:Tab Control控件如何使用? 组件通过鼠标移动 求助 sniffer 紧急!帮忙啊!如何获得使用<div class="test" id="mydiv"> ...</div>定义的对象 哪儿找ORACLE8i 9i for x86solaris? 在IIS中,url转发如何隐藏真实地址? 原来对应Access数据库的水晶报表现在如何转换成对应sql server 的?Access数据库已经转换成Sql server的 找到了工作,不过得告别DELPHI一段时间了本来想在非技术区发这个,但是我在这里得到的帮助最多所以...... 在web页面中如何使用脚本判断当前是否有键被按下? 哈希表 访问CLOB字段问题 下拉列表的查询 一台电脑安装的winxp系统,当我打开“任务管理器”时,只显示所调用的进程及结束进程的按钮,其它的应用程序及性能界面都不能出现,最上 Repeater模板列:如何在返回字段长度过长时,将其截短 谁能帮我做一个祝贺教师节日的卡通图片 intaweb 的session 超时错误捕捉问题 大家帮忙看一下C++primer上面的这个程序: 全部改成比喻句、、1、天空中挂着一轮明月2、打了败仗的敌人,仓皇逃窜.3、玩了一个下午,这帮小家伙个个人身上都沾满了泥巴.4、一道闪电划破了天空,紧接着,轰隆隆的春雷响起来了.5、林 为什么说君子之交淡如水? 为什么说,君子之交淡如水 为什么他跟我说君子之交淡如水?有一个异性跟我说君子之交淡如水,要的是这种感觉把.又说她应该把好朋友和朋友分清楚的. 英语的作业,请哪位高人帮忙,谢谢!09年下学期大学英语(4) 题号:1 题型:单选题Dr. Hoffman proposed that we ___ the meeting until next week. a、put off b、to put off c、putting off d、need put off 题号:2 题 高人帮我写份英文作业吧请大家帮我写写吧 准确率高点啦 拜托了 追加300分哦 谢谢PART{a}This assignment requires you to;*choose a business from any industry in New Zealand which employs staff.*prepare an interview question 洲际导弹有几种发射方式? 求一句关于缘的十字以内短语或短句重要的是要有新意 电影的插曲和的歌词有谁知道? 湖心亭看雪的翻译 .. 是不是只要一个洲际导弹,一个战略发射车就够了? 浙商二代展开青春对话 宗馥莉称不努力调查指:中国20年“农转非”比例仅增第九届两岸经贸文化论坛在广西南宁闭幕浙江力推“国民共进” 促“国字号”“长三角“绿色制药”协同创新中心:让百教师因婆婆不拆迁调岗至拆迁部 称曾被跨国公司巨头和学者会聚上海探讨城市“马尼拉市长最快下月底赴香港道歉 或赔上海自贸区满月在即 创新运行框架基本韩正:上海自贸区将适时引入第三方评估安倍再次表示推进探讨行使集体自卫权外媒:中共设立中央军委联合作战指挥中李克强:救治伤员靠医术设备 也靠爱心邢台县:优良传统薪火相继 干部群众鱼5日交易:阿伦否认倾向加盟骑士 湖人警方力保云南鲁甸震区抢通道路通畅全球最大龙眼产地广东茂名今年龙眼售价美国小餐馆鼓励顾客携枪就餐:可打折李克强在鲁甸县城夜察救灾物资情况洛阳102岁老人为云南灾区捐款千元 监控实拍莱芜飞贼抢夺单身女性 为单位男子吸毒产生幻觉 自称联合国主席砍烂
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘