全国服务热线:18980020603 成都热线:028-86633922
新闻中心网站专题联系我们
行业新闻 建站经验 网站建设资讯 手机网站资讯 微信网站建设资讯 APP开发资讯 商城网站资讯

成都网页设计:设计过程中运用信息架构知识的6个技巧

发布人:桔子科技    发布时间:2017-09-30 07:11:30    分享到:
一名优秀的设计师除了需要具备良好的设计技能,还需要大量的设计相关知识储备。信息架构是设计师需要懂得的最重要的知识之一。在之前的文章《写给设计师的信息架构基础知识指南》当中,我们详细阐述了信息架构的基础知识,你可以通过这篇文章来了解为什么它是UI和UX设计的必备知识。信息架构的设计原则,对于设计师而言,也是设计中值得参考的有用工具。今天的文章,帮你总结了在设计过程中运用信息架构知识的6个技巧。

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

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

 

2、进行用户调研

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

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

\

3、结合认知心理学

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

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

 

4、规划导航系统

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

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

 

5、别忘了视觉层次

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

 

6、还要注意阅读模式

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

 

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

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

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

 

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

 

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

 

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

更多注意事项

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

【Tubik Stuido设计实战】
本文是成都网站建设公司、成都网站设计制作公司、成都APP开发公司、成都响应式网站建设、成都VR全景制作-桔子科技公司为您整理!
成都网站建设,成都网站设计,成都网站制作,成都网页设计,成都网站建设公司 ,成都网站设计公司,成都网站制作公司,成都网页设计公司,网站建设网站制作网站设计网页设计成都响应式网站建设、成都响应式网站制作、成都响应式网站开发、成都全景制作、成都VR全景制作成都手机网站建设,手机网站建设,成都APP开发,APP开发,成都建网站,成都做网站,成都商城网站建设,集团网站建设,网站建设,高端网站建设,品牌网站建设,成都平台网站建设,成都响应式网站建设,成都微信网站建设,成都微商城网站建设,成都微信营销,成都微信小程序开发、成都网站优化,成都网络公司。

下一篇:成都网页设计:蚂蚁财富“扎心文案”错在哪上一篇:成都网页设计:网页设计的粗野主义

最新案例
手机/微网站
  1. [成都]微信网站建设:微信分销系统能为商铺带来哪些特色服务
  2. [成都]微信网站建设:如何通过微信公众号来推广产品
  3. [成都]微信网站建设:微信开发都有些什么功能
  4. [成都]手机网站:手机网站设计需要达到什么效果
  5. [成都]手机网站:手机网站响应式网站解决方案
  6. [成都]手机网站:手机网站响应式网站解决方案
网络营销
  1. APP开发: APP网页评分功能设计
  2. APP开发:手机APP开发前这4点必须要了解
  3. APP开发:为什么企业要做手机APP
  4. APP开发:你可以更好的留住APP用户
  5. APP开发:开发时间的长短主要由哪些因素决定
  6. APP开发:电子商务类APP开发的4点建议
img

7x24小时售后服务

img

5倍故障时长赔付

img

15天无理由退款

img

N对一管家服务

让我们的顾问联系您

  • 电话:4006-028-024 028-86633922

    邮箱:Service@orangeapp.cn

    成都市成华区崔家店路789号上城国际1-24-9号

qq sina