框架层|从消息中心出发聊聊框架层设计

编辑导读：框架层位于用户体验第四层，包含界面设计、导航设计、信息设计三部分。框架层需要设计每个元素的位置、颜色、交互等信息，组合后一起向用户传达产品特色。本文作者以消息中心为例，对框架层设计展开分析，希望对你有帮助。

文章插图
用户在日常使用产品时可以进入消息中心查阅消息，一旦用户长久未查阅或短时间内频繁使用，便容易积攒大量未读消息，无论消息列表预览内容过多或过少都会影响用户查阅。

消息列表仅有发信人名称却无法预览具体内容，用户必须依次点开每条消息查看无法按轻重缓急顺序处理，增加用户消息清理时长且可能导致错过重要消息时效。
每条消息上挤满用户身份号码联系电话头像签名等次要信息又无明显间隔，以至于重要信息都只能放在省略号里或跳转查看，不仅增加信息获取步数，且增加了字段辨认难度，使用户阅读变得吃力和提高了看错信息的概率。

这两种情况的出现，均是因为设计框架层时未将信息摆放在适合的位置，如果将门修在房顶，每次进出都得架着梯子，不仅费事而且危险。如上述两例子都会让消息中心变得难以使用，为了让用户使用舒适，须在设计阶段做好规划。
什么是框架层？
框架层位于用户体验第四层，包含界面设计、导航设计、信息设计三部分。建筑师设计一栋建筑时，通过将外形、门窗、内部装潢等各个独立元素组合一起，来表现整栋建筑所要传达的情感。游乐场大多五彩斑斓，医院则偏向洁净，弄反了可能会让客户怀疑进错建筑。框架层也是如此，需要设计每个元素的位置、颜色、交互等信息，组合后一起向用户传达产品特色。
一、界面设计界面设计是选择合适的元素为用户提供做成某些事的能力。常用的元素有按钮、标记、输入框等，具体可依场景而定。
日常生活中若遇到界面混乱的情况，例如相同元素大小不一，方向各异；每个元素各自独立毫无关联；颜色众多无法看出重点等，会给人一种杂乱无章的感受。
假设某栋公寓一排房门宽窄有别，高低各异，一眼望去参差不齐，容易让用户产生这是家不专业建造商的联想。
这恰恰与设计目的相悖，大多情况下希望向用户传达正面信息。那么该如何有效避免页面混乱呢？可遵循以下三点：
1.1 突出重点对比强烈、醒目的内容有助于用户加深印象并减少其他信息干扰。生活中人们会使用划线或图形标注文章重点，甚者会用彩笔做记号，亦是为了下次翻阅时能一眼看出重点。
将消息主题加大加粗，用户便可以一眼了解消息内容，不必花费时间读完通篇才发现重点只在第一句。
1.2 界面简洁界面简洁要求元素摆放有序且精简。人们一次能够把握和处理的信息数量在七加减二之间，过多元素同时堆放在视线中并不能增强用户信息接收并发能力，只会徒增搜寻真正目标的耗时。
井然有序的界面利于用户加深记忆，减少误操作概率，也有助于突出重点内容。
【框架层|从消息中心出发聊聊框架层设计】当一个货架上只摆放5、6个商品时人们很容易记住，但如果摆放成堆商品时用户只会记住自己所渴望之物。
当消息尾部只有收藏按钮时用户可以快速找到该功能所在位置且不会错按其他按钮；如果位于七八个按钮中间时，每次多半得瞧一眼以免错点成删除。

文章插图
1.3 方便易用不设置复杂交互且符合大部分用户使用习惯的摆放方式即算的上方便易用。