

这个一个设计儿童读物网站的用户体验案例研究,其重点是策划、陈述和虚拟图书管家。
时间线
2周,4人团队
我的分工
用户和竞品调研、用户体验设计、人机界面设计、品牌策划、动作设计、用户流程分析、任务分析、信息架构、原型设计以及最终展示内容。
最终的产出
1个网站原型,1个客户端演示
01
案例研究总结
我们做了什么
墨尔本一家名为Readings的书店找到了我们,他们想要扩大他们的以儿童图书为重点的在线服务规模。在这个项目结束时,我们:
1. 发现了重要的研究结论,并就如何扩大客户在儿童图书领域的业务规模提出了建议。
2. 对客户的品牌进行了重新定位,让他们能够更好地吸引新的目标受众,同时保持旧目标受众对他们品牌的熟悉度。
3. 为他们新的市场重点(Readings KIDS)设计一个完全可交互的网站。
我们是怎么做的
在这个项目中,我们以双钻模型作为我们主要的工作流程。

双钻模型
由于新冠疫情的隔离,我们不得不远程进行整个设计过程。为了弥补减少的用户调研,我们决定进行更多的桌面调研,同时也在这一过程中使用远程工具。通过竞品分析、大量的线上用户访谈和品牌研讨会,我们还是收集到了很多有用的发现,这些发现为我们的网站设计提供了参考。
最终的成果
我们为Readings设计了新的儿童图书网站和产品策略,让他们开启进入在线儿童图书市场的大门。

Readings KIDS | 一个精心策划的、有趣的体验,让你仿佛就在实体店内购物一样
02
我们是怎么做到的?
往下滑动,你就能看到我们这个4人团队是如何在足不出户的情况下完成这一切的↓
03
序言
我们的主人公——Readings
如果你来自澳洲,那你有可能会听说过Readings。Readings书店成立于1969年,是墨尔本历史最悠久、人们最熟悉的书店之一。他们的经营模式一直是为人们提供一流的客户服务,合理的价格和“保持本土化”让他们拥有强大的社区影响力。

问题
Readings希望通过将网上购物的便利性也扩展到他们的儿童图书上来为当地的人们提供更多服务。
然而,作为当地的社区书店,Readings正面临着来自Amazon和Booktopia等大型在线图书零售商的激烈竞争。因此,他们不通过价格来竞争,而是考虑用他们最擅长的东西,即高度精选的书库,注重精挑细选的书籍质量而不是数量。
| _“我们希望给读者一种品质感。我们不在价格上竞争,而是在客户从其他在线零售商哪里买不到的东西上竞争:为孩子们和他们阅读的东西考虑。”_ |
了解了问题之后,那我们就开始吧。

04
Chapter 1 | 发现与调研
我们决定先通过分析他们现有的品牌和网站来熟悉Readings。为了细分,我们将第一部分为三个小节:
4个重点
1. 当前品牌分析和商业研究
当我们想根据他们本身和他们的客户来认识Readings。我们查看了他们的“关于”页面、关于Readings的文章,甚至还看了旅游指南网站上的顾客评论。
2. 任务分析和客户在目前的Readings网站上的用户旅程
目前Readings的网站功能如何?结账流程是否简单?有没有之前提到的精心策划的书库?

儿童读物板块 | 不觉得它有些冗长吗?
3. 竞争分析
还有谁像Readings一样在做这些事情?他们是怎么做的?做得好吗?
4. 利用我们的假设来定义访谈范围
我们将我们的假设分主题整理成一张图,帮助我们确定问题优先级。

从成功者身上学习
我们知道最初的重点是给用户提供高质量的体验,而不是打价格战。于是,我们决定不只是着眼于其他竞争书店,也要看那些在为年轻人创造体验方面很有名气的企业,如迪士尼乐园、罗尔德达尔甚至宜家。

