网站导航设计的用户体验研究分析

文章描述:直达电梯-导航.

超大信息类站点的导航条就像中药铺的抽屉,一字排开气势恢宏,分别拉开,别有洞天。

国人喜好:多!大!全!最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此,对比浏览了同类大型新闻信息类站点,发现中/洋;东/西,界面感受果然不同。

今天只说导航,只对比了新闻类站点:

(娱乐类,设计类,个人站点导航形式多样,逻辑复杂,暂来不及铺开)

Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 腾讯新闻 / 新浪

首先关注首页横向主导航:

(常规纵向导航通常配合横向主导航试用,且在商务型,大型信息类站点主页中单独使用频率不高,通常在次级页面出现,且一定是信息内容量大,分类繁琐的站点。)

可见基本导航条模式如下:

1. 对于信息统一,归纳性强的站点,通常会使用简单模式:

2. 对于有丰富次级信息的,通常会使用以下两种模式:

a. 鼠标hover下拉

b. tab展开

a 型导航方便快捷预览, b 型导航直接展开次级信息,也有站点把a/b模式合并。

3. 特别案例,盖浇饭类型的,把所有信息都铺出来,比如s浪:

(与其说导航,不如说是归纳过的标签)

导航操作性:

一个完美的导航,最基本最重要的是随时随地,快速引导用户去相关页面,而且能及时返回,方便跳转到其他页面。

有意思的是,去容易,反而找到来时路就千差万别了。

比如:用户很可能是从首页任何一个兴趣点,误入了详情页面,去的容易,1步到~!但从详情页面返回到其他模块或想去其他分支类别页面,就要仰赖导航了。

为了提供必要引导,当用户进入到足够深的详细页面,各种索引,面包屑都配合导航条应运而生。

做一个反向测试,看哪种导航配套设置更便捷。

测试内容:从A类详情页【1】去B类详情页【2】:

测试站点:

Korea Times

http://www.koreatimes.co.kr/www/news/nation/2011/10/115_97248.html

BBC News

http://www.bbc.co.uk/news/uk-england-leeds-15438299

Yahoo News

http://news.yahoo.com

China Daily

http://www.chinadaily.com.cn/china/2011-10/25/content_13968775.htm

导航配套类型:

Korea Times

主导航 + 面包屑 + 左侧纵向索引导航

BBC News

主导航 (展开tab)

Yahoo NewsChina Daily

主导航 (展开tab + 鼠标悬停下拉列表)

操作:

Korea Times

第一种方式:从主导航返回――进入其他模块B――分支次级页面――详情页

第二种方式:从左侧便捷索引直接抵达其他模块B――分支次级页面――详情页

(面包屑对应同一目录下的内容切换更便捷,但和左侧索引导航一起,功能性不突出。)

BBC News

从主导航Tab选择其他模块B――抵达其他模块分支次级页面――详情页

Yahoo NewsChina Daily

Mouse on主导航第一层其他模块B――展开下拉点击进入其他模块分支次级页面――详情页

测试体会:

使用便捷性Yahoo NewsChina Daily最方便,Korea Times第二种基于左侧纵向导航辅助的操作是最快的。Korea Times功能方式多,且样式不统一,分类太细节化,反而在使用时觉得有点手足无措,操作时会停顿犹疑。BBC News没有整合hover下拉查看其他模块选项的效果,不如Yahoo NewsChina Daily灵活,但是感官上BBC News更利落。

所以说,如果用一个控件可以解决得很漂亮的问题,为什么要到处铺开各设据点?!功能模块集中,操作行为更灵便,使用感觉更舒畅,减少操作中的反复思考,停顿点更有前途。

其实一个舒服的导航,除了归纳清晰,操作便捷,乍一看第一印象也很重要~

不要一口气把全部底细都摊在人家面前是好习惯。有的导航虽然强大,但是内容一多,功能一高级,看着就烦了。这种时候,需要

解套选择恐惧症:

以BBC为例,它的主页导航正如首页头条展示的信息,简单直接,只有大模块:

当点击到感兴趣的模块后,例如进入单独News页面:

导航展开,信息量非常更大,且所在页面导航次级信息也一并罗列。

感受:如果直接进入信息页面,可能无从下手,正是第一步的简单模块引导,剥离了选择困难。

再来看China Daily,虽然不是个特别贴合的例子,但是可以说明一些问题。初始进入所看到的导航其实是最简单的【一】字导航,最多加了个mouse on下拉功能,但依然是大模块让选择有了个范围:

当点击任何一个模块或者使用下拉到达次级页面,导航终于铺开了:

这是个快速索引,同时合并其hover功效,导航就强大了:

最后废话又要说回来了,站点导航到底用那种方式?还是弄个变形金刚什么都包括了,要看站点的信息分类,同时也要从分类开始就要考虑到整个站点铺开有多少点?导航才能牵得了线,小头套不了大帽子,反之亦然。

时间: 2024-11-12 21:52:18

网站导航设计的用户体验研究分析的相关文章

电商网站Web设计提高用户体验度的九个要点

