搜狐资讯3.0

搜狐资讯App是通过算法和云计算技术,为用户提供感兴趣、个性化内容的资讯平台。

为什么改?

2017年3月,作为搜狐新闻子产品「搜狐新闻资讯版」上线。17年9月通过设计团队的发起和推进,完成了2.0的改版,已经完成基本的组件化,对整个APP也完成了基本的“美化”工作。

度过了艰难的冷启动时期,搜狐资讯的业务形态也开始渐渐成型,以个性推荐内容为基础,以激励体系聚拢精准用户,通过信息流广告变现,最终达到收大于支实现盈利。很显然,内容+激励体系+商业化是搜狐资讯的核心业务。而在增长时期,扩大规模是整个业务的首要任务,设计团队也不例外,而在这个过程中,业务和体验如何平衡调优,是设计团队面临的最大挑战。

定位问题

一年之前的业务框架及设计语言,已经不能支撑新的业务:

1、设计语言与用户群体不匹配:经过半年的快速增长,用户群体发生变化,旧的设计语言已经不匹配现有的用户。

2、产品表现形态与业务目标不匹配:产品已经形成稳定的业务场景,而现有页面框架却不能准确的传达产品价值,而且需要更灵活的框架和业务组件来支持业务场景和探索实验的空间

3、业务节奏与设计人力不匹配:频繁尝试新的业务,高频率的运营活动,导致设计沟通维护成本高。不仅如此,也使得设计师疲于处理琐碎的业务需求,没有精力在业务创新和提升专业技能。

如何改?

重构框架

1、由于业务场景的变化,首要是突出核心业务-用户激励,强调业务场景、弱化功能属性。与业务沟通的过程中我们还发现:① 个人页面的常规banner,需要承载活动、新功能探索、系统通知、商业广告等等,需要更多、更分散的形式触达用户; ② 拉新成本随着用户基数和的提升而升高,拉新预算收紧,更需要做好新人承接提升新人转化。于是强化积分感知、增加活动触达形式、定制新人场景是3.0框架的核心目标。

2、去中心化:搜狐资讯是以个性化推荐为基础的场景,由用户来自由决定使用路径,功能不再以各种中心的形式集合展示,更多的是考虑场景化,为此我们设立了几个原则:  ① 不向中心引导,以完成用户目标为主;② 尽量不设立固定功能入口,以在场景下推荐功能为主;③ 不使用功能性用户引导,以利益点引导为主。

突出内容,弱化容器:

1、扁平化视觉容器:模块间使用通栏卡片、模块内使用线性分割;善用留白,为用户留一些想象空间。


2、内容立体:
① Z轴立体:在纵向纬度上,增加信息展示空间、丰富与用户对话的形式,让信息结构更加多元立体化。
② 动态形式:通过入口自身形式和风格动态传达业务特色,比如视频、电影、直播内容,富媒体的本质还原,动态引起用户好奇心,展现形态丰富的内容流。
③ 转场互动: 页面动效逻辑的转场、界面滚动的缓和动画也需要一并升级,达到整体立体生动的效果。

重新定义设计语言:

1.设计原则:根据用户目标和产品目标,我们推导出几个体验关键词  “丰富的、趣味的、简单的”

2、色彩倾向:暖色的、对比强烈的,营造丰富热情的视觉氛围。

3、图形:几何感、亲切的、易识别

4、形式:卡片化、大圆角、层次分明

5、视觉画面:突出氛围、层次分明

6、情感化:在异常/空白情绪低落场景塑造用户感知品牌的机会,引导用户脱离异常。在获得奖励、完成成就情绪高点,以更仪式感的形式传达品牌。

组件化和模板化

1、建立基础规范、细分组件库(基础组件、业务组件、插画组件、动效组件、交互原型组件),搭建设计资源共享的平台,快速同步更新,减少冗余沟通。有效提升设计质量及效率,常规版本功能需求设计时间压缩到1周内,走查压缩到1轮即可达到80%还原度。

2、建立运营素材库:包括插画库、运营资源库、内容素材库,覆盖日常活动需求、日常内容需求、各类紧急需求。

3、活动模板化:对日常活动分类整理,储备常用活动落地页、常用入口资源,即使是半小时紧急需求也能紧急支持,并保证质量。

本次改版的目标是解决产品的几个紧要问题“设计语言与目标用户不匹配、产品表现形态与业务目标不匹配、业务节奏与设计人力的不匹配”。
但是更符合用户目标的体验还需要在业务迭代中打磨,但始终围绕“丰富的、趣味的、简单的”关键词,也不忘在设计的过程中不断反思、不断确认用户目标和产品目标,打造更好的用户体验始终是设计和产品的目标。
改版是一个新阶段的开始,后续的业务深入需要对产品和用户更深度的理解:
1、建立完善的体验优化流程,更体系化的推进体验需求和验证体验成果。
2、体验定量分析:数据驱动,建立更适合体验维度的数据观测、数据验证方案。
3、坚持规范,也要突破规范,在既定的设计目标下,始终探索和寻找更优秀的解决方案。