本文作者 :Sally Chen Zhen UX/UI Designer - From Costa Rica and based in San
原文链接:Apple News — a usability case study
一年前,我删掉了手机里所有的社交软件,然后成为了新闻的热衷读者。在一开始,我感觉特别爽,不过仅仅一个星期后,我就变的焦虑起来,我非常想知道最近发生的新鲜事,以及我的朋友们都在做什么。为了缓解这种情绪,我第一次打开了我那台买来三年多的手机里的Apple News app。emm...其实我平时也是会看新闻的(...或者只看标题),不过我只是一个星期大概两到三次在电脑上查看而已。自从我开始使用这个app,我就沉浸在里面了,我也因此被持续的信息流和大量的信息所淹没。
我作为一个忠诚的用户,使用了这款软件一整年。它确实很好的满足了我的需求,并且我也懒得再去下其他的app了。不过在两个月前,事情开始变得有些不对劲。我每天醒来时看到那些沮丧和消极的标题,整个人都变的不好了。看这些新闻让我变的吃不下饭,睡不着觉,对世界陷入深深的失望中。
我不由得开始抱怨——“这些新闻媒体就不能写点令人开心的事情吗?”,我思考了一段时间后发现,这些令人不快的事并不是新闻媒体的错,而是这个APP的问题。
挑战
这个世界上到处都在发生一些奇怪的事,作为新闻机构,报道这些是他们的职责。我作为一个普通用户,虽然控制不了华盛顿邮报和卫报都在写些什么内容,但是我作为一个UX设计师,我可以改善自己的阅读体验。
过程
目标
重新设计这个app以解决用户痛点,改善阅读体验。
APP分析
首先,对这个app进行一个深度的分析非常重要,我需要了解一下各个功能点和app的整体架构以及页面导航
我做了一个全面的罗列跟分析,并且对这个app的特点和可用性有了一定的了解。通过这个过程,我也找到了一些明确的可用性问题以及痛点。因此,为了证实这些我观察到的问题,我需要做一些用户访谈以及测试。
用研
访谈
我总共做了四组访谈,主要了解以下问题:他们的新闻阅读习惯如何,阅读(或不愿意阅读)新闻的动机是什么。其中两位参与者是Apple News的用户,其他两位则不是。
-
需求&动机
1.所有的参与者都将政治新闻作为阅读的首要选择
2.所有参与者都认为,现在要找到可靠、公正的新闻太难了
3.2/4的参与者表示,他们会先选择阅读纽约时报的新闻,因为他们的报道和消息来源比较真实。
4.4/4的参与者表示,他们不会对新闻进行评论,主要是因为他们不想跟别人发生言语冲突,他们很难找到一个积极向上的网络空间去表达自己的看法和观点。 -
人物画像
通过这些访谈,我注意到用户即使被海量的新闻所淹没,理智的阅读新闻仍然是非常重要的。这样他们才能去理解别人的观点,去形成一个思维活跃的氛围。
基于这些洞见,我创造了一个Apple News的人物画像
测试
在访谈的最后,我要求每个参与者来使用App News,我注意观察了他们的交互动作和他们的个人使用习惯,并找出了关键痛点和问题。
定义问题
在找到和分析了痛点后,我定义了几个用户使用中常见的问题。
痛点#1:为你推荐(首页)
首页是一个可以基于用户浏览习惯生成推荐新闻的页面,然而,很多用户对这些推荐并不是非常满意,并且这个页面的推荐类型也比较固定,用户需要滑动很久才能看到他们想要阅读的内容。
很多时候我并不想看这方面的新闻,然而几分钟后,同样类型的新闻又出现在我的feed流里,这些内容可能是来自其他媒体机构,这让我觉得这个页面并不是真的“为我推荐”。
痛点#2:我的订阅
首次登录时,app会让用户订阅一些喜欢的新闻类型,但是在测试过程中,用户常常直接跳过这一步,当我询问为什么后,他们这样回答我:
通过列表来找到我喜欢的新闻类型是件很麻烦的事情,我不想在这些事上浪费精力。
痛点#3:多余的操作
其他应用通常会使人很简单的找到保存、点赞、分享这样的操作,Apple News用户也会想起了他们有过类似的经历。
我一开始不知道怎么保存文章,但是当我无意间向右滑动页面时居然找到了这个操作,这让我觉得我用这个程序时好像是个白痴。
痛点#4:搜索
用户通过搜索功能可以发现一些新的内容,不过现在的展现形式让这个操作变的有些挑战性。
当我打开搜索时,我只是想找点新鲜的新闻。但是搜索页面总是推荐些体育类型的新闻,这些话题我并不感兴趣。
痛点#5:通知
用户每天都会收到非常多的通知,这让他们无法实时的获得他们关注的新闻更新内容。
我希望我只会收到新闻更新的提醒,而不是其他app的通知。
痛点#6:收藏
有位用户收藏了很多的文章,以待闲暇时阅读,但是当他想要再阅读这篇文章的时候,却有可能需要翻遍整个收藏夹才能找到。
真希望这儿能有个搜索栏,让我别再找那么久了
痛点#7:个性化
测试者们表示,他们希望有更多的个性化选项,例如改变字体和主题。
我比较喜欢在晚上阅读,所以我希望能出个夜间模式。
概念解决方案
在问题定义和痛点分析后,我开始着手准备解决这些问题。
优化机会点
首轮机会点分析这些机会点可以帮助我进行头脑风暴,并且得到意想不到的灵感。
流程图
在我绘制原型前,我先画了一个流程图,解释这些新的设计时怎么相互关联的,用户又是怎么去找到它们的。
手绘原型
当我想到一个好点子时,我会想要继续在这个方向探索下去,并用草图画出来。
根据我得到的细致反馈,我决定用高保真原型完成它们。
原型
解决痛点#1:为你推荐
解决方案
1.导航:通过添加热门频道&话题帮助用户减少浏览成本,找到他们想看的话题和媒体机构,让用户更专注于阅读内容本身。
2.探索:如果用户想要在feed流中添加更多的频道或话题,可以点击右上角的探索按钮获取。
3.重新设计不感兴趣功能:之前的不感兴趣功能并不能清楚的了解用户为什么不喜欢这篇文章,这样也就无法为用户过滤掉类似文章的分发。重新设计后,我们可以真正为用户推送他们感兴趣的内容。
4.暂不关注:在访谈时,两个参与者表示,他们有时会不太想看到某些话题的内容推送,但是不代表会一直对这些话题不感兴趣。所以,这就是我为什么设计“暂不关注”功能的原因,这样可以在一定时间段内不受这些话题的干扰,直到用户想要再开启这些话题。
解决痛点#2:我的订阅
解决方案
1.增加搜索栏:用户能快速找到他们想看的内容,他们可以直接把这些话题和栏目添加到他的订阅列表里。
2.分类:为了避免用户直接跳过这些步骤,我想让这个功能出现得尽可能的自然、便捷。于是,我把新闻出版机构和话题合并成两个类别——频道&话题——这样也更直观。
痛点#3:多余的操作
解决方案
1.新手引导:对于新用户,我设计了一些新手引导来告诉他们app内的交互操作。有一个测试者说,她在使用这个app时感到力不从心,我想要尽量避免这些情况发生。
解决痛点#4:搜索
解决方案
1.更多探索内容:目前的搜索页面并不能引导用户去浏览更多内容,有一位测试者说,这个页面看起来并不吸引人。所以在重设计中,我增加了一个引导模块,用户在搜索时能看到更多热门的话题,最后,我在这个话题上增加了一些配图,增强了视觉吸引力。
解决痛点#5:通知
解决方案
1.通知:用户得到通知时,他们一般会在手机的锁屏上看一下通知标题。不过,消息一般是连续的推送,这样很难使用户持续的保持注意力。所以我在app内增加一个‘通知’页面,用户可以在这里看到他们的通知、分享的文章和浏览历史,这样的设计可以极大的减少操作成本。
解决痛点#6:保存
解决方案
1.搜索:通过添加搜索栏,用户可以快速查找他们收藏的文章。
2.时间:通过这个设计,用户可以通过他们保存的时间去快速定位到收藏的文章。
解决痛点#7:个性化
解决方案
1.字体设置:除了添加用户所说的字体大小外,还增加了字体的字形、字重、颜色选项。
2.主题:为了提升体验,更加定制化、个性化,我增加了一个夜间模式和一个棕色主题供用户选择,这样无论在什么环境下都可以有一个良好的阅读体验。
小小彩蛋✨
在设计的最后,我一直在考虑一个测试者所提到的建议:
我想在不打开其他app的情况下,了解天气的变化。
用户常常会去了解一些有关天气的新闻,我觉得在页面中增加天气信息是一个不错的细节,我也想看看用户对这个功能会有什么感受。经过重设计后,用户点击这个按钮,就可以了解到全天的天气变化。
我将上述的设计制作成了一个高保真原型以便进行可用性测试,你也可以点击下面的链接进行体验:
In Vision 原型(译者注:此处需科学上网)
验证
我选择了5位年龄23-35岁的用户进行测试
为了验证重设计的可用性,我需要他们在app内完成几个主要的任务
认可度
需要改进的地方
建议
- 天气icon需要更加易懂。
- 测试者建议可以将字体颜色操作替换为高亮标记或者查找关键词。
- 分析评估分享页面的活跃度。
- 增加一个可以选择接受哪些新闻媒体的推送的功能。
优化
我分析了这些建议和用户测试中发现的不足之处,决定进行一次优化设计。为了收集更多的反馈,我同其他五位测试者再次进行了可用性测试。
天气图标🌧
在之前的重设计版本中,天气icon跟目前app内的icon非常相似。然而,当我添加了天气功能后,用户并不清楚这个icon是可点击的。
所以,我重新设计了这个icon使它变的更清晰,我一共做了三个版本,然后...
5/5的用户更喜欢第三版,因为他们可以清楚的知道当前的天气情况,并且知道这个按钮可以点击。
阅读以及通知操作📖🛎
查找:根据之前的反馈,我将字体颜色操作改为查找,这样用户可以非常容易的找到这篇文章的关键字。
通知:我在之前的通知设置中增加了一个功能,用户可以在这里管理他们关注的频道,只接收他们想要的更新提醒。
总结
通过这次重设计,我感到任何设计决策都必须以用户为中心。哪怕只是添加了一个小小的搜索功能对可用性的影响都非常大。
欢迎留下你的评论及建议。或者你也可以邮件我sallychenzhen@gmail.com。我非常乐意与其他设计师一起交流。
我的LinkedIn主页
感谢阅读!
__
翻译:炸毛的兔子Elina
网友评论