
- 本栏最新文章
- 亚马逊网站导航栏的变迁史 08-13
- 基于网络媒介的交互设计研究 08-08
- 交互差错及应对 08-08
- Facebook的特别之处是什么? 08-05
- Facebook的特别之处是什么? 08-04
- 由用户自己生成的列表需要:添加、修改、删除 07-25
- 导航的问题 07-25
- 关于超链接的一些问题 07-25
- 交互只是一味的想要简单嘛? 07-25
- 手机GUI设计基本知识 07-24

- 本栏推荐文章
- Banner 设计手册 08-14
- 版面设计的原则 08-14
- 日本CG大师加贺谷穰作品欣赏 08-14
- 超链接的下划线 08-14
- 网站形成视觉冲击的几种方式 08-14
- 世界之窗界面设计获奖作品欣赏 08-13
- 亚马逊网站导航栏的变迁史 08-13
- 从《赤壁》中想到目标用户重要性 08-13
- 栅格:灵活应变 08-13
- 国外标志设计欣赏 08-13
导航的问题
简介:如何进行一个产品的交互设计?第一步:信息构架设计第二步:界面细节设计
信息构架设计表现在页面上就是导航
导航是个大问题。导航的关系? 导航应该放在哪儿? 我们来看一个例子(新浪的新闻首页):
标识 ...
关键字:交互
如何进行一个产品的交互设计?
第一步:信息构架设计
第二步:界面细节设计
信息构架设计表现在页面上就是导航
导航是个大问题。
导航的关系?
导航应该放在哪儿? 我们来看一个例子(新浪的新闻首页):
标识红框的部分分别是网站的主导航和当前新闻中心的导航。这样的设计似乎会让人很难察觉到新闻中心的导航?
第二个例子(http://act.qzone.qq.com/polo):
标识红框的部分分别是网站的主导航和玩家作品下的导航。这样的设计引发了一个议论,两行导航,彼此应该有关系,是什么样的关系?
同样,第三个例子(http://blog.qq.com):
两层的导航设计上会有从属关系,但实际上栏目内容并非从属关系。
那么导航的设计,是不是要考虑到他们的从属关系?而不是一味地在视觉上追求好看、突出?而是设计上的一个合理性、逻辑性问题。
导航层级过多怎么办?
我们先看几个已有的处理例子:
(QQ音乐播放器 ,两层导航结构)
(城市达人 ,个人管理中心三层结构)
再看看别人的处理方式,总结一下,有:
方式一:精简上一级
(Yahoo!News)
方式二:保留最高级,放弃后面的
(Yahoo!News)
是否导航的层级过多,路标也可以作为一个解决方式?
回到主题,作为导航,是网站的核心,索引方式。除了要有从属关系,我们是否也考虑到导航的层级过于多的情况,换一种方式解决?限制一个页面上最多只出现两级导航?第三级导航我们是否换一种方式去索引用户,而不是一味让用户觉得这个网站的结构很深很复杂,用起来也会十分累。我们这里有一个比较类似的例子,QQ秀2.0 。话题下一次待续。








