随着圣火点燃，各大资讯平台的奥运板块已纷纷上线。今天就和大家分享一下网易新闻奥运专题几个主要页面的设计思路。

网易新闻的奥运板块分为3个部分：头条看板、奥运助手和奥运专栏。

看板

看板的设计目标是让用户能快速获取奥运简要信息。综合用户需求并考虑项目的整体规划需求，看板样式一致的基础上，内容上区分了赛前和赛中两种状态。布局上强调在固定空间内信息能最大化外露。

赛前看板重点是奥运氛围营造及功能预热，所以信息主要是开幕式倒数计时，奥运活动的相关入口。

赛中看板（如上图）重点是将奥运进程中用户最关心的信息清晰简要的展示出来。经过调研和对往届用户数据的分析，最终外露信息定为为奥运进程、中国奖牌状态和实时要闻。

看板高度在刻意控制之下，仍然占用了一条半新闻的高度，曾担心占用空间太高，可能会对不喜欢奥运的用户造成阅读影响，于是在可用性测试中加入了“折叠看板”功能。根据测试结果反馈，大部分用户会忽略此操作，因为直接滑走看板比定位点击一个小icon更加快捷。并且，普遍用户反馈，在奥运这样的特殊期间，适量的奥运信息强推不会造成反感。

奥运专栏

1.新闻主页和奥运专栏的跳转关系

如图，点击专栏入口则进入到奥运专栏内，里面承载了有关奥运的全部内容。

最初在设计“奥运专栏”与“新闻主页”之间来回切换的方案时，考虑到从功能结构和形式上来说，奥运专栏相当于是一套全新的内容，嵌在网易新闻内，所以方案的关键词是“切换”，因此对应专栏入口的位置，遵循一致性的原则，切换按钮设计为常驻在A处。意外的是，在可用性测试的过程中，85%的用户在完成回到新闻头条的任务过程中，第一反应是在左上角找返回.

分析结论：虽然我们在功能定位上认为奥运专栏是一套独立完整的系统，但对用户认知而言，仅仅只是进入了一个比较复杂的页面而已。并且，当用户在专栏内进行了一系列阅读操作之后，对于页面结构的认知就会回到最基础“返回/进入上一级”的状态。因此会第一反应在左上角寻找返回主页的入口，也就是最终采用的B位置方案。

2.项目订阅

项目订阅tab只展示用户感兴趣的项目相关新闻。

对于订阅流程上的设计。曾考虑过，为了方便用户，是不是可以先为用户默认选择几个热门选项，或者直接先为用户展示热门项目的相关新闻，只外露一个“编辑项目”的入口。但经过对功能定位的分析后决定，用户必须完全手动选择感兴趣的项目之后，再进入订阅列表。因为如果主动帮用户勾选，用户很可能会直接跳过勾选这个步骤而直接进入新闻列表，这样一来，和要闻里的新闻体现不出差别，没有达到个性化订阅新闻的目的。

对于订阅形式上的设计。由于功能结构复杂，为了节省开发和设计成本，设计中会尽量复用新闻客户端内部现有的样式，因此整个奥运专栏的氛围还是略显严肃沉稳，所以在设计“项目订阅”的形式时，想稍微活泼但不影响操作效率，最后采用了气泡形式，将项目根据热度区分为3种不同体量，便于点选。配合手势感应动效，增加灵动感。

奥运助手

在新闻主页里，看板是跟随页面滑动的，在奥运专题里，奖牌榜、赛程等几个重要入口也是跟随页面滚动的，因此，奥运助手作为一个固定入口常驻于页面右下方。其中赛程和奖牌榜预计是用户使用最频繁的工具页面。

1.赛程

筛选赛程的维度有日期、决赛赛程、中国赛程、项目赛程、精选推荐赛程。如果简单粗暴的将这5个维度放入一个筛选器里，让用户每次到页面都要进入筛选器一项一项的勾选，显然效率很低。所以首先需要分组。

日期是相对宏观的横向筛选，中国赛程、决赛赛程、各项目赛程是相对精确的纵向筛选。精选推荐赛程属于人工编辑的更高一级精确筛选内容。

横向筛选：日期

里约和北京有11个小时的时差，正式赛程每天都基本集中在北京时间21点至次日9点之间，这意味着用户会有频繁的日期切换操作需求。因此最终采用日历滑动或点击的切换交互方式。

纵向筛选：精选赛程、中国赛程宣传、决赛、各项目赛程

奥运会氛围下，一般用户最关心的都是与中国相关的重要赛事，基于此，中国赛程和决赛赛程也会是用户频繁使用的筛选操作。但仅以筛选的形式区分中国赛程和决赛还不够直接和强化，所以增加精选赛程模块作为补充，在每天的赛程列表前增加一个单独模块，把当天的重要赛程人工挑选出来，辅助用户从上百条赛程信息中快速找到最关心的赛程。除此之外，相关中国或决赛的赛程单条前增加了标签，使之更加醒目。

2.奖牌榜

奖牌榜在产品功能上考虑的非常全面，所以对设计来说，重点不是把功能全部平铺在用户面前让用户选择，而是首先抽出最核心的功能，为用户设计一条查看奖牌信息的任务主线，并在用户完成这条主线的路径上，把更多扩展功能提供给用户。

举个例，如图，虽然页面的主导航直接区分了奖牌榜、中国榜、项目榜、个人榜，但设计的任务主线中，用户进入奖牌榜后，如果想看中国榜，主要路径是通过榜单列表中高亮的中国奖牌单条信息，点击之后自动切换至中国榜。进入中国榜后，如果想查看各项目的奖牌情况，主路径不是顶部导航，而是直接点击列表中的项目，切换到项目榜。

整个奥运项目交互设计所承担的任务包括初步的功能架构设定，前期竞品分析，以及具体方案的设计及不断评估和优化。过程中，受到实际开发成本和销售需求的影响，交互上多少做了一些妥协，这也是在大型活动类需求的设计中经常会出现的情况。可用性测试也是设计过程中非常重要的环节，因为奥运专题的功能结构比较复杂，且会影响用户正常使用网易新闻的日常路径习惯，因此，可用性测试能让我们对用户反馈有所预估，且能准确的感知用户对待奥运信息时的行为偏向。

关于奥运的设计还有一些细节在本文中就不一一分析了，大家有兴趣可以在网易新闻客户端内实际体验一番，有任何问题和建议随时反馈，希望网易新闻陪你经历精彩的17天。

【中国！加油！】