如何让信息本身直观、高效、优雅地传达给用户?

Date 2024-03-12 17:48:48

  大多数时候,我们面临着大量的输入和丰富的信息,因此会出现信息填写逻辑混乱、数据收集不完整等问题,从而影响用户的浏览和操作体验。因此,在设计过程中,如何有效地向用户传达信息,提高用户获取信息的效率已成为一件非常重要的事情。



如何让信息本身直观、高效、优雅地传达给用户?


  在《Web表单设计:点石成金的艺术》一书中,提到了两个概念「Inside Out由内而外」和「Outside In由外而内」,简单来说,就是两个看待事物的视角。「Inside Out」要求用户从系统的角度提供系统所需的信息;「Outside In」从用户的角度来看,要求系统有效地获取信息和操作交互。

  特别是在B端产品设计中,「Outside In」用户视角的应用范围更广。如何直观、高效、优雅地向用户传达信息,提高用户获取信息的效率尤为重要。

  为什么要提高信息获取效率?

  在设计b端产品的过程中,特别是在企业信息收集和维护方面,由于需要输入的信息种类和数量较多,企业信息填写的逻辑混乱和数据收集不完整,用户在浏览和编辑时的操作体验大大降低。

  在日常界面设计中,以下几点往往得到突出体现:

  使用者浏览信息的顺序混乱,导致信息流的逻辑性不强。

  不同元素之间的对齐方式不同,使得整个页面信息流失不稳定。

  大量信息集中在一个区域,信息之间的层次模糊,缺乏边界感。

  所有信息都要显示,重点缺失,使得信息显示无法集中。

  二、如何提高信息获取效率?

  B端产品一般具有行业领域垂直、层次结构复杂、信息粒度细的特点。在最近的企业中心页面修订中,我们也面临着上述四个问题带来的挑战。旧版本在排版、布局、间距等方面无法有效显示信息,需要提高用户的编辑效率和阅读效率。

  因此,在对目标进行功能梳理和信息分析后,我们采用了直接叙述、始终对齐、层次清晰、简化复杂性等四个原则来重建相关页面。目的是让用户快速、清楚地了解产品传输的信息,并帮助用户快速做出决策。

 1.层次分明

  信息在任何时候都需要分级,特别是在处理大量数据的场景中,元素越近,就越容易被视为一个整体,这就是我们常说的设计相似性原则。

  相邻性是格式塔原则的一部分,是简洁规则的具体表现场景。在《给大家看的设计书》中,作者Robin Williams称邻近性原则为「亲密性」,虽然名字不一样,但表达的意思是一样的。

  亲密原则是这样定义的:信息之间的相关性越高,它们之间的距离就越近,就越像一个视觉单元。需要分层和分组显示信息,以减少单个页面中信息的复杂性。

  因此,我们可以通过字体大小、颜色、间距、图标等设计手段打开每个模块之间的信息水平。同时,基于8px的间距,通过增加和减少“基本间距”的倍数,打开层次关系,使用户能够快速区分每个板块的信息,从而提高操作效率。

 2.始终对齐

  在界面设计中,元素总是对齐的,不仅符合用户的认知特征,而且引导视觉流动,使用户能够更顺利地接收信息。特别是在页面区域总结大量信息时,对齐是最基本、最经济、最适用的设计手段。

  在项目中,我们为不同类型的元素信息设置了统一的左右对齐模式和边距,使不同板块的信息更加标准化、规律地显示,从而提高用户的填写效率。

  3.平铺直叙

  用户在浏览、输入等行为时,应尽量减少阻断,信息应尽可能平铺。如果没有特殊需求,不要做大量的隐藏和折叠操作。

  企业中心界面的信息具有一定的顺序性和结构性,因此根据企业的名称、领域、logo、按照介绍等顺序,对板块进行了垂直信息梳理,用户的视线移动路径从原来的Z字形简化为1字形,从而提高了效率。

  同时,信息回显也进行了结构性平铺。用户输入的信息将实时显示在右手机Demo上,与在线实际效果一致,提高信息触摸的成功率。

  4.化繁为简

  减少复杂层次,尽量使用类似的结构和模块,减少结构差异对用户的干扰,让用户更加关注信息本身。如果没有必要,请不要添加实体。

  这就是奥卡姆剃刀的原理,它本身就是从13世纪到14世纪英国学者和逻辑学家William的哲学思想 of 如他在《格言书注》中所写,Ockham提出:「不要浪费更多的东西去做用更少的东西也能做好的事情」。

  奥卡姆剃刀的原理对许多领域有着广泛而深远的影响。正是因为它是一种普遍的哲学世界观和方法论,它经常被用于设计领域,可以有效地指导我们的设计工作和决策。

  在简化复杂性思维的指导下,重新梳理了原有混乱的板块布局,减少了不同板块之间的比例、位置和顺序差异,使信息显示更加有序。

  三、总结:提高信息获取效率的意义

  通过「Outside In」从用户的角度来看,我们深入梳理了复杂的企业中心页面信息,使信息显示在结构、风格和逻辑上更加科学合理。

 1.对于用户

  最直接的方法是提高在相应页面场景中获取信息的效率,快速找到需要填写和修改信息的操作方法,节省操作成本,更有利于账户管理的简单方便。

  2.对于产品

  有效提高用户和企业信息获取效率,优化企业信息结构,提高企业主页信息丰富度,提高优质信息比例。同时,它也为研究用户操作偏好和用户行为心理奠定了实践基础。

  3.对于设计

  我们可以看到,通过有效的设计方法,提高B端产品信息获取的效率是非常必要的。上述设计原则和验证方法也可适用于类似的项目。在遵循简单设计原则的基础上,我们的设计师仍然有无限的空间来探索不同的方式。

  以上是优漫教育小编为您介绍的“如何直观、高效、优雅地向用户传达信息本身?相关内容,学习UI设计培训,您可以参考优曼教育提供的UI学习路线。学习路线包括PS软件介绍、人工智能和品牌设计、视觉表达技术、网络视觉设计、图标设计、产品交互、移动终端设计等。根据优曼提供的UI学习路线图,您可以清楚地了解您需要掌握的知识 !  

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计