交互设计中的层级与层级感经验分享

Date 2024-03-01 15:52:53

  在进行信息设计时,我们会发现信息是无限的,但容器是有限的,那么我们在设计时如何处理这种矛盾呢?如何使两者最大限度地和谐共存?在交互设计中讨论信息设计时,我们不能绕过讨论信息架构。信息的无限性与容器的有限性之间的矛盾是产生信息架构的必要条件。


交互设计中的层级与层级感分享


  当容器能够安装信息时,信息可以一次性显示给所有用户。


  当容器不足以安装信息时,需要通过延续容器容量将信息组织给用户。

  1.信息设计中的等级

  因此,信息设计离不开三个变量:信息量、信息结构、容器大小。这三种交织影响:

  如果【信息量】足够小,【容器】足够,用户形成【概念】的时间越短,【信息架构】越简单

  相反,【信息量】越大,【容器】不足,用户形成【概念】的时间越长,【信息架构】越复杂,设计师设计合理的信息结构越需要缩短用户形成概念的时间。

  层次设计是在信息设计中处理大量信息的常用方法。如果所有信息不能一次显示,则先显示部分,然后通过层次分类在下一层显示其他信息。

  二、层次感和“层次感”

  层次是客观的,信息结构的逻辑是客观的,它在一定程度上反映了逻辑的实现。

  层次感是主观的,是用户对信息结构的理解。层次感过强会影响用户对产品的使用效率、检索信息的效率和满意度。

  但是,层次很多≠层级感强。

  正如我前面所说,层次是客观的,层次感是主观的。事实上,有很多层次不影响用户对层次的感知,或者不会引起用户的厌恶。

  减少层次感的设计,更应分为微交互类别。

  三、一些减少“层次感”的例子

  1.开辟新的地方

  另一个新的地方是在原有地方的基础上为用户开辟一个新的地方。本质上,它已经进入了一个新的水平,但它给用户一种不同的感觉。

  这个地方一定给用户一种清晰的感觉。因为有了一个清晰的地方,用户可以知道如何快速离开网页中的新页面,以及应用程序中的平衡层次结构。

  举一些常见的例子,比如微信小程序打开:相当于进入一个新的地方,离开只需要直接关闭。

  比如淘宝,打开天猫国际。这相当于进入一个新的应用程序。

  2.改变层次呈现方式:使用模态

  模式是降低层次感最常见的方法。模式的优点是通过半曝光底部内容与原始场景连接。

  如果原来是一层,那么模式呈现的感觉只有0.5层,甚至不是层次。

  3.终极武器:智能检索,直接信息

  毕竟,层次的出现是由于用户所需的信息量和庞大的信息量之间无法及时匹配的问题。最终的解决方案是智能检索,这样用户就可以直接访问所需的信息:需求输入→信息反馈。

  在这个阶段,搜索和智能推荐是最先进的检索方法,也是最先进的功能设计。

  输入模式中的语音识别是一种正在兴起和发展的检索模式。我相信它将在不久的将来发展到更高的精度。

  4.减少转场感:使用动态效率和交互转换

  层次之间的动态连接可以使跳转更有趣,也可以减少层次感。如果页面元素直接过渡,用户的层次感会更少。例如,以下例子:UI元素直接过渡。虽然它实际上刷新了一个页面,但它根本看不到层次感。

  最大的目的是减少转场感,如果纯粹是为了好看,动态效果的意义就会低很多。因为过于花哨的动态效果会对性能产生很大的影响。

  以上是红喵教育小编为您介绍的“[UI设计培训]:交互设计中的层次感和层次感”相关内容,学习UI设计培训,您可以参考红喵教育提供的UI学习路线。学习路线包括PS软件介绍、人工智能和品牌设计、视觉表达技术、网络视觉设计、图标设计、产品交互、移动终端设计等。根据红喵提供的UI学习路线图,您可以清楚地了解您需要掌握的知识 !  

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

红喵设计

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

红喵设计

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

红喵设计

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

红喵设计

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

红喵设计

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

红喵设计

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

红喵设计

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

红喵设计