本文为摘录翻译、本文正询问作者授权中。
原文作者为Katie Stakland，盐湖城UX设计师
原文首发于Medium：Improving Roommate Communication: a UX Case Study
首发日期：2018年2月12日
问题
室友这个问题越来越严重了。随着房租高涨、学生贷款利息增加、结婚年龄延后，更多年轻人选择和室友同住。事实上，根据Zillow对最近一次人口普查数据显示，54%的23-29岁的年轻人会和他人同住。
显然，选择同租的的好处多于坏处。但是有什么方法可以降低同居痛苦？有没有一个产品能增进同居室友之间的关系？
设计团队
我集合很有才华的团队来解决这个问题。包括另一位用户体验设计师，Imani，和两位iOS开发者，Andriy和Greg。Imani和我执行调研和设计工作。我们用三周时间来完成我们的工作。然后和开发者整合信息开展项目。
团队
调研
为了了解室友同居存在的问题，我列出了有关室友的想法，和有可能引起争吵的可能。
搜索
从互联网搜索年轻人和室友同居趋势上升的文章，发现：
- 大学同学不是唯一和室友同居的群体。很多在毕业后选择和同租来减轻经济压力。
- 找朋友做室友是部分人的选择。
- 市场上很少针对同居的产品，但是没有什么问题是解决不了的。
和用户交流
为了了解真实同租的情况，Imani和我在社交媒体上发放问卷。我们问用户他们同租时候遇到的最大的问题和三个痛点。同时，我们让受访者描述他们在家里如何处理冲突。
我们找到了三个主要痛点：
1、整洁度
2、交流
3、隐私
很多问卷反应他们都有尝试通过对话或写纸条来和对方沟通这些问题，但是经常得不到室友的积极的回应和改进。
调查问卷
我采访了在公寓同居的女生们，我希望发现她们究竟用了什么方法让同居的氛围那么和谐，我发现：
1. 她们找到了和室友舒适的方法，并且相互关心。
2.她们不在意各自私人空间的卫生。但会认为，维持公共卫生的室友是合格的室友。
3. 有的女生会认为自己不爱干净，但是考虑到室友的习惯，她们会主动保持公共空间的整洁。
采访笔记
基于之前的研究，我们创造了“Jacey”作为我们的用户画像。
用户画像
产品定义
满足Jaceys的需求是产品的目标。
Imani和我带领开发者们建立了一个用户行为旅程地图。同时，我们也定义了完成每个目标所需要的任务。我们制作了一个日历，来展示每天在家里发生的所有事。
用户旅程地图
我们假定Jacey是屋主，并能给室友安排任务去共同承担家庭责任。但用户除了屋主之外还有租客，租客能不能给室友安排任务？答案是否，这反而会阻碍了沟通。因此我们创造了第二个用户画像，Jacey的室友，Hannah。
第二用户画像
两种界面
为了达成Jacey和Hannah两个人的目标，产品需要满足屋主和租客。这意味着我们在产品中需要两种界面。例如，屋主需要有安排室友任务的功能，而租客需要查看任务，并标注是否已完成的功能。
我从房主和访客的角度建立Sitemap。并用Sitemap建立了产品流程。
sitemap初稿
产品建构
线框图
线框图做了8个版本后，我和Imani分享了我最满意的版本。我们讨论了产品的调性以及每种界面如何迎合这个调风格。经过编辑和修改后，我们提出了最好的设计版本。
线框图初稿
我们遇到的难处是，如何向用户重复提醒任务。
如果用户想在特定日子设置提醒，会是什么样子？我们如何让用户作出选择？
我们研究现有的日历应用是如何实现的。有些应用在这方面做得更好。我们通过按钮来选择这是否重复事件。通过两个下拉菜单来决定任务在什么时候、多久之间重复。
在这点上，我们用Sketch制作了一个低保真设计来呈现线框图的各种界面。然后我们将成果交给了iOS开发者。
线框图2.0
开发者的挑战
在日历的设计上，开发者提出了挑战。因为不够时间去落实项目中的每个功能。我接受了反馈并且根据不同的复杂程度设计了三个设计版本。作为一个团队，我们以首选的版本来实现，但同时要照顾好设计师和开发者的需求。
日历界面图
我们在家务清单上又遇到了绊脚石。在界面上出现了误解。经过大量讨论后，我们意识到Imani和我在如何做家务上又不同的心理模型分歧。我们通过绘画各自的心理模型来讨论相同和差异性。然后我们梳理出包含多种思维方式的简化模型。
不同心理模型
可用性测试
Imani将重新设计的部分整合到我们的线框图。在她重新设计的同时，我用卡片进行可用性测试。我将一般的卡片展开，将另一半卡片盖上。我们收到最多的反馈是“”用户的账户信息“”在哪里？我们最初设计放在主导航栏当中，但测试者们将这个信息放在“家庭信息”中。
卡片分类的笔记
基于这样的反馈，我们接受了将“账户信息”移到“家庭信息”板块的提议。但在下一步原型测试时，几乎没有一个用户能找到他们的个人信息，因此我们还是将这部分移回主导航栏。
视觉设计
我们将注意力转向品牌和建立设计系统。我们开始讨论我们产品的风格。自从我们致力于提高室友之间的交流，我们决定风格是清新和亲切的。
这有助于我们选择颜色。我们选择以绿色为主色调，以橙色为辅助色。我们在日历视图中再增加了三种颜色。我们将适合我们产品基调的图标添加到我们的设计系统当中。并非我们的一切东西都是现成的，我们还需要设计图标。Imani将线框图转化到高保真的设计当中。
设计系统的最初元素
我着手建立我们的产品品牌。为了提出产品名称，我列出了一系列和“室友”、“家”、“聊天”、“沟通”相关的词。我们跳过已经被使用了，或者不是唯一的产品名称。最后我们从4个名称——“Flattraq”“gabble”“Link”“Flatmate”中选。最终，我们选定Gabble。我们重新设计新图标，并且添加了我们的设计系统当中。
利用XD的好处之一，无需移到到新的工具就可以进行原型设计。因此，我和用户测试原型的同时，Imani能将页面变成高保真。通过测试，我们可以知道哪些视觉图从流程中丢失。我在爱编辑个人资料图片的页面增加了摄影入口，保存了反馈和账户注销的功能。
在这一点上，Imani努力为我们的产品上色，让一切变得更有趣。我们使用两级颜色和次级字体，来让我们的产品少一点商业气息。
高保真测试的样本
我们向开发提交了高保真版本的设计，然后支持他们的开发过程。
结论
最后，我们设计应用来帮助室友更好地沟通。随着合租房的上升趋势，这个产品必定有用武之地。让使用公共空间没有冲突！让室友在做家务的时候不再唠叨！家务事不再忘掉！
在这个项目中，我最重要学习到：
- 源自心理模型的不同的误解，可以通过画出每个人不同的心理模型来让彼此更好地相互理解。
- 高保真设计合作是很难的。XD是一个很好的解决方法，我们希望在方面继续探讨下去。
对于我们的产品，你有什么看法？将你的想法写在评论那，让我们知道吧！
网友评论