一名优秀的设计师除了需要具备良好的设计技能,还需要大量的设计相关知识储备。资讯架构是设计师需要懂得的重要的知识之一。资讯架构的设计原则,对于设计师而言,也是设计中值得参考的有用工具。今天的文章,帮您总结了在设计过程中运用资讯架构知识的 6 个技巧。

  1 、始终牢记产品设计目标

  如何界定产品终要达成的目标,其实直接影响着整个团队每个阶段的工作,无论是对于设计师,开发人员还是产品经理,均是如此。资讯架构与此也息息相关。只有了解多用户和企业本身对于网站和 WordPress APP 的真实期望之后,才可以开始构建整体的资讯架构。所以,产品团队应该完整地了解产品的目标,确保创意团队中所有的成员都足够理解,并且针对目标制定相应的策略和应对措施,才能具备终实现的可能性。始终铭记终目标以及为了达成目标而需要执行的任务,能够让整个执行过程更加明确。在设定目标的时候,设计师和客户应该就内容和整体资讯架构以及终目标达成一致,避免可能存在的误会,提升执行效率。

  2 、进行多用户调研

  资讯架构专家在搭建产品资讯架构之前,应该对目标受众的需求和细节有足够的了解,将提升多用户满意度作为优先考虑的事项。想要了解更多潜在多用户的资讯,建议设计师做多用户调研。通过各种技术手段搜集关于目标多用户和潜在多用户的相关资讯的过程就是多用户调研。搜集资料之后,设计团队针对这些资讯进行分析,并且找出理想的解决方案,从而有可能创造出对多用户友好且有吸引力的产品。

  多用户调研有助于深入了解目标受众的细节,了解他们的需求和心理特征。结合多用户喜好,设计团队能够有方向地创造出对多用户友好,贴合需求还可能吸引潜在多用户的产品。

  3 、结合认知心理学

  认知心理学和资讯架构的搭建有着紧密的关联。多用户的视觉感知和影响多用户注意力的因素,都可以通过认知心理学来进行判断。资讯处理的科学是以人为中心的科学,有认知心理学的专家指出,人类感知资料的方式有很多,而影响注意力的因素则更是不尽相同。

  基于认知心理学的原理和相关研究,设计师可以采用许多不同的技术来建立足够有效的内容。在设计过程中,设计师常常会采用格式塔原理来构建布局,巧用元素,这种利用视觉相似性和关联性的心理学原理,适用范围非常广。而识别模式则更加有用,当多用户访问网站或者 WordPress APP 的时候,常常会期待看到特定的内容和功能,识别模式可以利用调研资料和经验帮助设计师,快速搭建布局和资讯架构。

  4 、规划导航系统

  资讯架构和导航是数字产品当中重要的两个组成部分。导航是网站和 WordPress APP 当中引导多用户抵达不同目标和功能或者页面的一组操作或者技术,作为页面中主要的互动而存在。导航和资讯架构有着密切的关联,资讯架构所构成的框架之下,导航作为抵达不同资讯区块的路径而存在。

  通俗点说,数字产品当中,导航是基于资讯架构来梳理的,它终应该反映并支撑资讯架构,否则产品无法保证其一致性。当然,两者虽然不是一个东西,但是在建立资讯架构的时候,同期针对导航系统进行规划。

  5 、别忘了视觉层次

  为了更好地组织资讯、确定内容呈现的优先顺序,设计师会结合资讯架构,使用视觉层次来有偏重地、视觉化的展现内容。无论是文件、图书、海报、网页还是 WordPress APP,这些载体上所承载的内容,会按照每个元素的重要程度来有差别地展现,而这种差别通常是通过大小、色彩、对比度、对齐度来区别的。重要的资讯会更容易被多用户注意到,便于他们轻松浏览。

  6 、还要注意阅读模式

  视觉层次的构建使得数字产品内容的可读性有了足够的保障。不过,仅有视觉层次还不够,设计师还应当根据产品形态,考虑多用户的阅读模式。

  多用户研究领域的先驱 Nielsen Norman Group 曾经针对这一多用户行为进行了深入的研究,为设计师和可用性设计专家们提供了更好的素材和设计依据。

  简而言之,当人们访问某个网站的时候,尤其是初次访问网站的时候,他们通常不会特别仔细的检视所有的内容,而是快速的扫视,找到能够吸引他们注意力的资讯,这些内容就是他们继续停留在这个网站上的理由。通过眼动测试和不同实验,他们发现访问者的视觉浏览模式,可以归结为几种典型的模式。设计师 Steven Bradley 在自己的文章中,总结了这三种常见的模式:古腾堡式,Z 图模式和 F 图模式。

  古腾堡式:对于资讯结构层次并不那么分明的网页,多用户常常会使用古腾堡式的浏览模式,多用户大范围扫视页面内容,整个视线路径是一个大号的 Z,其中开始的两个视觉驻留点就在页头上。

  Z 图模式也不难理解,多用户从上到下,视线沿着 Z 字形来回扫视,多用户会左右快速扫视,视线的起点先是左上角,行跨顶部一栏到右上角,然后向下延伸。

  F 图模式,或者说是 F 式布局,我们就更加熟悉了。在 Nielsen Norman Group 的研究当中,这种阅读模式为典型:

  多用户先会沿着水平方向浏览,优先浏览内容块的上部,这个时候的眼动构成了字母 F 上面一横。

  接下来视线会沿着萤幕左侧向下垂直扫视,寻找段落中能引起兴趣点的内容,当他们发现引起他们兴趣的内容之时,继续横向仔细浏览,而通常这些内容对应的视线范围会比次横向浏览的范畴要更小一些,而这个视线轨迹则构成了字母 F 中间的一横。

  接下来多用户会将视线移到萤幕左侧,继续向下浏览。

  所以,将关键的元素置于多用户的浏览路径上,让多用户可以更轻松地消化资讯,也能高效地执行互动。

  更多注意事项

  资讯架构学科看起来很复杂,需要花费时间和精力来深入学习。可是当您了解了相关的基础知识之后,再应用于设计专案的时候,您就会发现它是多么的有用。根据 Tubik Stuido 之前的系列文章,我想列出关于资讯架构知识的一些要点:

  资讯架构是构成数字产品的骨架,设计师可以根据资讯架构来构建视觉元素、功能、互动和导航

  强大的资讯架构是产品质量的保证,它会减少扫可用性问题,提升导航性

  资讯架构就像是整个布局的蓝图,帮助视觉设计方案的生成

  定义产品目标是建立资讯架构的核心

  用研和认知心理学能够帮设计团队预测多用户对于产品的反应,并且创造对多用户友好的体验

  清晰的视觉层次在内容展现上起着重要的作用