Bing News 设计升级

Bing News 是人工智能驱动的新闻模块,是微软 Bing 搜索引擎的一部分。

本次设计升级是通过对用户、竞品进行分析后,设计团队总结了现有产品的优缺点,重新确立了产品目标,改变了产品结构,消除了无关的功能,形成了新的设计风格,保证了整个产品的体验一致性。

角色

UX 设计师

时间

2018 - 2019

产品

微软必应搜索

背景

必应在全球搜索引擎市场份额中排名第二,新闻模块拥有数亿用户,日活跃用户数百万。即使很小的改动也会导致用户不满意。因此,在创新和用户偏好之间取得平衡至关重要。

因此,在开始设计之前,设计团队对产品进行了全面的调查和研究。根据调查结果,我们从三个不同的角度设计开发产品。

痛点

产品需要解决的问题是什么?

用户需求

用户希望在产品中获得什么?

产品趋势

新闻产品的发展趋势是什么?

痛点

产品需要解决的问题是什么?

信息过载

过多信息给用户以混乱的视觉感受

内容不相关

不相关内容易分散用户注意力

内容无组织

新闻组织杂乱无章,不易于浏览新闻

不个性化

难以方便高效地编辑个人化推荐

原版浏览页面

原版搜索页面

用户需求

用户希望在产品中获得什么?

用户反馈

视觉效果

想要原始的 list view;图片尺寸的问题;信息密度的问题等等。

控制

想要筛选功能;想要关闭功能模块的功能;想要自定义功能等等。

交互相关的

无限滚动的问题;设置按钮的位置问题等等。

用户偏好

“ 用户喜欢图片、页面布局、filters,但是感觉我们缺少高质量的搜索结果,以及内容组织。”

产品趋势

新闻产品的趋势是什么样的?

以内容为主的体验

对视觉效果的呈现方式有一个清晰的顺序,以便于理解内容

消除不必要的“设计混乱”,将注意力集中在产品内容上

充分利用空白给内容一些喘息的空间

高效的使用体验

设计时考虑到常见的用户导航模式

特定于上下文的功能 (仅在用户仅需要时可见)

导航简单

包容性设计

内容适当性/可访问性/易于每个人使用

整合用户研究/创建多样化的设计团队

Google News

Filpboard

Apple News

Clean, minimal, daily briefing, interests, local stories

设计原则

我们要设计一个什么样的产品?

Design For Trust

Better organization, Cluster, Clear structure

Design For efficient

Better layout, Easy to read, More control

Design For Simplicity

Focused, Modern, Clean and simple

框架梳理

优化整个产品的流程与体验

原始版本流程

优化后的流程

全新体验

将导航栏移到左侧,符合用户操作习惯

更大的标题,便于阅读和定位

合理留白,让用户浏览起来更有节奏和轻松

全新的搜索体验

增加筛选,用户可以快速选择自己想要浏览的内容

将相同内容的新闻组织在一起,减少重复,让搜索结果更智能,同时提高用户的浏览效率

原版搜索页面布局

优化后的搜索页面布局

全新的浏览体验

结合列表布局,改变整页都是卡片的设计

突出头条新闻让用户在最短时间内可以获得最多内容

原版浏览页面布局

优化后的浏览页面布局

新增全方面的新闻消费体验页面

多种新闻内容的组合,方便用户快速理解事件内容

多元化的新闻来源,给用户更权威的感觉

多角度去看整个事件,可以了解的更加全面

可用性测试

我们完成新的设计后,又招募了 20 人参加一项关于新老版本的可用性测试。

其中 1/2 参与者是 Bing 用户, 1/2 参与者是 Google 用户。

正面评价

绝大多数受试者更喜欢新设计,认为它更有组织性,视觉上更有吸引力。

受试者特别喜欢将导航移动到页面的左侧,这样可以更好地与filter bar区分开,并使二者更容易使用。

受试者们还觉得他们注意到了页面右侧更多的特性(这是许多用户在当前设计中忽略的)

提升建议

当被问及改进新设计的方法时,55% 的参与者想不出他们会改变什么

其他受试者认为三栏式的页面布局有点杂乱,建议完全移除右边边栏

他们还重申了搜索结果页面应该根据最近的结果自动排序的建议

有些人觉得设计中的不一致,比如字体差异和颜色,有点让人分心。

移动端设计

移动端屏幕小、可承载内容少,因此我们在设计移动端时尽可能做减法,保持设计的简洁和目标明确

浏览场景

搜索场景

设计练习

我们制作提供了每个模块的纸模型,以供用户自由设计页面,同时我们会在用户设计过程中观察并询问是否了解每个模块的功能属性

通过测试与访谈我们想要了解:

了解用户如何看待移动平台上最新的新闻垂直设计

了解用户在新闻浏览和搜索中的行为模式

用户是否需要和了解移动端上的我们新加入的功能

用户在移动端如何使用筛选器

用户满意度评分

1 = 非常不满意;5 = 非常满意

总结

数据反馈

页面总点击率

9.59%

Takeaways

用户调研对设计的重要性不言而喻,尤其是在为跨地区、文化等认知、习惯都不相同的陌生群体进行设计的时候。

不要为理想场景而设计。对于人工智能驱动的产品而言,内容质量不会有编辑挑选,它们都是不可控的。

更多项目