你有没有遇到过与朋友一起付款时产生的难题？
你曾经忘记付钱给你的朋友吗?
或者他们忘了付你钱?
你有没有遇到过和朋友没有相同的支付平台的问题?
如果你曾经有过类似的问题，
你可能会喜欢我的想法！
1项目总结
这是一个在ironhack参加UX/UI设计训练营时完成的个人项目。参加活动的目的是实践和发展自己成为UX/UI领域的专业人士。
为了开发我的项目，我遵循了设计思维方法，它帮助我一步一步地去实现一个好的最终解决方案。
简报: 在现有的应用程序中添加一个功能项目
总工期: 4天
我对项目的时间安排
第1天:访谈，应用程序竞争对手的启发式分析
第2天:亲和图，移情图，用户特性
第3天:测试、纸上原型、迭代
第4天:更多的草图，更多的测试，更多的迭代，更清晰的原型
2最初的想法
在WHATSAPP中添加向好友支付的功能
用户研究
亲和力图和移情图
带着这个想法，我开始了用户调查。
根据朋友间的支付问题和他们使用的支付平台问题进行个人访谈。
12次面试后，我得到了很多不同的意见和不同的情况。但所有人都觉得有存在因人们的遗忘所引起的不舒服的时刻，那就是关于还款的问题。
这是我的用户研究的便利贴贴图模式，帮助我组织他们给的输入，这是一个调用关系图，是一个非常有用的工具。便利贴也有可能成为你最好的朋友
为什么人们会忘记还款？
我可以告诉你一些原因。
第一个原因是与不同的平台做支付的不方便,这使得人们推迟很多。现金支付不准确,银行转账是乏味的(你需要银行号码和进入你的帐户，做一个正式的转账),然后他们有不同的数字钱包,这些数字钱包有些人会去使用，但通常他们不是使用相同的数字钱包。所有这一切使人们推迟付款并忘记它。
第二个原因是他们没有提醒，是的…欠他们钱的人可能会问他们，但他们会感到不舒服。
通过总结和划分问题来继续我的研究，这样我就可以从移情图中创建完美的角色(这个角色可以反映主要痛点并帮助我更好地关注要解决的问题的用户)。
用户角色
现在我向大家介绍卡拉，“她是她的朋友圈的项目经理”。
我相信你们一定认识像她这样的人，或者你们也喜欢她。她是一个总是采取主动，当活动组织者，与他的朋友计划活动的人。
3新界面的形成
我的朋友卡拉，她作为活动组织者需要提醒朋友们付款和支付。
因为我想把这个功能作为一个重要的选项，所以我的想法是把它放在主界面上，但为了确保万无一失，我首先测试了它，看看用户的反应(期望和感受)。所以我很快在导航栏中创建了一个付费选项的主屏幕，开始询问:
正如你所看到的，我禁止了顶部导航中的相机动作(因为它已经包含在所有的选项卡中)我增加了一个新标签，叫 Pay。
我想取消“状态栏”，因为我问了20个人关于这个功能，没有人使用这个功能。
从第一次测试我得到了非常好的答案，他们都希望找到一个界面，在那里可以向朋友支付，设置金额，分摊付款。
同时，我们也很高兴在whatsapp中集成了类似的功能。我在测试中的使用的喜欢的程度。
您还可以检测到我在与Pay特性相关的聊天中提出的新通知符号，以了解谁在等待支付。
考虑到这一切，我开始在纸上模拟支付界面，并与一些用户测试它。
从纸上的原型到最终的高保真原型，你可以看到其中一些是用西班牙语写的，因为我的证词是用西班牙人写的。
从我的第一个想法开始，我提议在屏幕上显示WhatsApp支付钱包里的余额，在它下面有两个标签，分别显示待付款和历史。
在FAB按钮中，我可以快速地进行新的支付、请求支付方式、进行分组支付和向钱包中添加支付方式。(通过查看其他支付应用程序，如verse，我发现这个操作运行得很好)。
第一次测试
但是,当我第一次测试时,我要求用户做一个新的付款,他们中的一些人去使用大数量的balanse，而不是去FAB按钮,这和我预想的是一致的。所以我决定改变图标，使它更直观。(我还认为，纸上没有颜色的事实，导致界面的设置没有正确地调用用户使用积极性)。
第二次测试
当测试第二次时，用户现在正在使用的FAB按钮,但是现在他们想知道如何看到这些钱是由谁支付给他们的,所以我的标签和箭不是很直观。
接下来的测试
所以我决定把新设计(第三次测试)现在直接画在草图上。(第四次测试)和(第五次测试)的下一个变化，是我做出的关于视觉感知和WhatsApp指南的决定，因为用户非常关注WhatsApp的外观，我们需要明白保持外观和感觉的重要性。
4最后的原型
这是关于支付界面的最终建议:
我关于WhatsApp支付的建议
因为我也想增加在聊天中，创建支付的可能性，所以我测试了一些用户，他们都尝试去做这三个点，所以我决定依靠用户的期望来让他们的工作更容易。
现在我想向大家展示一下卡拉是如何在“劳拉的生日”群中轻松创建新支付的流程，因为她想给她的朋友买礼物。
卡拉在群聊中组织了一次付款
卡拉检查群聊的付款情况
也在检查支付选项的付款情况
这是卡拉创建新支付的两种方法之一，因为她也可以进入“支付”选项卡，通过FAB按钮完成。像在这里:
您还可以看到我在聊天中添加的一个新图标(左上角的支付图标)，我建议只在聊天中有未付款时显示它。
未来要添加的东西
我考虑了很多行动，但没有更多的时间来发展成以下的目标:
发送通知给朋友。
如何标记为已支付，如果朋友是通过现金，转账或其他应用程序支付。
如何在支付设置中配置银行账户(添加和删除账户)。
付款人如何管理群组的付款问题。
重新设计一些图形方面作为检查表(我想有更多的时间来开发这个屏幕)
你想试试吗?
如果您想尝试这个特性，我创建了invision原型，您可以在其中进行第一次测试，测试如何在组内创建支付，然后在支付屏幕内导航。
准备好与你的朋友创建新的支付吗?
嘿，WhatsApp，你喜欢我的想法吗?:)
谢谢阅读我的文章!
原文：查看链接 ↗
作者：Ana Sanchis Cabanas
译者：益生菌菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
我们
服务.体验.交互设计传道者
「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办，致力于创造卓越的设计知识学习课堂，专注交互设计、用户体验设计、服务设计领域的专业知识教育。
教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校，以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。
清华大学有训曰：行胜于言。「一只朝菌」谨承母校百年教诲，时刻铭记师者之责，为好学者传道授业，为有志者掌灯引行。