是什么让这些品牌获得成功?对此我们进行了头脑风暴
线上招募访谈者
居家隔离意味着我们不能实地采访顾客或工作人员。所以我们做了一个在线调查,询问人们在网上和实体店购书时的好坏情绪。
意料之中的是,新冠肺炎疫情实际上进一步推动了我们将现实体验带入到数字化体验的进程。许多人说,在室内呆了几个月后,他们很怀念在书店购物的体验,希望这种体验能够被转化到线上。
(此处为视频,请在原文中观看)
正因为如此,我们收到了很多有兴趣通过线上访谈来进行进一步研究的人的回复。最终我们进行了21次线上访谈和收到了70位购书者的调查问卷。
05
Chapter 2 | 综合

我们目前所了解到的情况(主要观点):
玩具是有时效性的,但学习是终生的。
将书作为礼物送给他人而不是选择送其他东西的主要动机是为了获得书籍所带来的长久的学习效果。因此,对用户来说,最好的书首先是那些具有教育意义的,然后是与孩子的年龄和兴趣相一致的书。
| “哪怕他们只是从这本书中得到一个收获、人生感悟或只是享受阅读,我都觉得这是一个很好的礼物。” |
儿童读物是有触觉的
人们更喜欢在实体书店里买书,因为他们可以直接与书籍接触,更好地了解书籍的纹理、颜色、大小、材料、内容、视觉这些物理特征。这一点很重要,因为有强烈的视觉效果和触感的儿童读物往往比较出色。
“打扰一下,我想找...”
在实体书店而不是网上购买的另一个重要原因是,人们非常依赖推荐作为开始阅读的指南。在网上,人们往往会不知所措,不知道从哪里开始,但在店里,会有友好的图书管理员Beth或分类货架的人来帮助你。
人性化我们的观点

利用同理心映射图来建立我们的用户画像
我们将我们的重要观点重新以第一人称进行表述,帮助我们确定我们用户画像的特征。然后根据他们的需求、收获、痛点和想要的东西,将这些陈述与同理心映射图放在一起。接下来我们要做的就是用这些“模块”来构建我们的用户画像。这让我们只花了平时建立用户画像所需的一半时间。
06
用户画像
认识一下Rebacca | 给孩子讲故事的父母
| “我希望我的孩子从小就能体验到阅读这个充满知识和想象力的世界。” |

当她给孩子买礼物时,她想要那些既有趣又有教育意义、还要有很高社会价值的书。她一般都是在最后一刻才买书,便捷性是她决定在哪里买书的一个重要因素。当涉及到儿童图书时,她认为能够实际触摸和感受书籍是很重要的,这可以帮助她决定是否购买这本书。简单地说就是——

07
用户画像
送礼物的舅舅
| _“我想送一份价值能保持很久的礼物,成为一个在别人看来与众不同的赠礼人。买一本完美的书送给孩子,对他们来说这会是一份完美的纪念品。”_ |
在给外甥女和侄子买礼物时,他们希望买到的礼物是值得纪念的、有用的,并且会成为家人的最爱。这类人更依赖于购书推荐,因为他们不知道如何下手。在买书时,他们也没有在店内购买或在网上购买的偏好,只要方便就行。
虽然我们会将重点放在我们的主要用户角色,但次要用户角色有助于提醒我们接下来需要考虑的重点项目。
08
Chapter 3 | 草图与构思

我们将问题陈述框放在在中心位置,将Rebacca的需求和价值观分成一个个小块放在周围。这有助于我们集中于解决用户实际需要解决的问题上。
那我们该如何...
- 帮助Rebacca找到适合她的孩子的既有教育意义又有趣的书籍;
- 构建一个精心策划的信息浏览体验,帮助Rebacca决定所选的书籍是否合适;
- 为像她一样忙碌的妈妈简化购书步骤。

