立即登录 注册新帐号

http://www.chutianz.com - 楚天站长站

会员投稿 匿名投稿 投稿指南 RSS订阅 楚天站长站推荐:
搜索: 您的位置主页 > 网站运营 > 建站经验 > 阅读资讯:置顶菜单可用性研究 可使网站导航快22%

置顶菜单可用性研究 可使网站导航快22%

2012-09-29 10:53:07 来源:CSDN 【 】 点击:我要投稿 发表评论

SirsiDynix公司UX/UI设计师Hyrum Denney在Smashing Magazine上发表了一篇文章《》,分享了自己对“置顶菜单”进行的可用性研究成果,及实现技术和相关挑战。CSDN对该文进行了编译,内容如下:

导航是Web网站中最重要的元素之一,大部分设计师都同意这一点。尽管如此,现在的导航并不总是容易使用。通常,用户必须滚动到网站的顶部才能访问导航菜单。最近,我在研究“置顶菜单”是否可以加速网站的导航。对此我进行了可用性研究。下面将展示本次研究的成果,以及一些实现的技术及相关的挑战。

图1

置顶导航的定义

置顶(或固定)导航是被锁定在网站某位置的菜单,当用户滚动页面时,该导航并不会消失,换句话说,用户可以在网站的任何地方访问该导航,而不用滚动页面。虽然置顶导航可以应用到任何菜单中,比如页脚、社交媒体按钮,但一般主要用于网站的导航上。图2展示了移动设备上标准导航与置顶导航的不同之处。

图2

可用性研究

研究背景

为了本次研究,我专门创建了两个几乎完全一样的测试网站。唯一的不同点是一个具有标准导航,另一个是置顶导航。在第一个网站中,要求四十个参与者限时完成5个任务。然后再到另一个网站上去完成另外不同的5个任务。这两个网站均在桌面电脑上进行测试,直到最后才会告诉用户两网站之间的不同。在测试完全结束后,通过对数据的分析,我得出两个有趣的结论。

1.置顶菜单可使导航快22%

研究数据显示,参与者不必将页面滚动到顶部,就可以快速地找到他们所需要的内容。22%看起来可能并不是一个大数据,但对访问者却有很大的影响。根据该数据,置顶导航可以帮助访问者每5分钟节约36秒。当然,如果你正增强用户体验,让用户在页面中停留更长的时间只是其中的一个好处。应该让用户深入探索该网站,不受任何限制地找到所需要的东西。

2.100%的参与者更喜欢置顶菜单,但不知道喜欢的原因

在测试的最后阶段,我都会问用户是否注意到两个网站的不同之下。但没人能说得出。变化很微小,没人注意到它,因为他们都在专注于完成彼此的任务。当询问参与者感觉哪个网站更容易使用。40位参与者均认为有置顶导航的网站更容易使用(使用更快速)。很多人评论说:“我不知道这两个网站有什么不同之处,但我感觉通过点击置顶导航可以节省更多的时间。”如此评论显示出用户对置顶导航的绝对支持。

桌面软件的置顶导航

想象一下,你正在Word中输入一个文档,每当你想加粗一个单词,或加宽页边距,都必须滚动到第一页进行设置。是不是一想起来,就让人沮丧啊。无论你正在做什么,大部分桌面软件都会时刻提供一个完整的导航菜单供你访问。Web浏览器也应该这样,如果我们必须滚动到网站的顶部才能访问浏览器的地址栏,那就太可笑了。

优秀案例分享

最近,Facebook和Google+也采用了置顶导航。在中,现在只有16%采用了置顶导航。下面列举出一些在这方面做得很棒的网站。

这是水平置顶导航中一个很好的例子,位于顶部。当使用该网站时,用户会感觉很舒服。

图3

该网站的导航是垂直的,位于左侧,与Google+的导航有点相似。它唯一的缺点是,如果屏幕的高度低于560像素,那么菜单下面的部分就无法访问了,我在上网本上测试该网站时发现了这个问题。

图4

MakeBetterApps这是另一个精彩的例子。导航略微透明,它下面的内容依稀可见,这是一个很不错的尝试。

图5

Rodolphe Celestin该网站的置顶导航横跨网站的顶部,但当你向下滚动页面时,导航的设计就会发生细微变化。只要保持好一致性,如此简化该设计是一个很好的技巧。同时,该网站的设计者还采用了当下正流行的设计方法:整个网站只有一个页面,导航上的链接是一个个锚点,点击后可以跳到页面的相应位置。这些都使该网站使用起来很舒服。

图6

注:相关网站建设技巧阅读请移步到频道。

感谢 的投稿 本文仅代表作者观点,与楚天站长站立场无关。

分享到:

数据统计中!!

tags:站长之家, 网站导航设计, Web网

 责任编辑:毛新红
  • 上一篇:网站数据分析:分析的前提—数据质量1
  • 下一篇:修改WordPress用户登录Cookie过期时间
  • 相关文章列表                                                                                     收藏 - 挑错 - 推荐 - 打印
      成功运营网站法则:确认目标、竞争和坚
      用户角色创见 订机票网站需求分析
      做站如同做人 要厚道更要善道
      图片存储架构学习:缓存,架构师的美丽
      剖析用户价值、创造价值和网站价值三大
      图片存储架构学习:独立的图片服务器,
      如何让centos支持中文
      网站pr值快速提升技巧之如何向dmoz提交
    评论总数: 条 [ 查看全部 ] 网友评论
    楚天站长站最新文章
    • · 网站设计分析:根据用户的固有习惯来设计
    • · 问诊12306之四:产品设计团队缺乏经验
    • · 问诊12306之三:漏洞大 数亿用户信息可能外
    • · 信息时代多元化思想下必须走出小我世界
    • · 巧用正当心术提升网店产品销量研究
    • · 百度更新一周趋势分析 中秋国庆期间将无更
    • · WordPress投稿功能添加邮件提醒功能
    • · 修改WordPress用户登录Cookie过期时间
    • · 分析的前提—数据质量1
    • · 两个使用WordPress缩略图的方法
    • · 置顶菜单可用性研究 可使网站导航快22%
    • · 网店微博营销正当时 防范三大错误很关键
    • · 网站数据分析:分析的前提—数据质量1
    • · 小心网赚新骗局:利用官网客服与电话诱您入
    • · Discuz! 防水墙使用教程之基础篇(1)
    推荐资讯
    • · 网店微博营销正当时 防范三大错误很关键
    • · 整洁之道 如何让代码更明确、简单、有力
    • · Spring双数据库配置
    • · 有感于坚持做有价值的事情
    • · 关键词 网站推广中不可或缺的利器
    • · 网站精益用户体验(UX):摆脱只注重结果的
    • · 唱吧与腾讯微博:7天回流500万的经典案例
    • · 百度的云平台——BAE搭建WordPress教程
    • · 专访一泉钱币交易网叶大钢:特色 让网站
    • · 浅谈用户体验背后的8个用户本能
    • · 通过GA自定义报告简化PPC工作流程
    • · 凸显站长身份 专属站长的免费域名邮箱