跳至导航 to navigation

挑战：将竖导航改成横的

Tag: [ 信息架构 信息架构 用户体验 ]
ryana 发表于12:19 2006-04-28
本文原始地址：http://ui.blogbus.com/logs/2367850.html
UI之旅乃作者的随手笔记，请移步到用户体验研究blog--油茶研究会

via UIE

CNN的设计师最近做了改版，将原来竖着排列的导航条改成了横排。但是这次只是主页上改动，内页的新闻页并没有改，所以我们可以看到横的导航和竖的导航的差别。

Here’s what their homepage looked like this recently:

CNN homepage

And here’s what an interior page looked like:

CNN subpage

主页的视觉重心发生了变化，从导航移动到了实际的内容。这种变化将让访问者的前五秒获得更重要的信息，更容易抓住用户的兴趣点。

在导航的位置变化中，设计师没有简单的移动。他们认真地处理了栏目，导航文字的提炼，摆放哪些栏目频道，位置的优先级。

文章后面有一个评论也很不错。建议阅读。





引用(2) 编辑

19 条评论:

  1. cyfqav dxyh, 2008-04-14 22:08:10
    isqnovjbm dzjghsm zahrixl szbmo wgeqxhc fvkbhoug vwirqh
  2. zenki, 2006-10-02 18:17:54
    一般的网站不就这样的排版吗?还挑战??
  3. ryana, 2006-09-08 15:29:16
    从左到右，从上到下，看看眼睛走过的路线长短就知道那个容易点：）
  4. Lu Heli, 2006-08-28 03:54:09
    一直认为从左往右浏览比从上往下来的容易和迅速。
  5. eyetracker, 2006-08-24 13:48:47
    现在yahoo也开始这么干了。。。

    可是国内的极大门户似乎都还没什么动静

    不知道是习惯的问题还是行动的问题。
  6. ryana, 2006-08-21 18:23:19
    to sjw:

    你只分析了一部分。

    很多网站是为了盈利，那是不是就把广告放在最重要的位置呢？

    分析公司的目标，还要分析用户的目标，还有一些合作伙伴之类重要角色的目标，设计必须取得这三者的balance。
  7. sjw, 2006-08-18 21:09:21
    补充: 也可以把内容理解为一种导航, 至少是具有导航的某些特点的.
  8. sjw, 2006-08-18 21:07:11
    to Ryana:

    我的理解, 其实也就是要根据网站本身的定位来决定导航在页面中所处的位置了. CNN是以内容为王的网站,自然要把内容置于最重要的位置,导航也就没有必要占据页面的绝对中心了.
  9. Ryana, 2006-08-15 16:20:44
    to sjw:

    你完全可以分析出一些东西来的。

    导航是干什么用的，用户什么时候会需要第一时间找到它呢？

    在内容页面，用户为什么进到这个页面来？他对内容感兴趣，，他是怎么进到这个页面来的呢？也许是首页的某个链接，也许是google的链接。。那么他最关注的是什么？当然是内容。。只有当他觉得这个内容很好，需要继续在网站进行挖掘，导航才要大显身手了。。

    而在首页，情况比较复杂一些。。有一部分用户只是把首页当成一个跳板页面，通过导航到更深的地方去，那么导航就显得很重要。。也有一些网站首页就是以提供有吸引力的内容为核心的，那么内容更重要一些。。

    没有一个定论，经过分析，便不再那么难以取舍了。
  10. sjw, 2006-08-15 07:33:12
    横的和竖的导航条各有千秋。可能是想突出内容为中心吧，所以首页上改用了横的导航。可这样一来也就失去了竖导航内容比较多、比较抢眼的优势。



    这应该是很有争议也很有意思的一个问题：页面上的导航究竟应该处于什么样的位置？是要先让用户看到导航，还是先注意内容？



    也许要根据实际的需求来决定，这个需求也应该是以用户为中心的。
  11. netsing, 2006-07-24 22:53:05
    横的毕竟好看些　
  12. eyetracker, 2006-05-18 18:30:14
    这个问题已经过去了

    忘了当初的想法了



    再看也没什么感觉



    嘿嘿 期待下一个问题



  13. ryana, 2006-05-17 18:42:20
    to 小峰：

    这个问题我还没有想明白，的确看到好些blog的评论是按评论的先后从最老的往下排的。



    回复邮件或者论坛帖子的时候，我也有这种疑问，引文部分是倒过来排列的，是不是合理？



    目前，我是觉得，可能回复这么排列可能是有问题的。看评论的分为两类用户，第一类也是最多的一类，第一次来看这篇文章，看完之后再看评论，看评论的讨论。那么应该是按时间先后顺序依次排列最好。。另一类，是这个帖子的老用户，比如我，关注的是最新评论（讨论），怎么最快找到最新的，放在最前面，还是最后面？实际上，blogbus的这个模板的评论，最新的评论也不是在页面顶端，而是在文章之后，也就是文章中间，要找一找的。。有时候不如在最底部好找。。那么，这么说来，第二类用户用着也不是很方便其实。。。



    想听听你怎么想的。
  14. 小峰, 2006-05-17 13:35:28
    我觉得，这个blog系统的最新评论在上面本身就是一个很不友好的做法，
  15. iqst, 2006-05-16 10:00:27
    的确，二级页面更需要改进
  16. ryana, 2006-05-09 11:50:00
    To eyetracker:

    我的看法是，CNN网站改版正在做一种尝试。他们没有整体的全部换掉，可能出于原有的形式保存的太旧，一下子割弃，可能一些用户不能立即地适应，所以一点一点的改，给老用户一个适应期。。

    从第二页来看，犯了一个错误，就是Usability高于内容。很明显，你会看到蓝色的导航区域，很明显的红色标示当前的栏目。。然后你看到图片，你看到图片上面很漂亮的红色Technology,那个也是导航，想告诉你现在在什么位置。。但是你居然最后才仔细得找到了文章的标题。。。第2页，我这么看，你呢？



    To jianrtian

    MSNBC,我不太熟悉。。不过我认为它的颜色布局确实是很棒的，重点很突出，每次上去，我就先看到了headlines和吸引人的图片，总是会忍不住读上几篇。。。字体，大小，我觉得都是为如何吸引用户的视线，形成有序的关注而服务的。。CNN,嗬嗬，不好评价。
  17. ryana, 2006-05-09 11:48:08
    To eyetracker:

    我的看法是，CNN网站改版正在做一种尝试。他们没有整体的全部换掉，可能出于原有的形式保存的太旧，一下子割弃，可能一些用户不能立即地适应，所以一点一点的改，给老用户一个适应期。。

    从第二页来看，犯了一个错误，就是Usability高于内容。很明显，你会看到蓝色的导航区域，很明显的红色标示当前的栏目。。然后你看到图片，你看到图片上面很漂亮的红色Technology,那个也是导航，想告诉你现在在什么位置。。但是你居然最后才仔细得找到了文章的标题。。。第2页，我这么看，你呢？



    To jianrtian

    MSNBC,我不太熟悉。。不过我认为它的颜色布局确实是很棒的，重点很突出，每次上去，我就先看到了headlines和吸引人的图片，总是会忍不住读上几篇。。。字体，大小，我觉得都是为如何吸引用户的视线，形成有序的关注而服务的。。CNN,嗬嗬，不好评价。
  18. eyetracker, 2006-05-08 16:25:18
    从首页的角度，确实很好玩



    但是从第二页来看我们应该说斜身么呢？
  19. eyetracker, 2006-05-08 16:21:34
    但是我们点开之后会发现 又回到了原来的结构模式

    这是不是说 这样更方便呢？





  20. jianrtian, 2006-04-30 20:17:28
    MSNBC在美国国内的新闻网站浏览量当中是最高的，一直有这样的疑问，为什么她会成为最高的呢？个人觉得，有一个比较重要的原因之一，就是她的字体，大小比较适合。而CNN在这方面的设计则要稍逊一些。



    同样MSNBC的竖型导航栏并不是太好。

发表评论