利用MoSCoW了解首先需要解决的优先事项
设计内容
通过参考我们的调研和进行头脑风暴,我们确定了用来解决主要用户需求的MVP功能列表。
- 一个虚拟的图书管家,它可以根据购物者和孩子的特定喜好来为用户提供推荐和图书管理。
- 交互式的图书体验,让用户可以“随意翻看”图书,并更好地了解图书的实物。
- 用一个 高度可视化、便捷的用户流程 让用户完成购买。
- “图书试读”服务,为买家提供样书,让他们试读后再决定是否购买。
你的书是如何摆放的?
对书籍分类是很重要的。为此,我们进行了一个在线卡片分类练习,看看人们是怎么对事物进行分类的。这反过来又帮助了我们如何更好地构建网站和确定分类的文案。

用在线卡片分类练习来确定我们的分类
09
Chapter Finale | 原型设计与测试

纸质原型
规划完成后,是时候开始设计了。我们快速绘制了几个简单的线框图原型来验证基本的设计决策和网站结构的合理性。

早期测试结果
- “虚拟图书管家”这个功能非常成功,因为它给人的感觉非常个性化。它给了用户一个很好的开始,许多人对此表示赞赏。因为网上购物时人们可能会不知所措,甚至不知道从哪里开始寻找书籍。
- 有趣的是,在第一个调查问题中,大多数人都觉得要选择自己与孩子的关系很奇怪。(有些人说这会勾起复杂的家庭记忆)
- 这个流程简单、方便、快捷,用户只需三两下点击就可以购买书籍。
在UI元素和文案方面,我们收到了一些批评意见,但我们不能确定这是不是因为原型的保真度太低。但测试结果还是让我们松了一口气,因为这个测试阶段的目的只是为了测试网站的流程、结构和功能。
然后,我们对我们的设计进行了迭代,并制作了更高保真度的原型。这次我们的重点是测试设计/视觉元素和内容文案。

为了获得更好的测试结果,我们为我们的纸质原型制作了线框图
设计及品牌指南
为了寻找灵感,我们去了解了ReadingsKids的实体店,确定了我们应该沿用现有的品牌元素,因为它在社区里已经是有标志性的了。我们想要创造一些新的东西,但在与旧品牌形象保持一致的前提下更多的是一种延伸。这一阶段帮助我们选择色块、字体和其他UI元素。

情绪/灵感板
因为儿童是我们的最终用户,所以我们也知道网站需要有强烈的视觉语言。我们额外进行了几轮视觉研究,并综合成了一个情绪板。这有助于补充我们的设计和品牌推广。

10
介绍Readings KIDS
我们是如何做到的呢?
- 通过个性化的推荐和精心策划的搜索机制,帮助Rebacca和她的孩子们找到适合的、既有教育意义又有趣的儿童书籍
- 构建了一个精心策划和信息丰富的浏览体验,通过提供丰富的书籍描述(内容略读、产品维度、视频评论等)来帮助Rebacca判断所选的书是否合适。
- 为像Rebacca一样忙碌的妈妈简化了购书步骤,用最少的步骤创建了一个清晰、有序的购物流程。

书评图片来源:lifeandnumbers youtube
11
总结
我觉得这个项目在2周时间内完成比较困难,特别是在新冠肺炎疫情带来的额外压力下。但是,这绝对是一次宝贵的经历,让我学会了如何应对这些困难,在今后的许多情况下我学到的东西都会适用的。
我从这个项目中主要学到的:
1. 规划好时间来进行更多可用性测试。 即使是3-5次可用性测试,也足以发现设计中80%的潜在问题。
2. 尽早分工。 我们团队一起做了太多事情了,导致在项目接近尾声时出现了慌乱。如果在早期就确定和分配了工作量,我们肯定会做得好一些。
3. 如果有更多的时间,我很想把项目往不同的概念上进一步推进。也许它会是AR/VR书籍?也许它根本就不需要是一个网站?也许它会是一台图书自动售卖机? Oh,设计是一个永不止境的旅程,它让人享受其中。
-END-
相关阅读
用户体验设计案例研究 \| 一款帮助用户更健康地使用手机的APP

参考文章:
作者:Melvin Dinata
译者:太上老菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
在看点这里