最近接到了一个需求,要补充产品的消息功能,前期产品经理对后编辑相机行业做了一次竞品分析,抓取优劣势进行提炼,然后跟韩国的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 (请将[#]换成@)