这次有点难，一个消息中心界面我竟然改了好几版！

最近接到了一个需求，要补充产品的消息功能，前期产品经理对后编辑相机行业做了一次竞品分析，抓取优劣势进行提炼，然后跟韩国的Naver团队（相机行业）交接一遍具体的功能需求和排期。

再之后就是我要进行的设计工作，主要负责中国区的提案过程，共做了两份方案，一是产品现阶段的1.0版本，二是版本迭代后的探索方案。

01.  目标清楚的需求

很多设计师都有个坏毛病，因为设计出来的界面不好看想去修改原型或是添加内容，这是中高级UI设计师经常犯的大忌，一般团队内部已经校对过的方案原型，在后面的设计上就无需我们天马行空想象了。

消息中心V1.0版本的基础结构就是两块，分别是“官方通知”和“粉丝关注”两个点，根据现有规范进行第一版设计（左边是我的页面）。

值得注意的是在头部分栏的设计，“通知”、“粉丝”两个文案稍显空旷，和上方的消息中心、下方的内容形成也没有形成整体，后面我再优化下。

02.  第二版界面优化

其实不难发现现在的活动内容文字的描述显的很复杂，用户在看到很多文字的情况下，如果不是当下确定对“他”有利的情况下，是很难有阅读完活动内容文案的决心。

“通知”是该阶段运营和产品给用户推送同款模板、运营活动、调研报告等消息的重要手段，当下要做的事情就是高效传输，明确的告诉用户在消息中心页面所看到的一切通知消息。

人在认知图片的信息比文字快很多倍，那么以图片作为主要载体向用户传递信息是个不错的选择，图片主要有这几点优势：易感染情绪、信息量大、易传播。

回到第一版，如果只是图片加内容文字的描述往往会让用户忽略掉文案，再加上图片的局限性，很可能造成多个用户对“该通知”的有不同解读，出现表达复杂、模棱两可的认知。

拿“同款模板”举例，A模板-滤镜、B模板-美白、C模板-特效，A、B、C模板内素材表现的内容相似或不确定的情况下，人们是很难区分这份“通知”是告诉我上新了滤镜还是特效呢？

因此会出现小部分用户阅读通知时忽略掉文案的注解，这时候加个大标题上去告诉用户这款滤镜特别好用，是不是就能解决掉这种情况？

另外我再把内容文案的段数控制在两行，加上标题整体文案控制在三行，因为人在阅读段落文字时不超过三行为最佳阅读，段数太多了我们的情绪会暴躁、也不会仔细去看。

推广的目的是让用户清楚的知道推的是什么。

03.  深层次的调整

文案按钮在内容文字上显示的比较拥挤和难点，我做了简单调整，将按钮置于主图的下方，方便用户察觉和操作使用。

产品中的同款模板、Banner普遍在1比1和3比4的比例，对配置的主图设定尺寸要求，因为大部分都是在推广模板、活动，这些素材是可以直接拿过来使用的，以此提高主图的设计效率。

04.  后续版本的探索

随着体量的增长和用户需求，社交是模板作品中的重要一环，帮助创作者和普通用户形成纽带关系，在关系属性中的关注、分析、互相关注目前版本已然完成，但作品的点赞、收藏、评论也是后期在消息中心完成闭环的点。

随着产品形态的迭代与更新，消息通知可能不再是内容分发和运营分发的中心，降低“有损用户体验”的权重，我对未来版本进行了简单设计，消息中心主页还是和很多平台保持一致的结构认知-列表的形式展开。

我对官方通知做了调整，将通知的内容方向进行拆分，比如“官方活动”、“热门模板”、“产品调研”等等，再将推送的模板、运营隐藏在二级页面中，这样能够让用户在消息页的注意力放在纽带关系上。