无论是传统商业时代还是互联网电商时代,提高用户的极致体验都是达成营销盈利目标的重要行动.而对于电商而言,Web设计的核心与目标就是以用户为中心,追求极致的用户体验,并完成其本身所承载的商业或用户诉求等目标. 互联网时代,电商网站Web设计提高用户体验度有以下九个要点: 一.网站定位 首先,你应该确定你的网站的用户群有哪些,是否承载电子商务功能单位,是否满足在线购物需求等等.传统的电商网站页面颜色过于单调.布局太过传统且整体缺乏活力,只是满足官网的定位,但是却无法满足电子商务的网站需求.因此,这时

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴

储海洋:从网站的架构设计看用户体验的重要性

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站架构和用户体验的重要性,相信站长朋友们都不言而喻,因为它可以直接反映你网站受欢迎程度,对于专业的SEO从业者来说,通过SEO技术将用户吸引到你的网站,这仅仅算是良好的开端,能不能留住用户甚至让用户在你的网站上产生订单,这里咱们就需要考虑到你网站的用户体验.综上所述,网站的架构和用户体验在网站运营当中所占的分量是相当之重的,那么如何构建良好的网站结构和创造符合用户需求体验的网站呢?这是我们每一个网站运营人员需要时刻关注的话题,我们先来看网站的架构

如何做好用户体验方法分析研究

比如一个内容丰富的网站,用户喜欢搜索引擎一样喜欢.只要用心琢磨一下就会发现,我们每一次检索,搜索引擎都会记录一次用户的计算机信息,同时向用户计算机注入cookie,以记录并反馈用户行为.譬如谷歌的Adsense广告,就会根据用户习惯,然后有针对性的推荐广告.既然知道用户体验,会影响到搜索引擎对网站质量的判断,那么我们不妨与http://www.111cn.net 一起,深入分析一下常见的用户行为体验,并有针对性的采取积极应对措施. 一.提升网站访问速度 网站有个跳出率的概念,一个网站如果加载速度

手机用户体验设计:移动用户体验的三个层次

文章描述:移动手机用户体验的三个层次. 译者前言:随着手机上网的增加,手机用户体验也变成UX们研究的一个新领域,本文从三个层面来阐述手机用户体验受哪些因素影响.包括手机硬件,操作系统,应用程序.对于有志于从事手机领域体验研究的人来说,是篇不错的文章 相对于传统手机,智能手机更能吸引用户来使用.因为他们有更大的屏幕和更高分辨率的显示器,它们的工业设计更时尚.智能手机的共同特点包括但不限于触摸屏,高像素摄像头,全球定位系统(GPSs),许多游戏和娱乐选择.智能手机使人们能够从事的活动范围广泛,包括通

用户体验研究:在线可用性测试的思想

我很喜欢<流言终结者>这个电视节目,因为我认为他所面临的挑战就是真实.在节目中,用一种令人愉快的和科学的方法来对人们普遍认同的留言进行测试.在节目中我最喜欢的部分,当然除了爆炸的部分,是我所信仰的被证明是不真实的.这一直让我开放思想,专注于现实.我也喜欢另一个方面--揭露还没有建立起来的流言.这就是我这篇文章的视角.特别地,我将突出有关与网络可用性测试的五个常见的流言,同时解释为什么我认为这些流言是不真实的. 写这篇文章的动机是帮助用户体验研究人员在线可用性测试时打开思想.已经有很多研究人员使

医疗网站该如何提高用户体验度之内容篇

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 上篇文章"医疗网站该如何提高用户体验度之样式篇",我重点从网址的选择.网站的访问速度.网站设计等几个方面重点阐述了如何提高医疗网站用户体验度的基础,那么本文将继续这个话题,重点从网站布局.网站内容等方面来分析. 1.网站首页布局要有引导性,体现清晰度 医疗网站的目标用户大部分是带着问题进入网站的,这就要求网站的导航设置清晰

增加网站人文关怀提高用户体验

今天想说的是增加网站人文关怀提高用户体验,何谓"人文关怀"呢?大致可以解释如下: "人文关怀",普通人的理解很简单,就是对人的关怀."人文"是一个内涵极其丰富而又很难确切指陈的概念,"人文"与人的价值.人的尊严.人的独立人格.人的个性.人的生存和生活及其意义.人的理想和人的命运等等密切相关. 好了,了解了这些东西,我们就应该对此有一个初步的认识,我们要做的就是将网站与人文关怀有机的结合. 我们研究的步骤是:提出问题--分析问题

如何选择合适的用户体验研究方法

注:这篇文章原文发表在可用性大师Jakob Nielsen的网站上,系统介绍了如何选择合适的用户体验研究方法.好的研究方法要在恰当的时间用到恰当的地方才能发挥其应有的效果,切忌手里有把锤子就看什么都像钉子.现在用研组根据我们公司的情况重新编译修改了下,供大家参考. 用户体验研究当前已经可以解答相当广泛的问题.通过在一个3维坐标系以及典型的产品开发阶段中列出各种可用的研究方法,可以了解到什么时候应当使用哪种方法. 用户研究领域有着相当广泛的研究方法,这是件好事(没准也是件坏事).从那些已经广泛验证