原创精选｜导师与学员的高效交流 APP 设计 —— Lightship

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

转自：TCC翻译情报局

编辑：张梦如

共 2709字，预计阅读 7 分钟

一. 项目简介

本项目的目标是创造一个 帮助用户克服职业发展难题的移动端程序，让用户获得来自领域内专家团队的悉心指导。

Lightship--为你带来职业道路上的最佳指引

本项目是 Springboard UI / UX 训练营课程的一部分。

项目时间：2020 年 11 月至 1 月 （ 8 周）

项目职责：个人项目， UI / UX  设计

使用软件：Figma 、  Invision 、 Marvel 、Miro

二. 设计过程

本项目采用了 设计思维，以 确保用户在每个决策中处于核心地位。                

以下是项目的每一个步骤。

1）共情

这一阶段的主要目的是验证  "大多数人在他们目前的职业发展中并不快乐"  的假设。

为了通过  POV  [ 1 ]（ Point of View ，定义观点），更好地理解问题，我们先后进行了两次研究，包括 用户访谈、调研、亲和图构建、移情图构建、用户画像构建和迭代原型的可用性测试。

( [ 1 ]  POV （  Point of View ，定义观点): 指针对用户当时的需要，深入探究用户的现状问题，洞察观点。)
这个视频简单展示了研究的过程，便于了解所选问题的重要性。

填空题法：（什么样的） 的用户，他们需要 （动词） ，因为（具体描述）对他们很重要。

2）确定问题

招募参与者的第一步是向 50 名候选人发送问卷并进行筛选，接下来根据他们与主题的关联性，进一步缩小候选人范围。

筛选调研不仅有助于找到合适的参与者进行访谈，而且有助于收集一些可用的数据。

以下是最关联和最有帮助的问题以及答复。

一半以上的参与者转变了职业选择       

与其他国家相比，职业咨询在印度并不盛行

只有 5% 的印度学校有就业指导员      

大多数学生选择了 "更稳妥 "的行业，而不是自己感兴趣的行业

90 %  的参与者表示，如果可以重新选择的话，他们会选择一个不同的，更有创造性的职业。这些调研也用于筛选访谈候选人。

3）用户访谈

为了从不同角度深入了解这个问题，我进行了 9 次访谈。所选的候选人包含千禧一代和 Z 世代，这样我就可以把不同年龄阶段的观点合并起来。

来看看他们都说了些什么。

"如果有好的导师指引，从未接触该领域的人最终会爱上该领域，反之亦然。“
"我最终选择了商科而不是 PCM（ Project Control Manager，项目管理经理），因为我认为这是一个更稳妥的选择，它使我未来的选择有很多可能性。"
"如果我在早期得到更好的职业指导，我想我会更早达到我现在的位置。"
"高中后很多事情飞速发生了变化。我希望能给我们多一些时间或指导，以便我们能做出更好的决定。"
"我们被鼓励去接触一些能让我们更快找到工作的核心行业，如土木工程、机械或电气。"
"他们应该探索不同的领域，而不必担心失败或被称为失败者。"
"我从来没有真正尝试过其他行业，工程行业是一个妥妥的安全牌。"

4）亲和图

下一步是把从访谈中收集到的各类数据，整合为一个聚焦于观点的完整故事。创建一个亲和图，在过程中组合 类似的观点并进行分类，从而完成整合。

亲和力图

5）同理心地图

为了更好地了解目标用户群，对收集到的数据进行进一步的整合。

组合的四个类别是：用户的想法和感受｜洞察｜话语和行为｜见闻

同理心地图有助于区分两种不同类型的用户。一类是已经参加工作的、年龄在 24-40 岁之间的人 （千禧一代），另一类是年龄在 6-24 岁之间的人 （Z 世代）。

第一组同理心地图（24-40 岁人群）

第二组同理心地图（6-24 岁人群）

6）用户画像

列出不同用户的 属性、目标和动机，基于三种主要的人物类型来确定用户画像。

根据不同的人物类型，定位了3种角色

7）问题陈述

在彻底了解了用户和问题后，我想到了几个  " How Might We "，其中一个值得提出来：

我们怎样才能让职业道路上遇到阻碍的人更轻松地得到可靠的指导？

8）构思

现在到了有趣的阶段 —— 针对定义的问题进行头脑风暴，提出解决方案！我开始勾画我想到的任何点子，在这个阶段中不对想法进行评判。

头脑风暴环节-把想法和思路写在纸上

在构思环节找到一些可行的解决方案后，我开始撰写用户故事，明确设计要求。这些故事被再次分类，从而确定哪些故事应该包含在最小可行产品（ MVP ）中。

为 MVP 确定用户故事的优先次序

9）信息架构

下一步是 组织和构建信息架构。首先，我制定了一个 定点地图，以建立应用程序中页面的层次结构。

在 Miro 上创建的定点地图

下一步是确定 必要的用户流程，也称为红色路线，以确保用户能成功完成任务。

必要用户流程

10）草图

我画了几个页面的草图，将前面确定的用户流程可视化。    

页面的初步草图

11）低保真线框图

下一步是将草图转换成线框，不考虑颜色、图形和字体，只确定应用程序中的布局。

低保真线框图

12）品牌平台

在建立了应用程序的基本布局和用户流程后，下一步是 创建一个品牌平台，确定产品名称和风格。      

品牌平台

13）风格指南

在深入进行高保真设计之前，将品牌的视觉语言和用户界面元素定义为一个设计系统。

风格指南

14）高保真模型

我设计的第一个页面是首页，它是应用程序中连接其他页面的首要页面。经过多次迭代，我最终确定了这个页面的视觉风格，作为其他页面的风格指南。

从最初的设计方案到最终的视觉风格

随后，我创建了其他高保真模型，实现应用程序的核心功能。

15）原型和测试

在完成了必要用户流程的高保真模型后，我继续制作应用程序的原型，并根据可用性测试的结果进行迭代。

下面是一个测试参与者使用原型的片段。

正在运行的Lightship原型

16）可用性测试

我进行了两轮测试，每轮有 5 名参与者，他们都是该应用程序的目标人群。

基于测试得到的观点，我对原型进行了迭代。事实证明，这一步对改善用户体验非常有帮助。

三. 总结

对任何人来说，做出正确的职业决定都是令人生畏的，但是在有经验的导师的指导下，这个障碍可以很容易地被绕过。

为现实世界的问题寻找最佳解决方案，这一设计思维过程是一个很好的学习经历。

更多好文推荐：

---

🙋 我们一起聊设计 🙋‍♂️

微信行业交流群

期待与更多优秀设计师一起成长

🤩

PS：欢迎大家关注三分设，每天早上9点，准时充电。分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。 添加小小虫微信号【 Lil_Bug 】，备注【 三分设 】加入！（只面向星标了公众号三分设的粉丝）

---

星标公众号方法

点开下方公众号 ➡️  点击右上角【...】 ➡️   设为星标