最近接到了一个需求，要补充产品的消息功能，前期产品经理对后编辑相机行业做了一次竞品分析，抓取优劣势进行提炼，然后跟韩国的Naver团队（相机行业）交接一遍具体的功能需求和排期。
 
再之后就是我要进行的设计工作，主要负责中国区的提案过程，共做了两份方案，一是产品现阶段的1.0版本，二是版本迭代后的探索方案。
 
 
 01.  目标清楚的需求 
 
很多设计师都有个坏毛病，因为设计出来的界面不好看想去修改原型或是添加内容，这是中高级UI设计师经常犯的大忌，一般团队内部已经校对过的方案原型，在后面的设计上就无需我们天马行空想象了。
 
消息中心V1.0版本的基础结构就是两块，分别是“官方通知”和“粉丝关注”两个点，根据现有规范进行第一版设计（左边是我的页面）。
 
值得注意的是在头部分栏的设计，“通知”、“粉丝”两个文案稍显空旷，和上方的消息中心、下方的内容形成也没有形成整体，后面我再优化下。
 
 02.  第二版界面优化 
其实不难发现现在的活动内容文字的描述显的很复杂，用户在看到很多文字的情况下，如果不是当下确定对“他”有利的情况下，是很难有阅读完活动内容文案的决心。
 
“通知”是该阶段运营和产品给用户推送同款模板、运营活动、调研报告等消息的重要手段，当下要做的事情就是高效传输，明确的告诉用户在消息中心页面所看到的一切通知消息。
 
人在认知图片的信息比文字快很多倍，那么以图片作为主要载体向用户传递信息是个不错的选择，图片主要有这几点优势：易感染情绪、信息量大、易传播。
 
回到第一版，如果只是图片加内容文字的描述往往会让用户忽略掉文案，再加上图片的局限性，很可能造成多个用户对“该通知”的有不同解读，出现表达复杂、模棱两可的认知。
 
拿“同款模板”举例，A模板-滤镜、B模板-美白、C模板-特效，A、B、C模板内素材表现的内容相似或不确定的情况下，人们是很难区分这份“通知”是告诉我上新了滤镜还是特效呢？
 
因此会出现小部分用户阅读通知时忽略掉文案的注解，这时候加个大标题上去告诉用户这款滤镜特别好用，是不是就能解决掉这种情况？
另外我再把内容文案的段数控制在两行，加上标题整体文案控制在三行，因为人在阅读段落文字时不超过三行为最佳阅读，段数太多了我们的情绪会暴躁、也不会仔细去看。
 
 
推广的目的是让用户清楚的知道推的是什么。
 
 
 03.  深层次的调整 
 
文案按钮在内容文字上显示的比较拥挤和难点，我做了简单调整，将按钮置于主图的下方，方便用户察觉和操作使用。
 
产品中的同款模板、Banner普遍在1比1和3比4的比例，对配置的主图设定尺寸要求，因为大部分都是在推广模板、活动，这些素材是可以直接拿过来使用的，以此提高主图的设计效率。
 
 
 
 04.  后续版本的探索 
随着体量的增长和用户需求，社交是模板作品中的重要一环，帮助创作者和普通用户形成纽带关系，在关系属性中的关注、分析、互相关注目前版本已然完成，但作品的点赞、收藏、评论也是后期在消息中心完成闭环的点。
 
随着产品形态的迭代与更新，消息通知可能不再是内容分发和运营分发的中心，降低“有损用户体验”的权重，我对未来版本进行了简单设计，消息中心主页还是和很多平台保持一致的结构认知-列表的形式展开。
 
 
我对官方通知做了调整，将通知的内容方向进行拆分，比如“官方活动”、“热门模板”、“产品调研”等等，再将推送的模板、运营隐藏在二级页面中，这样能够让用户在消息页的注意力放在纽带关系上。
声明：* 本站所提供的资源均来源于互联网，站内所有文字、图片内容由网站会员上传而来，UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷，本站不负任何责任。如果有侵犯到您的权益，请联系本站删除，谢谢合作！联系邮箱：Uishe#qq.com (请将[#]换成@)