导航的设计过程总结

导航是一个网站的核心架构组成,其功能子集囊括了网站提供的主要功能,做好导航成为网站概念阶段成功的关键,所以设计师都会小心翼翼的去做这个事情。前一阵做了一个书相关项目的网站,也涉及到导航的设计,首次设计我们采用多方案并进的方式去做,最终确定为2个方案。
方案设计收集,第一个方案传统型的设计方式,主标志加右上角ID的放置方式;第二个方案是采用现有社区较多的一字排布方式;我们的分析图

第一次的设计图,2个方案

进行评估及调查测试,结果是传统型占据上风,而且是大比分的方式占据优势,这个结果令我们感到很意外,因为我们评估设计时都没有太多的数据倾向,现场会议及小组用户预评估并没有如此强的数据差出来;详细数据如下

按这个结果,我和风格设计师决定进行排版再调整规划,对第二个方案进行了优化,再进行一次调查。一样的风格设计过大的数据倾向说明设计元素的运用及排版对用户认知有很大的出入,进行第二次的设计后再调查也是希望通过反复用户调研评估提升优化设计。

这次设计后的调查,两个方案的选择人数趋于平均,分别得到56%及44%的数值,基本达到预估点,可以按照这个数据进行方案的选择。
当然这次的导航设计及用户调查还存在几个问题:A方案的习惯选择及第一入眼印象分给方案加分;A方案的大标志占据了一定优势;第三,导航单一性评估用户不能在整体网站界面下看到设计,这可能会对用户造成一定偏差,只有导航元素的显示,用户会把界面导航自成一体进行视觉分析、认知,评估会有一定程度的缺失,规避这些点可能会让导航的评估更加合理及科学。

About 二水贰东

设计与思维互动,产品与文化共舞
This entry was posted in 思考设计 and tagged . Bookmark the permalink.

6 Responses to 导航的设计过程总结

  1. 风逐蓝天 says:

    这两个图不是一模一样吗 我怎么看不出来差别

  2. 张书生 says:

    汗,我也没看出差别。

  3. Mouce says:

    两张图有差别?

  4. chris says:

    肯定是第一张符合用户习惯啦 你看迅雷等桌面软件都是第一种方式

  5. Pingback: 产品圈圈

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>