心流：最优体验心理学|页面设计中的信息组织策略探索——言之有序( 三 ) 领域|傲科|芯片

文章插图
根据承载信息复杂程度的不同，我们对容器组件也进行复杂度划分，用来解决在不同页面布局中，不同类型的信息用何种方式呈现的问题。

文章插图
这个模型可以帮助设计者在决策布局组件时，有章可循。最终让用户感知，当用户来到一个页面时，即可对页面的信息量、信息的搜寻方式有统一的预期。
我们尝试将复杂度和关联性模型在界面布局中落地：

文章插图
（详情页模板设计）
关于以上的模型在实际设计中该如何操作，这里提供一个推荐步骤可以参考：

「复杂度判断」明确设计对象信息量的大小
「关联性判断」判断各个信息之间的关联性，并合理分组
「组件选择」选择合适的容器组件来呈现信息
「模板选择」选择合适的页面模板，组织编排信息
「眯眼测试」检查整体布局是否合理（仅参考）

以上的方法，我们不仅用在详情页的模板设计中，在表单页设计中也同样适用。
七、结语大到一个系统，小到一个按钮，背后的每一条规则既要从人的角度去思考设计的易用性，同时也要从信息本身去推敲组织的合理性。作为设计规范的制定者，不能凭感觉简单了事，而是需要找到一套通用的模式，帮助用户快速找到并理解信息帮助用户提效，同时提升用户的浏览体验，是我们一直在探索的课题。
虚拟界面的信息组织和现实世界一样，既需要符合人们对事物的认知，也需要遵循人们的行为习惯，这些认知和行为习惯，构成了自然交互的基础，这也是我们一直在探索方向。当然，信息组织除了以上这种思路，还有更多的思路和方向等待挖掘，期待大家的反馈和建议，帮助我们一起完善。
参考：
SAP Fiori 2.0: The Object Page —— Part 1： Its History
Object Page Floorplan
超市商品陈列原则
宜家动线设计
[美]Alan Cooper 等. 《About Face 4：交互设计精髓》
[美] Richard saul wurman.《信息焦虑》
[美] Csikszentmihalyi .《心流：最优体验心理学》
本文由 @Ant Design 原创发布于人人都是产品经理，未经许可，禁止转载。
【 心流：最优体验心理学|页面设计中的信息组织策略探索——言之有序】题图来自Unsplash，基于 CC0 协议