在两个示例中，你可以看到非常相似的用户旅程。用户将：
- 注册或登录应用；
- 确定他们的目标；
- 接收要完成的任务；
- 执行任务；
- 跟踪他们的进度。
2. 用户旅程图
用户旅程映射了用户实现目标而必须经历的过程，以时间轴为框架，包含一系列步骤和行为。这样的布局可以帮助团队成员理解和还原用户叙述。
3. 草绘解决方案
草图绘制是一项有价值的活动，它允许利益相关者（采购经理、工程师和客户）就产品愿景达成一致。这种绘画练习可以鼓励非设计师提出他们的想法，是促进合作的好方法。有时候，最具创意的想法可能来自没有设计背景的人。
在草绘草图时，我们通常会参考问题陈述和用户旅程图，以确定问题方向和工作范围。
4. 设计原则
正如本文开头所提到的，我们需要一个北极星指标作为基准。制定设计原则来指导解决方案也是非常有用的，因为它有助于确定我们的想法：希望产品成为什么，以及不希望产品成为什么。
精神健康产品的一些指导原则可能是：
- 简单而非过剩；
- 人性和善解人意，而非机械呆板；
- 激励和参与，不乏味；
- 灵活和个性化，不强制；
- 鼓励更少的屏幕显示时间，而不是更多。
这是我勾勒出的一个示例：
健康和保健应用程序的示例草图
与 Zen 模式类似，我想到了一个产品创意，通过为你提供个性化活动来鼓励休息。
作为用户，我将：
- 注册或登录；
- 确定我的目标（例如，多运动，与朋友交往，探索新爱好）；
- 接收活动创意（例如在附近的公园散步，打电话给朋友，参加绘画课）；
- 完成任务后获得积分；
- 追踪我实现目标的进度；
- 用我的积分换取奖励。
草拟解决方案后，不要害怕分享你的想法。
共享你的工作并接收其他人的反馈，也是设计过程的一部分。
七、为解决方案建立原型 Prototype the solution对解决方案感到满意后，你可以使用设计和原型设计工具（例如 Figma，Sketch 和 Invision 或 Adobe XD）来创建可点击的原型。
原型工具的例子
我个人建议使用 Figma，它是一款具有设计和原型设计功能的复合工具。
Figma 社区 —— 一个很好的存储库，允许复用和*其他用户发布的现有模板，与 Github 类似，但专用于设计。目前，Figma 模板已经创建了设计系统，你可以观看平台教程，来了解如何使用预制组件将屏幕拼合在一起。
1. 创建组件
组件可以有效加快设计工作流程。第一次将 UI 元素转换为组件时创建的，即为主组件， 它定义了该组件的属性。实例是主组件的副本，你可以在整个设计中重复使用它。
