项目总结-5G专区改版
产品设计的过程中会经历非常多的决策阶段,改版后的效果具体好不好,需要根据数据分析功能点是否真的有所提高了用户体验。
国庆上班以后接到的第一个需求,就是对5G专区的改版,这个模块是刚刚上线不久,根据需求的变化,需要对整个模块进行改动。把这次的改版经过进行一个总结,对后面的模块改版也有借鉴作用。

一. 为什么改版?
现有5G专区模块存在的问题:
现有页面主要是5G应用,5G产业联盟,5G科普,5G体验等宣传
没有5G的移动业务和卖点,不能带来更好的营销
因为时间比较急,改版主要重构5G体验tab:优化为5G覆盖+套餐+业务,聚合5G超高清楼层为1个楼层卡片,当时看到需求的排期表,给设计的时间只有一天,所以设计需要尽快去熟悉业务和产品进行对接。
二. 如何改版?
现有页面风格:
头部固定的广告位,没有多点营销的入口
没有快速入口,增加宫格
楼层模块与业务相关,特出5G套餐,5G手机等相关内容
重新调整,在设计方面就要考虑重新定位,可以根据业务的变化从下面几点入手:
1.设计风格:
视觉风格符合现有整体品牌,凸显5G业务模块。广告风格有科技感,头部广告位的宣传可以查考之前的模块,也可以从素材网站上找5G的资料。


2. 动态滑动效果
动态的视觉效果比静态视觉效果更有吸引力。

3.字体设计
关于字体设计我经常使用三种方法:字库改造法,图形元素替代法,手写字体,都是比较“偷懒”的设计方法,却也是一种比较有效和快速的设计方法。
字库改造法:其实就是对原字体进行加法与减法的整合,加法就是指改变原有字库字体的笔画特征,并增加笔画细节,而减法则是指将原笔画进行合理的断笔,巧妙的共用, 灵活的删减,最终达到简化的目的,以一加一减的形式完成对字库字体的改造。
图形元素替代法:把字体中的一个笔画或者形状用相关的图形替代,这样更直观也更醒目。
手写字体:特别是对于一些复杂的字体设计,手绘更加灵活效率也更高一些,比较随意,有个性,可以在纸上构思好以后,将手绘稿在软件中进行描摹绘制,并适当加以修饰。
因为刚接到需求的时候,只有5G大讲堂的页面,所以就先开始进行大标题的设计,选择了第二个设计方法,图形元素替代法。

4.展示效果
首页展示的内容比较多,相关内容都在这里展示,页面也比较长,7个楼层模块展示,可前往江苏掌上营业厅体验整体页面效果!做了动态效果整体页面效果,但压缩一直不能在5M之内,也就没办法上传。如果有比较好的压缩GIF大文件的软件或者网址可以介绍给我,非常感谢哦!
三. 改版效果
改版效果,主要从两个方面着手,一方面是被动接收效果信息;另外一方面是主动分析改版效果。
用户反馈情况(被动),上线之后观察用户反馈情况,被动接收用户反馈信息相对较差,反馈数据量较少且存在滞后性。
数据分析(主动),主要是分析订单模块改版后的用户数据和业务数据,用户数据包括整合后入口的点击量、新增功能点的点击量等。业务数据包括推荐相关的订单转化率、复购率等等。
四、总结
产品设计的过程中会经历非常多的决策阶段,大到一个功能流程的设计,小到思考一个元素的最合理布局,在这些场景中,一般都会选择遵守设计规则和接近设计规则的那个方案,这些所谓的规则也是交互设计的基础理论和方法论,改版后的效果具体好不好,需要根据数据分析来辨别此功能点的上线是否真的有所提高了用户体验。
以上是结合工作整理的,由于每次的改版都是很匆忙和快速的,所以可能存在一定的局限性,但多总结想方法会愈来愈好!














































































