该项目是Stavan和Irene Prereyra女士（位于布鲁克林的设计工作室Anton＆Irene的共同创始人），他的导师，一起进行的为期9周的用户体验设计策略课程模块的一部分。
此项目是一个由3名学生组成的团队（我，Pedro Bare 和Annabelle Frohn），“我”的任务主要集中在产品形态分析、信息架构、功能和特征矩阵以及线框图的一些部分。
项目简介
在课程的第二周开始时，我们获得了有关“孤独星球——旅游平台”的简介，还有任务卡，主要包括每个组员的任务、产品目标受众和用户痛点。并且，为了引导我们完成此过程，老师要求我们从产品形态分析、用户研究、构思到概念形成、竞品分析，功能和特征矩阵、网站地图、用户流和线框图制作。
01
设计挑战
我们面临的挑战是提出一个数字解决方案，该解决方案可以作为孤独星球出版物和网站的附属品，以帮助旅行者找到住宿、餐厅、景点等。如果我们在此期间发现任何其他用户痛点，我们的用户访谈和解决方案也可以基于此。
02
产品形态分析
我们从孤独星球产品形态分析开始。我们想确定用户在旅行的哪个阶段是如何使用孤独星球的。
因此，我们列出了6个不同的“ WH”问题（Who, Why, What, Where, How and When），并采用了以用户为中心的设计模型和Genius模型的混合方法对它们进行优先级排序。
当我们从“Who”开始时，从简介中我们发现孤独星球的内容主要分为 两种类型的目标受众：
1.年龄在 18至24岁之间的背包客，他们与朋友以非常低的预算旅行超过3个月，并且大部分时间都将智能手机作为其 唯一 的数字设备。
2. 年龄大约在 24至35岁之间的酒店公寓型游客，他们仅用中等预算，大概旅行不到一个月，并且会携带一些智能产品设备，例如智能手机，iPad和Kindle等。
正如我上面提到的，我们通过将用户保持在中心进行产品形态设计，考虑他们为何旅行的一些原因，并将其围绕“Who”这个圈。接着，我们思考了他们在旅行时会做什么，也就是what，然后（特别是对于这个“Why”和“What”问题，我们使用了Genius模型，在这个模型中，我们相信我们的直觉可以解释他们打算去该目的地旅行的原因以及这些旅行者在旅行的三个不同阶段所进行的活动。）再接着，我们寻找了可以找到一些有用的信息来支持他们的任务的平台。然后根据简介，我们确定了他们是如何在一些随身携带的附属设备（比如ipad，mac电脑，或者手机）上找到信息的，并将所有这些元素与旅行阶段合并为“When”。
绘制孤独星球的产品形态
孤独星球产品形态分析
| 从此分析中，我们得到了关键的洞察点：在旅行前和旅行后的阶段，孤独星球的很多功能被很多游客所被使用，但是在旅行期间，只有很少一部分的功能被使用。 |
03
用户研究
为了获得一些有价值的用户研究见解，我们开始与真正适合我们目标受众的实际旅行者进行交谈。我们去了巴塞罗那的不同的旅馆，并通过询问12位不同的旅行者进行了定性研究，其中包括一些开放式问题，例如：
- 他们为什么要旅行？
- 他们在旅行时会进行哪些活动，以及是如何决定的？
- 他们在旅行中遇到了什么样的阻碍？是如何克服障碍的？
- 还有其他一些普通的问题...
结束采访后，我们发现其中大多数的旅行者，特别是背包客，都在计划旅行时发现了问题。他们告诉我们，“他们需要通过不同的网站浏览许多不同的博客来计划旅程。而且，他们不信任任何随意撰写的旅行博客”。“他们中的大多数人都是浏览知名的旅游博主或依靠朋友的推荐，且他们通常不喜欢阅读整个博客，因为他们不得不阅读大量的博客以计划旅行。”
用户访谈摘要
04
Ideation
这就是 想法 产生的时候！在产品形态分析过程中，我们已经查看过孤独星球的现有的功能，尤其是孤独星球的Trips应用程序。我们可以通过博客的形式获得不同旅行者撰写的不同的故事，通过这些博客可以找到他们曾经去过的地方。但是，这些博客大多数都是随意撰写的，而且很长，却在feed页中显示为“推荐”。因此，我们决定，如果让我们重新设计这个应用程序的内容，应该推荐对旅行者有用的，而不是每次都让他们浏览整个博客。
idea和one liner制作的应用程序
05
构思和概念形成
最后，我们找到了项目的痛点。我们坐在一起开始头脑风暴，以找出更好的方式向用户提供实际有用的内容。经过1.5小时的头脑风暴和讨论，我们团队一致同意：向用户提供单个可以被标记的地图，他们可以只在地图上标出位置，并为该位置添加一些照片和描述，以及添加不同的标签，而不是撰写整个博客。另一方面，规划旅行的人可以搜索并关注他们信任的其他旅行者。这样，在他们的个人feed页上就可以看到他们关注的人上传的标记帖子，并将这些标记添加到他们的地图中进行访问，这很好地解决了他们搜索相关旅游规划推荐的需求。
我们分析了我们的产品形态，关注了用户与移动应用程序进行交互方面的行为，以及他们通常如何寻找推荐。在此基础上，我们创建了四个不同的用户画像，其中两个代表旅行者（寻找信息），另外两个代表推荐者（分享信息）。
映射访谈中的见解到创建的用户画像
映射用户画像
用户画像
旅行者画像I
旅行者画像II
博主画像I
博主画像II
06
特征和功能矩阵
为了更好地理解我们重新设计的应用程序并考虑到MVP，我们决定使用3个主要参数（用户价值、业务价值和技术价值）创建一个包含所有特征和功能的矩阵，并根据每个特征相对于这3个参数的值对它们进行了评级。
| 用户价值：此参数说明该功能对用户的重要性。<br>业务价值：此参数说明功能对业务的重要性。<br>技术价值：此参数说明开发特定功能的难易程度。 |
在四个象限中映射和组织特征
i）必不可少的——高优先级 ii）高优先级——潜在需求iii）潜在需求——低优先级iv）低优先级——基本的
特征和功能矩阵（基于用户价值、业务价值、技术价值）
07
卡片分类练习
在确定了我们将要提供的功能之后， 我们尝试对这些功能进行分类，并要求参与者进行封闭式卡片分类练习，以便我们能够正确地理解他们的想法和行为。我们向参与者提供了一些预先确定的类别，以对我们在应用程序中提供的功能进行分类。在完成所有练习之后，我们测量了特定类别中功能的频率，这有助于我们创建网站地图。
卡分类结果
08
信息架构
根据卡片分类的结果，我们创建了网站地图。正如我提到的，导航菜单的类别定义非常明确。我们尝试以适当的导航方式对其进行排列，以为我们的应用创建一个强大的导航结构。
Trips的审核
重新设计的应用程序的网站地图
可以清楚地看到，我们创建了一个非常简单的导航菜单，只有五个选项卡，且这些菜单均处于二级导航级别。而这一设计灵感来自孤独星球应用程序。
09
MVP
我们决定在MVP中选择一些高用户价值和低技术价值的功能，这样，我们就可以在开发其他复杂功能的过程中避免浪费大量时间向用户展示一些不必要的内容。
MPV功能列表
版本2和版本3的功能
10
草图和线框
根据以上内容，我们开始为应用程序设计草图。在讨论了草图中的所有想法和布局后，我们创建了第一个低保真度线框图。
应用程序的初始草图
我们准备了这些草图的静态原型，并请我们周围的人（设计师）在该原型上执行一些任务。而且还要求教职人员对该原型执行相同的任务，并收集他们的反馈意见，改进了草图并创建了线框。
封闭式线框I
封闭式线框II
接着，我们创建了第二个版本的封闭式线框。这次创建之后，我们寻找用户，观察了他们在分配给他们的任务上所做的事情。他们在面对执行任务的问题时向我们提出了一些疑问，我们在此基础上创建了线框的最终版本并对其进行了注释。
线框I
线框II
带注释的线框示例
11
下一步是视觉化
该项目的下一个阶段是进行 视觉设计，并创建最终的可点击原型，然后再次对该原型执行 用户测试。
12
问题和挑战
团队中的每个人都非常努力，因此在一起工作时，我们并没有遇到我们中的任何一个人不工作的问题。但是，由于我们所有人都有设计背景，因此在进行这个项目时存在很多意见分歧。我们激烈争辩，结束争辩，做出决定并努力工作。所有这些事情都是循环的，但是，它帮助我们在缺乏的技能上互相提升，并最终在课堂上进行了精彩的presentations。
坦白说，在短短8周内完成整个过程非常困难，但是，我们并没有降低工作质量，而是尽了全力。
原文链接：
作者：Stavan Himal
译者：设计小菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
我 们
服务.体验.交互设计传道者
公众号
「yizhizhaojun」
一只朝菌设计学园
联络微信
平菇老师
「zhaojundesign」
「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办，致力于创造卓越的设计知识学习课堂，专注交互设计、用户体验设计、服务设计领域的专业知识教育。
教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校，以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。
清华大学有训曰：行胜于言。「一只朝菌」谨承母校百年教诲，时刻铭记师者之责，为好学者传道授业，为有志者掌灯引行。