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

从消息中心出发聊聊框架层设计用户在日常使用产品时可以进入消息中心查阅消息，一旦用户长期未查阅或短时间内频繁使用，便简单积攒大量未读消息，无论消息列表预览内容过多或过少都会影响用户查阅。

消息列表仅有发信人名称却无法预览详细内容，用户必需依次点开每条消息查看无法按轻重缓急挨次处理，增加用户消息清理时长且可能导致错过重要消息时效。每条消息上挤满用户身份号码联系电话头像签名等次要信息又无明显间隔，以至于重要信息都只能放在省略号里或跳转查看，不仅增加信息猎取步数，且增加了字段辨认难度，使用户阅读变得吃力和提高了看错信息的概率。这两种状况的消失，均是由于设计框架层时未将信息摆放在适合的位置，假如将门修在房顶，每次进出都得架着梯子，不仅费事而且危急。如上述两例子都会让消息中心变得难以使用，为了让用户使用舒适，须在设计阶段做好规划。

什么是框架层？

框架层位于用户体验第四层，包含界面设计、导航设计、信息设计三部分。建筑师设计一栋建筑时，通过将形状、门窗、内部装潢等各个独立元素组合一起，来表现整栋建筑所要传达的情感。游乐场大多五彩斑斓，医院则偏向干净，弄反了可能会让客户怀疑进错建筑。框架层也是如此，需要设计每个元素的位置、颜色、交互等信息，组合后一起向用户传达产品特色。

一、界面设计

界面设计是选择合适的元素为用户供应做成某些事的力量。常用的元素有按钮、标记、输入框等，详细可依场景而定。

日常生活中若遇到界面混乱的状况，例如相同元素大小不一，方向各异；每个元素各自独立毫无关联；颜色众多无法看出重点等，会给人一种杂乱无章的感受。

假设某栋公寓一排房门宽窄有别，凹凸各异，一眼望去参差不齐，简单让用户产生这是家不专业建筑商的联想。

这恰恰与设计目的相悖，大多状况下盼望向用户传达正面信息。那么该如何有效避开页面混乱呢？可遵循以下三点：

1.1突出重点

对比剧烈、醒目的内容有助于用户加深印象并削减其他信息干扰。生活中人们会使用划线或图形标注文章重点，甚者会用彩笔做记号，亦是为了下次翻阅时能一眼看出重点。

将消息主题加大加粗，用户便可以一眼了解消息内容，不必花费时间读完通篇才发觉重点只在第一句。

1.2界面简洁

界面简洁要求元素摆放有序且精简。人们一次能够把握和处理的信息数量在七加减二之间，过多元素同时堆放在视线中并不能增加用户信息接收并发力量，只会徒增搜寻真正目标的耗时。

井然有序的界面利于用户加深记忆，削减误操作概率，也有助于突出重点内容。

当一个货架上只摆放5、6个商品时人们很简单记住，但假如摆放成堆商品时用户只会记住自己所渴望之物。

当消息尾部只有保藏按钮时用户可以快速找到该功能所在位置且不会错按其他按钮；假如位于七八个按钮中间时，每次多半得瞧一眼以免错点成删除。

1.3便利易用

不设置简单交互且符合大部分用户使用习惯的摆放方式即算的上便利易用。

例如飞机简单的操作面板让大多数人望而却步，而手机凭借为数不多的按键让用户快速上手。

假如你的消息列表自上而下排列，则将全部已读功能放在右下角是个不错的留意。用户扫瞄时视线会自上而下移动，看完最终条消息后视线依照惯性再往下一格即可点击全部已读。这样设计的是基于在处理完全部重要消息后可以立即清空面板的考虑。假如不盼望用户常常点全部已读或常常因此遗漏信息，可将其置与阅读轨迹相反方向，如右上方。

二、导航设计

导航设计既是向用户供应去某处的力量，如返回上一页，切换标签页，跳转详情页等均为常见导航方式。

超市会将同类型商品堆放在一起，便利用户查找。

消息中心可能含系统公告、社交私信、业务通知，当然也可能要区分保藏、历史消息，当有众