和我们一起放飞理想吧!
  • 本栏最新文章
摄影专辑AD
  • 本栏推荐文章
当前位置:基础理论首页 >> 网站交互 >> 详细内容

导航的问题

2008-07-25 16:16:51    作者:佚名    来源:薯片会    文字大小: |  | 
简介:如何进行一个产品的交互设计?第一步:信息构架设计第二步:界面细节设计 信息构架设计表现在页面上就是导航 导航是个大问题。导航的关系? 导航应该放在哪儿? 我们来看一个例子(新浪的新闻首页): 标识 ...
关键字:交互

如何进行一个产品的交互设计?

第一步:信息构架设计
第二步:界面细节设计

信息构架设计表现在页面上就是导航

导航是个大问题。
导航的关系?

导航应该放在哪儿? 我们来看一个例子(新浪的新闻首页):

标识红框的部分分别是网站的主导航和当前新闻中心的导航。这样的设计似乎会让人很难察觉到新闻中心的导航?

第二个例子(http://act.qzone.qq.com/polo):

标识红框的部分分别是网站的主导航和玩家作品下的导航。这样的设计引发了一个议论,两行导航,彼此应该有关系,是什么样的关系?

同样,第三个例子(http://blog.qq.com):

两层的导航设计上会有从属关系,但实际上栏目内容并非从属关系。

那么导航的设计,是不是要考虑到他们的从属关系?而不是一味地在视觉上追求好看、突出?而是设计上的一个合理性、逻辑性问题。

导航层级过多怎么办?

我们先看几个已有的处理例子:
(
QQ音乐播放器 ,两层导航结构)

(城市达人 ,个人管理中心三层结构)

再看看别人的处理方式,总结一下,有:

方式一:精简上一级
(Yahoo!News)

方式二:保留最高级,放弃后面的
(Yahoo!News)

是否导航的层级过多,路标也可以作为一个解决方式?

回到主题,作为导航,是网站的核心,索引方式。除了要有从属关系,我们是否也考虑到导航的层级过于多的情况,换一种方式解决?限制一个页面上最多只出现两级导航?第三级导航我们是否换一种方式去索引用户,而不是一味让用户觉得这个网站的结构很深很复杂,用起来也会十分累。我们这里有一个比较类似的例子,QQ秀2.0 。话题下一次待续。

相关文章
绵阳网警