随着圣火点燃,各大资讯平台的奥运板块已纷纷上线。今天就和大家分享一下网易新闻奥运专题几个主要页面的设计思路。
网易新闻的奥运板块分为3个部分:头条看板、奥运助手和奥运专栏。
看板
看板的设计目标是让用户能快速获取奥运简要信息。综合用户需求并考虑项目的整体规划需求,看板样式一致的基础上,内容上区分了赛前和赛中两种状态。布局上强调在固定空间内信息能最大化外露。
赛前看板重点是奥运氛围营造及功能预热,所以信息主要是开幕式倒数计时,奥运活动的相关入口。
赛中看板(如上图)重点是将奥运进程中用户最关心的信息清晰简要的展示出来。经过调研和对往届用户数据的分析,最终外露信息定为为奥运进程、中国奖牌状态和实时要闻。
看板高度在刻意控制之下,仍然占用了一条半新闻的高度,曾担心占用空间太高,可能会对不喜欢奥运的用户造成阅读影响,于是在可用性测试中加入了“折叠看板”功能。根据测试结果反馈,大部分用户会忽略此操作,因为直接滑走看板比定位点击一个小icon更加快捷。并且,普遍用户反馈,在奥运这样的特殊期间,适量的奥运信息强推不会造成反感。
奥运专栏
1.新闻主页和奥运专栏的跳转关系
如图,点击专栏入口则进入到奥运专栏内,里面承载了有关奥运的全部内容。
最初在设计“奥运专栏”与“新闻主页”之间来回切换的方案时,考虑到从功能结构和形式上来说,奥运专栏相当于是一套全新的内容,嵌在网易新闻内,所以方案的关键词是“切换”,因此对应专栏入口的位置,遵循一致性的原则,切换按钮设计为常驻在A处。意外的是,在可用性测试的过程中,85%的用户在完成回到新闻头条的任务过程中,第一反应是在左上角找返回.
分析结论:虽然我们在功能定位上认为奥运专栏是一套独立完整的系统,但对用户认知而言,仅仅只是进入了一个比较复杂的页面而已。并且,当用户在专栏内进行了一系列阅读操作之后,对于页面结构的认知就会回到最基础“返回/进入上一级”的状态。因此会第一反应在左上角寻找返回主页的入口,也就是最终采用的B位置方案。
2.项目订阅
项目订阅tab只展示用户感兴趣的项目相关新闻。
对于订阅流程上的设计。曾考虑过,为了方便用户,是不是可以先为用户默认选择几个热门选项,或者直接先为用户展示热门项目的相关新闻,只外露一个“编辑项目”的入口。但经过对功能定位的分析后决定,用户必须完全手动选择感兴趣的项目之后,再进入订阅列表。因为如果主动帮用户勾选,用户很可能会直接跳过勾选这个步骤而直接进入新闻列表,这样一来,和要闻里的新闻体现不出差别,没有达到个性化订阅新闻的目的。
对于订阅形式上的设计。由于功能结构复杂,为了节省开发和设计成本,设计中会尽量复用新闻客户端内部现有的样式,因此整个奥运专栏的氛围还是略显严肃沉稳,所以在设计“项目订阅”的形式时,想稍微活泼但不影响操作效率,最后采用了气泡形式,将项目根据热度区分为3种不同体量,便于点选。配合手势感应动效,增加灵动感。
奥运助手
在新闻主页里,看板是跟随页面滑动的,在奥运专题里,奖牌榜、赛程等几个重要入口也是跟随页面滚动的,因此,奥运助手作为一个固定入口常驻于页面右下方。其中赛程和奖牌榜预计是用户使用最频繁的工具页面。
1.赛程
筛选赛程的维度有日期、决赛赛程、中国赛程、项目赛程、精选推荐赛程。如果简单粗暴的将这5个维度放入一个筛选器里,让用户每次到页面都要进入筛选器一项一项的勾选,显然效率很低。所以首先需要分组。
日期是相对宏观的横向筛选,中国赛程、决赛赛程、各项目赛程是相对精确的纵向筛选。精选推荐赛程属于人工编辑的更高一级精确筛选内容。
横向筛选:日期
里约和北京有11个小时的时差,正式赛程每天都基本集中在北京时间21点至次日9点之间,这意味着用户会有频繁的日期切换操作需求。因此最终采用日历滑动或点击的切换交互方式。
纵向筛选:精选赛程、中国赛程宣传、决赛、各项目赛程
奥运会氛围下,一般用户最关心的都是与中国相关的重要赛事,基于此,中国赛程和决赛赛程也会是用户频繁使用的筛选操作。但仅以筛选的形式区分中国赛程和决赛还不够直接和强化,所以增加精选赛程模块作为补充,在每天的赛程列表前增加一个单独模块,把当天的重要赛程人工挑选出来,辅助用户从上百条赛程信息中快速找到最关心的赛程。除此之外,相关中国或决赛的赛程单条前增加了标签,使之更加醒目。
2.奖牌榜
奖牌榜在产品功能上考虑的非常全面,所以对设计来说,重点不是把功能全部平铺在用户面前让用户选择,而是首先抽出最核心的功能,为用户设计一条查看奖牌信息的任务主线,并在用户完成这条主线的路径上,把更多扩展功能提供给用户。
举个例,如图,虽然页面的主导航直接区分了奖牌榜、中国榜、项目榜、个人榜,但设计的任务主线中,用户进入奖牌榜后,如果想看中国榜,主要路径是通过榜单列表中高亮的中国奖牌单条信息,点击之后自动切换至中国榜。进入中国榜后,如果想查看各项目的奖牌情况,主路径不是顶部导航,而是直接点击列表中的项目,切换到项目榜。
整个奥运项目交互设计所承担的任务包括初步的功能架构设定,前期竞品分析,以及具体方案的设计及不断评估和优化。过程中,受到实际开发成本和销售需求的影响,交互上多少做了一些妥协,这也是在大型活动类需求的设计中经常会出现的情况。可用性测试也是设计过程中非常重要的环节,因为奥运专题的功能结构比较复杂,且会影响用户正常使用网易新闻的日常路径习惯,因此,可用性测试能让我们对用户反馈有所预估,且能准确的感知用户对待奥运信息时的行为偏向。
关于奥运的设计还有一些细节在本文中就不一一分析了,大家有兴趣可以在网易新闻客户端内实际体验一番,有任何问题和建议随时反馈,希望网易新闻陪你经历精彩的17天。
【中国!加油!】