01
写在前面
自定义进度的学习意味着您可以按照自己的时间和情况进行学习。对于很多人来说这是一个提升他们技能、生活和事业的机会。 但是这种灵活性也会伴随着一些挑战，例如时间管理、缺乏互动、缺乏动力等。如何解决这些挑战呢？ 本案例描述了一个新的移动电子学习平台的设计过程，我花了一周的时间完成这些，包括开发研究、信息架构、交互、视觉设计和测试等。
下面来看看我的设计“成长”吧！
02
起点
这个新项目是为了推出一款可以随时随地学习的新产品。除了产品的功能和特点，还需要加入一些商业思维来增加盈利。 在这样一个竞争激烈的市场中。重要的是开发一款能够通过增加体验价值而在竞争中脱颖而出的产品，并吸引我们的用户使用此应用。在项目的起点，我们创造了一组用户原型来代表我们希望满足需求的市场用户。在这些原型中，我选择了Mathew来创建一些早期的设计假设。Mathew是一位39岁的网络自由职业者，他想学习制作Wordpress网站来提高自己的技能，以扩大他能提供的服务。注意，他是一名 iOS 用户。
他的主要目标是：
- 作为一名自由职业者，获得更多的独立性；
- 搬家后最终定居在梦想之城；
- 扩大他可以为潜在客户提供的服务。
他的主要痛点是：
- 由于没有稳定的收入来源，财务压力大；
- 他已经习惯于Squarespace和Wix此类为客户制作网站的工具如 ，在设计和功能方面缺乏灵活性；
- 除了编写一些自定义 CSS 之外，他以前没有编写过太多代码。
设计一个满足这些目标的应用程序需要了解人们的需求和行为，通过以用户为中心的过程完成设计。我们正在寻找的是开发能真正解决问题、满足用户需求的产品。
03
挖掘用户真正想解决的问题
虽然我们的用户原型提供了一些信息，但是充实这些信息、进行更加详细的研究对于建立和用户的同理心并了解他们的真实需求始终是必不可少的。我们的用户研究计划是进行调查和采访。根据调查，我们的主要目标是了解电子学习平台的用户，且：
- 了解用户对电子学习平台的偏好、态度和需求
- 过去体验中的用户行为
- 他们使用过哪些平台
该调查是通过Slack渠道、Facebook和Instagram等不同的在线平台进行。我从中收集了68 条回复，总结为以下数据及见解：
我们的研究摘要
有了这些广泛而量化的信息，我继续进行了8 次采访，这些采访与临时角色档案相匹配：
- 年龄在 29 - 45 岁之间
- 全职工作作为自由职业者/线上或者线上线下混合工作者/网上自由择业者
我采访了他们，以发现这个特定群体对电子学习应用程序的好恶：
- “你的学习目标是什么？”
- “你认为金钱会限制你选课的决定吗？”
- “参加在线课程的主要困难是什么？”
在分析和整理了所有信息之后，我发现了许多用于解决用户目标和痛点的许多可能的功能，并准备根据这些见解在应用程序设计上构思用户交互。
用户的主要目标和痛点
我们不仅要从用户的目标和问题出发，了解竞争激烈的电子学习市场也很重要。
04
电子学习市场和商机：竞争和比较分析
我对用户们比较熟悉的电子学习平台进行了调查和收集。分析的应用有Domestika、Coursera、LinkedIn Learning和Udemy。我们分析这些平台已经满足了用户的哪些功能，并根据我研究中的用户目标和问题要点，列出了该产品在市场上的优势和劣势。
来自竞争对手应用程序的特征分析
基于我们对用户认为学习中最有价值的功能的分析之后，我们可以得出一些结论，即我们有机会提供一些 网络功能，其中包括我们竞争对手已经提供的共同功能。
在这一点上，一些二次研究也有助于确定市场和竞争情景：_“人们对电子学习有巨大的需求，因为它可以根据一个人的学习和理解速度进行定制，它提供了各种工具来提高学习者的参与度。”—— Facts & Factors_
**“市场已经将平台分为线上和线下平台。其中，线上平台最受欢迎，因为它为学生探索课程提供了创新的解决方案。”**
**——IMARC 集团**
因此，在分析了竞争对手平台的参与度和一般用户流之后，我还发现了一个在我的应用程序上进行创新的机会，即为用户提供一个有趣的概念——同时处理应用程序的主要任务，例如自定义过滤器搜索课程的同时也可以在应用程序上标记进度。至于商业思维，我在启动阶段的模型基础上采用了现收现付的定价计划，以激励用户第一次尝试新平台，无需注册或每月付费。第一次购买后，用户将获得下一次购买的折扣，以保持其参与度。这将满足此应用的可行性收入目标。因此总而言之，这是我们解决用户痛点和目标并在竞争中脱颖而出的建议：
“成长”APP业务声明下面，我们会使用“用户画像”这一重要工具来根据业务本身的需求和目标对功能进行优先级排序。
05
为我们的用户设计
“用户画像”可以总结用户研究中的主要发现，且可以在设计过程中作为一个考察对他人的作用的参考点。还记得我们的用户原型Mathew吗？在初步的研究之后，我们对他进行了升级。
Mathew是应用程序用户的代表角色_“在疫情期间，我开始在线上学习。此时我才意识到，上课可以远程实现，而且课程的多样性要比以前多很多。在线学习让我有机会发展更多的新技能。”—— Mathew，自由职业_我们的用户画像Mathew39岁，是一位网络自由职业者，在世界各地他都可以开展工作。自从疫情发生，他旅行的脚步少了很多。但是这也似乎是一个机会，可以让他在职业生涯中进行更多投资，学习更多新技能，为客户提供更多的新服务并保持其竞争力。 试着想象以下场景：Mathew正在和一位朋友谈论他的职业抱负和学习目标，说他很难找到结合了他正在寻找的这3个要点的解决方案：
- 一个拥有优秀内容的平台，由知名讲师提供的可靠课程，评价良好，价格实惠。并且可以得到增加简历价值的结业证书。
- 时间灵活，课程可定制。且有一个可以遵循的学习流程。
- 提供参与网络互动的动力，与同行进行实时会话，因为作为一名自由职业者，他没有机会像在工作场所一样与队友进行互动。
他的朋友向他推荐了“成长”APP。他想要试一试，于是下载了应用。
用户流程展示了使用应用程序时如何让用户达到预期目标的每个步骤。在这种情况下，为该账户搜索和购买第一门课程：
主要任务的用户流程
下面让我们将这些步骤和我们的高保真原型图联系起来：
1. 登录页面
2. 引导页
步骤1和步骤2的截图
3. 设置账户
4. 搜索页
步骤3和步骤4的截图
5. 详细课程界面
步骤5截图
6. 付款
步骤6截图
7. 课程内容
步骤7截图
在此分布指南之后，我们还有一个概述此用户流程的演练：
（此处为视频，请在原文中观看）
“成长”APP的高保真原型演示
06
迭代解决方案
定义了用户的解决问题以及目标之后，我们对用户研究结果产出了一个低保真原型：
（此处为视频，请在原文中观看）
在第一版草图之后，我们对低保真原型进行了可用性测试。以下是针对此测试用户的任务：
- 注册和设置账户；
- 寻找Wordpress课程；
- 付款和结算。
运行此测试的目的是确定流程是否易于遵循，以及用户是否可以在没有摩擦的情况下完成任务。
在进行了两次测试之后，我发现了原型上的一个问题，主要和低保真的许多细节还不清晰，以及导航栏的图标不符合识别模式有关。
于是我们用figma制作了一些中保真原型，并用相同的任务再次进行了测试，了解用户现在是如何处理我们的设计的。
经过新的可用性测试后，我们就能够迭代这个中保真原型并进行我的高保真原型的UI设计了。
下面是我们可用性测试过程中产生的主要迭代的摘要：
1. 从设置账户界面中删除掉搜索栏。
左侧：测试前的中保真；右侧：迭代后的最终高保真
2. 重新定位从屏幕顶部到底部的按钮。
左侧：测试前的低保真；右侧：迭代后的最终高保真
3. 更换标签导航栏上的按钮
左侧：测试前的低保真；右侧：迭代后的最终高保真
07
为“成长”APP创建视觉设计
应用程序的LOGO和标语
以提高用户参与度为本，我设计了LOGO，确定了风格和设计概念（学习树隐喻）。启动的插画除了向用户展示之外，还告知了用户此APP的功能和使用方法。
视觉设计的配色和文字
配色来源于树，采用了绿色和与之互补的橙色，以及蓝色。使用的字体是Apple平台的主要字体，因为我们主要是为iOS设计的，应当遵循iPhone的设计标准。为iOS和Android设计目前，我正在做适合于两个平台（iOS和Android）的设计，因此因此了解这两个主要移动平台之间的主要区别非常重要。iOS 遵循 Apple 的人机界面设计指南，而 Android 遵循Google 的Material Design指南。
尽管这些指南不是硬性规则，并且可以在这些移动设备上创建统一的设计以提供一致的体验，但我主要专注于满足 iOS 应用程序设计模式的指南。
左：iOS设计；右：Android设计
08
“成长”的下一步
在这么短的时间内完成此设计项目肯定需要遵循以下步骤，并反思我应该做些什么不同的事情。
- 首先，更多的测试。运行原型并进行进一步的用户测试将提供更多见解，可以帮助完善流程和设计界面，以实现内部的一致性，并且清理 UI 元素上的一些现有问题。
- 开发新的功能流程，例如用户连接和网络，这是我们在使用电子学习平台时实现用户目标的主要发现之一。此外，开发新功能可以在竞争中脱颖而出。
- 通过新的研究为订阅定义新的业务目标。市场竞争激烈，但也在快速扩大，未来可以有新的机会。在与用户建立忠诚度关系后，可以为新的业务阶段开发新的收入可能性。
09
学习和收获
_“优秀的设计师永远不会从试图解决给他们的问题开始：他们会从试图了解真正的问题开始。”_
——唐·诺曼，《日常的设计》
从原型角色信息开始可能会导致我们跳过用户研究直接进入解决方案。但是好的设计总是从发现问题开始的。
总而言之，这是一个挑战和机会并存的设计过程。它还需要改进，一旦我有了一些灵感，创造力就会上台，帮助我们解决一些可能会阻碍我们的事情，例如时间管理或与市场上现有的竞争对手打交道。
我们可以做到的，只要我们相信我们自己。
ABOUT US
参考文章：
作者：
Carina Santos
译者：糖醋排菇
为尊重版权和译者
转载请联系我们