恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
信息架构设计的5项建议
0.0°
2019-03-13 自译外文 经验/观点 原作者: Tubik Studio 举报 2988 3 6 0

信息架构设计是交互设计师专业的一项重要技能。我们发现信息架构被认为是高效UX和UI设计的基础。今天的这篇文章将为你阐述信息架构(以下简称IA)设计的6项原则:


信息架构设计是交互设计师专业的一项重要技能。我们发现信息架构被认为是高效UX和UI设计的基础。今天的这篇文章将为你阐述信息架构(以下简称IA)设计的6项原则:



目录


牢记产品目标


进行用户研究


考虑认知心理学原理


规划导航系统


不要忘了视觉层次结构




正文




一、牢记产品目标


产品目标的定义是影响项目开发团队的核心阶段,无论是开发人员还是设计人员。因此,在开始构建信息结构之前,您需要了解您的客户期望从网站或应用程序中获得什么。为了实现总体愿景并看到全貌,应该建立产品目标。他们应该对产品策略做出反应,对创意团队的所有成员都是可以理解的,并且是可以实现的。对目标的认识清楚地表明了任务是什么以及从哪里开始。在设定目标时,设计师需要与产品经理所希望的内容和目的达成一致,同时也要与开发工程师提前沟通设计想法,以避免可能的误解导致未来额外的工作时间。

Image title





二、进行用户研究


IA专家考虑目标受众需求的具体情况,因为IA将用户满意度视为优先事项。要了解更多关于潜在用户的信息,设计之前建议进行人员用户研究。这是通过各种技术收集有关产品消费者信息的过程。收集数据后,设计团队会对其进行分析并研究最佳解决方案,从而使产品易于使用并具有吸引力。


用户研究有助于深入了解核心目标受众的细节,以了解他们的需求和心理特征。考虑到用户的偏好,设计师有能力创建一个用户友好型产品,该产品将脱颖而出并引起潜在客户的注意。

Image title





三、考虑认知心理学原理


为了理解视觉感知影响用户注意力的因素,设计人员需要了解认知心理学原理。它是进入人们思想的科学研究信息处理。认知心理学专家指出,数据感知有多种方式,不同的因素影响着人们的注意力。


基于认知心理学研究和原理,设计师开发了许多技术来帮助创建复杂的内容。在“《设计心理学 》中,我们介绍了设计中经常应用的一些有效的心理学原理,包括格式塔原理和识别模式。前者理论探讨了用户对于彼此相关元素的视觉感受。换句话说,它表明人们倾向于根据视觉元素的相似性,延续性或闭合性将视觉元素统一为组。说到识别模式,访问网站或使用应用程序的人希望看到与某种产品相关的某些功能。这就是为什么设计师应用各种识别模式来帮助用户在结构中定位的原因。

Image title





四、规划导航系统


信息结构和导航是任何数字产品的两个重要组成部分。我们将导航定义为指导用户在整个应用程序或网站中的一组操作和技术,使他们能够实现其目标并成功与产品进行交互。就IA而言,导航系统涉及用户在内容中的行为移动方式。


数字产品的导航基于信息体系结构,因此确保其反映和支持IA至关重要,否则该产品可能是不固定的。因此,建议设计人员在创建产品的信息架构时规划导航系统。

Image title




五、不要忘记视觉层次结构


为了明确地为用户组织和优先考虑界面中的内容,设计人员应用了一种众所周知的称为视觉层次结构的技术。其主要目标是在载体上呈现内容,无论是书页还是海报,网页或手机屏幕,以便用户可以了解每个元素的重要程度。它激活大脑根据身体差异(如大小,颜色,对比度,对齐等)区分对象的能力。这允许用户查看所需信息的位置,以便他们可以轻松使用导航。


视觉层次结构在数字产品中的视觉性能和可读性方面起着重要作用。提供有关在UI中应用复制内容的技巧,我们区分了帮助构建强大视觉层次结构的核心方面。扫描阅读模式是设计人员需要考虑的重点之一。许多研究表明,在阅读网页之前,人们会扫描(快速浏览)它以获得兴趣。根据不同的研究,包括尼尔森诺曼集团作为该领域先驱之一的出版物UXPin团队等,网页上有几种流行的扫描模式,其中“F”和“Z”模式。有关可在此处找到的扫描模式的详细信息。


了解视觉层次结构的原则,设计师可以创建有效的信息架构,将内容的关键组件放置在大多数扫描点上,使用户可以采取预期的行动。

Image title



上图版权归Dropbox所有




小结


信息架构科学看起来可能太复杂了,需要付出很多努力,但是当你学习它的基础知识并开始在设计项目中应用它时,你会发现它是多么有用。


1. IA构成数字产品的任何设计项目的骨架。视觉元素,功能,交互和导航是根据信息架构原则构建的;


2. 强大的IA是高质量产品的保证,因为它可以减少可用性和导航性差的可能问题;


3. 良好的信息架构是高效用户体验的基础;


4. 信息架构就像布局的蓝图,需要像线框这样的视觉方案来生成;


5. 定义产品目标是IA创建之前的核心阶段;


6. 用户研究和认知心理学原理有助于预测可能的用户对产品的反应并创建用户友好的结果;


7. 清晰的视觉层次结构对内容的视觉表现起着重要作用。



深度翻译:王晗陵


原文作者:Tubik Studio





你的关注,就是我的动力!


扫描二维码以关注

Image title






更新:2019-03-13

收藏

3人已收藏

王晗陵

微信:设计意志

  • 9

    作品

  • 9

    粉丝

  • 52

    关注

  • 前瞻 | 阿里巴巴UCAN2019会有什么不同
  • 用YouTube为你解读:交互7大定律
  • iOS设备的4个差异化设计
  • 用Airbnb为你解读:尼尔森10大可用性原则

    猜你喜欢

      2019-03-13 自译外文 经验/观点 原作者: Tubik Studio 举报 2988 3 6 0

      信息架构设计的5项建议

      0.0°

      你确定要举报信息架构设计的5项建议

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录