案例研究：Desti -通勤者的通勤警报应用程序 -用户体验案例研究项目！文末有福利

About:

Case Study

UI Design UX Design 

Article：2022/03/17

该案例是针对菲律宾地区通勤者有关交通服务的一个App设计范例。

 项目目标

1）创建一个移动应用程序，帮助通勤者不会错过他们的站点

2）创建一种更简单的通勤目的地搜索方式

3）提高通勤者在通勤时对周围环境的警觉性

设计团队希望确保工作和设计决策得到研究和对用户需求、目标和痛点的理解的有力支持。

 理论研究

为了进一步加深对问题空间的理解，我们在二次研究的基础上进行了case study。团队专注于该国公共交通系统的现状、该国常见的公共交通类型以及通勤旅行如何导致通勤者睡眠不足的问题。

我们来看看：菲律宾目前的公共交通系统状况如何？

一直有人呼吁改善菲律宾的公共交通系统。任何面临马尼拉大都会和该国任何其他城市日常通勤的人都不会对长时间的交通和不可预测性感到陌生，无论通勤者是否会及时到达目的地。由于过去十年经济和人口的高速增长，马尼拉大都会等城市经历了严重的交通拥堵。通过更简单、更公平、更有效的税收政策改革方式来资助对高速公路、空中交通、捷运和公共汽车系统的更多投资，可能是解决这一问题的重要一步。

当前的公共交通系统如何影响通勤者的睡眠条件？

设计团队了解到，通勤者变得困倦是因为他们需要早起并且经常睡眠不足。他们需要准备足够的工作和就寝时间以获得充足的睡眠，但交通拥堵使通勤者无法准时到达他们想要的目的地。

通勤者每天都面临着不得不从一个目的地通勤到另一个目的地的斗争，因为他们牺牲了睡眠和精力，只是为了排队等候下一班火车。睡眠不足会导致疲劳，使通勤者容易出现头痛、头晕和肌肉无力。在漫长的工作日和通勤后，人们也可能因为太累而无法进行体育锻炼。

睡眠不足会导致生产力下降，因为一个人无法专注于他或她的任务。

有时间压力感的通勤者每天都有上班或参加重要会议迟到的风险，这会导致压力。

由于公共交通和城市基础设施有限，它影响了每天通勤的菲律宾通勤者的日常生活。

 竞品分析

在对菲律宾的公共交通状况及其对通勤者的影响进行案头研究后，设计团队进行了竞争分析，开始研究试图解决问题空间的不同公司、应用程序和服务——Grab、Angkas 、Sakay.PH、ikotMNL、Waze 和谷歌地图。他们还对每家公司进行了分类，以确定它们是直接竞争对手还是间接竞争对手。

直接竞争者是问题空间内的竞争者，而间接竞争者不是直接相关的。然后，团队确定了通勤者使用的流行交通和导航应用程序的核心功能，例如预订乘车、查看计算票价和预计到达时间、预测交通状况等等。此外，进行竞争对手分析使团队对已经完成的工作以及在解决问题空间中仍然可以做的事情有了一个概览。

 筛选调查

为了更好地了解菲律宾通勤者在该国公共交通系统中的体验，团队通过 Google 表单进行了筛选调查。该调查混合了定性和定量问题，使他们能够从参与者的人口统计数据、首选应用程序或平台以及该国当前公共交通系统的整体通勤体验等方面获得insights。

调查结果表明，大多数参与者在covid之前和期间经常通勤

调查结果表明，吉普车、公共汽车、MRT/LRT 火车和出租车是用户最常用的公共交通工具

通勤者关于他们为什么通勤的说辞：

“我通勤是因为它方便而且不太贵（节省开支）”

“为了早点上学回家”

“我通勤是为了办事或和朋友出去玩”

“我通勤是为了去办公室和参加会议”

通勤者引述他们错过站点的原因：

“是的，很多次错过，因为在去目的地的路上睡着了”

“有时我因为太忙于使用手机而错过了停靠点。”

“是的，因为我对这个地方不熟悉。”

这些说法使设计团队能够了解和确定用户在通勤途中错过停靠点的原因。

 用户访谈

在确定了目标用户群并从筛选调查中收集数据后，设计团队邀请他们参加用户访谈，以进一步了解他们在通勤体验方面的需求和痛点。在对参与者进行调查和访谈后，团队分析并综合了我们的发现，以更好地制定问题陈述。

 亲和图（affinity diagram）

亲和图包含从筛选调查和用户访谈中收集的数据和见解

为了制定问题陈述，团队创建了一个关联图来集体分析用户的需求、目标、动机和痛点。在图表中，团队通过为案例研究中的每个参与者设置颜色来组织数据，从而能够更深入地理解提取出的关键点。

 HMW

-帮助团队确定解决用户问题的方法的 HMW 问题

根据亲和图，团队列出了可能与用户问题产生共鸣的 HMW 问题。我们发现了共同的痛点、挫折、动机和需求。这些发现帮助我们开发了 HMW 问题，以更好地确定解决用户问题的方法。

例如，团队能够从用户那里发现的一个主要挫折是他们错过了他们的站点，因为他们不知道具体在哪里下车。团队提出了一个问题：“我们如何帮助用户轻松区分他们的下车点？”。根据这个问题，团队提出了一个解决方案，可以帮助用户在前往目的地时轻松查看最近的地标或有效的下车点。通过这种方式，通勤者可以确定他们应该在哪里下车。

 用户画像（Persona）

用户画像基于团队在用户访谈中发现的见解和亲和力图制作。

这种方法使团队能够创建两个由学生和工作人员组成的细分用户群体。团队列出了每个用户角色的用户目标、需求、痛点、通勤因素的重要性，以及他们喜欢的通勤或导航应用程序。这有助于设计团队形成有价值的见解并与用户建立同理心，从而推动更好的设计决策。

 用户旅程地图（User Journey Map)

（使用Figma 制作的客户旅程地图）

然后，团队根据最能代表案例研究的目标用户的一个用户角色创建了一个客户旅程地图。用户旅程地图的目的是为团队提供关于通勤者旅程和体验的视觉指南。通过该地图，团队能够确定客户旅程的不同阶段：感知（aware）、探索（explore）、通勤（commute）、感到沮丧（frustrated）、转移（transfer）和到达（arrival）。 

我团队还列出了这些不同阶段的用户目标（goal）、接触点（touch points）、渠道(channels)、流程(process)和体验(experience)。 

 头脑风暴（Brainstorm）

（在 Figma 中进行的未来想法头脑风暴会议）

在头脑风暴阶段，团队将上面基于亲和图的卡片组合在一起，并按其特定类别对它们进行分组。这种方法使团队能够收集该产品的可能功能。

 影响力矩阵（impact-effort matrix)

（Figma 制作的影响力矩阵）

在头脑风暴阶段整理出卡片后，团队创建了一个影响力矩阵，这是一种决策工具，可帮助团队根据影响力和所需工作量来评估功能的优先级。 影响-努力矩阵分为四个象限，代表四个类别：高影响/低努力、高努力/高影响、低影响/低努力和高努力/低影响。通过这个，设计团队能够确定哪些功能最有利于提升用户体验。

 卡片分类（card sorting）

设计团队与我们的一位用户进行了卡片分类会议，以帮助评估功能的结构。设计团队准备了四个类别选项：地图、通勤规划、用户资料和保存位置。用户的任务是整理右侧的粉红色卡片，并将它们放在他认为最适合的类别中。

这种方法让设计团队更好地理解了如何根据用户的需求和偏好对想法进行分类。

 站点地图创建（site-map）

 草图（sketch）

在创建线框图之前，设计团队先在纸上草绘出初始设计。

 线框（wireframe）

完成草图后，设计团队为应用程序的布局和设计创建了低保真线框。该线框包含描绘特征流程的主要界面。 

团队使用 Figma 的线框图工具来构建应用程序的布局和结构。

 品牌和视觉设计（visual design)

样机

该模型展示了应用程序的主要功能，即登录、注册、地图、历史记录、保存的位置、通知和预定通勤。设计团队决定使用易于理解的鲜艳颜色和图标，以便用户轻松浏览应用程序。

 品牌推广

对于设计的品牌化，设计团队研究了颜色如何影响用户使用应用程序的体验。使用明亮的粉红色和紫色，可以让用户感觉更有活力和创造力，并添加了一种互补色——橙色和柔和的颜色——黑色和白色来平衡色彩系统。

 用户测试

（与用户在 Figma 中完成用户测试）

为了进一步提高用户使用我们应用程序的体验，设计团队进行了用户测试，以测试用户的使用流程。团队以此获得关于进一步改进产品设计的反馈和评论。

 总结  

这个案例研究最初是一个白板设计挑战。整个设计流程采用design thinking模型指导下的设计流程和思路，遵循以用户为中心的设计方法，通过敏捷开发的方式，最终产品实现了不错的用户体验。

以上就是我们今天分享的案例内容

感谢阅读：）

项目参与设计师：Nathan Santos

个人主页：https://medium.com/@nateesantos

福利时刻

扫码添加小助手微信

领取同款及更多模板素材：

亲和图(affinity diagram)＆用户旅程地图(User journey map)

模板(sketch文件)~

加入社群，解锁更多惊喜！

往期推荐 | READ MORE

案例研究：设计直观和创新的送餐应用程序！文末有福利

设计师必看！2022最值得关注的十大UX设计趋势＆行业大佬的忠言（文末有福利喔）

一起进行交互设计「星际之旅」？从设计思维理论开始！

文字丨CMU设计学姐

编辑丨Jelly

如果觉得我们做的还不错点个赞和在看吧！：）