E丢丢学习App是华夏大地教育可以有限公司旗下的一款产品，专为提升学历者打造，它整合了线上+跟踪的 （E平台）功能，方便工作人员随时随地管理账号、跟进学员；同时还可以随时了解教育行业的新闻资讯、一对一求职招聘、参加考试等！

该产品在2012年3月开始做，2012年9月上线1.0版本，2019.7月更新迭代2.0版本，现在仍然在持续地迭代和优化。在这个产品中，我担任视觉设计师，负责80%的设计工作，2.0版本全部由我独立负责，完整地参与整个项目周期。您也可以在这里观看：On Behance | On Zcool | On Dribbble

项目背景

公司战略和市场分析

青橙在创业初期的主要产品「青橙健身房管理系统」是一款Web端的 SaaS 产品，青橙一直把业务聚焦在B端客户——即健身房上，而随着时间的累积，这个市场将会越来越趋向饱和，而每个健身房包含多名教练、管理者等健身从业者，且随着健身风潮的流行、人们消费能力的升级，健身从业者也在不断增加，因此在这个阶段青橙思考将目标用户从「健身房」这个团体转向「健身从业者」的个体，扩大用户群体，发掘更大的市场，尝试更多能满足健身从业者需求的业务，探索更多的可能性。

另一方面，通过调研我们了解到，市场上针对「健身房从业者」这一范畴用户的产品比较少，大多数产品的用户都是单一角色，如教练或销售，这就导致健身从业人群都是分散的，而青橙正好可以利用已经积累的B端资源，以健身房管理系统为切入点，将健身从业者聚集起来，打造健身从业者的平台，进而实现更多的价值。

产品目标

以健身房管理系统为切入点，打造一个健身从业者的平台，健身从业者的聚集地。

我的角色

在这个产品中，我独立负责1.0版本的所有交互与视觉设计工作，参与产品讨论，整理产品需求，梳理用户核心流程，设计产品的页面布局和信息框架，输出视觉稿，与产品经理、工程师协作让方案落地。

目标用户和需求分析

一个传统健身房里通常包含管理者、教练、前台、会籍顾问等多个角色，各个角色的工作范围和需求有所不同，我们要提供什么样的服务来满足各个健身从业者的需求？通过用户访谈和用户观察，我们整理了不同角色用户日常的工作内容和需求，我们可以把这些需求大致分为两类：健身房办公需求、个人职业发展需求。

设计目标

站在设计的角度，从产品目标和关键词推导设计目标，为了打造健身从业者的聚集地，就必然需要兼顾健身行业中各个角色的需求，当然为了公司盈利，还需要吸引场馆完成付费。

设计关键点

和产品经理一起讨论用户需求后，我更多地站在设计的角度，分析思考其中的设计关键点，在已确认的产品逻辑的基础上，提出自己的想法和建议，寻求更好的解决方案。

解决方案

1）产品结构：健身房办公在用户需求中占很大的比重，是用户较常使用的功能，也是青橙的核心业务，因此把它设计为一级页面；而用户个人职业发展需求，如求职招聘、学习培训等，虽有需求但使用频率并不高，因此把这一类的功能都收到「发现页」里，和「健身房」并列为一级页面，同时发现页还承载了青橙的运营需求。

2）与后台SaaS的对接：由于Web端和App端使用场景和操作习惯的差异，在App里我们并不是完全照搬Web端的功能，同时部分功能我们也只在App端提供，如健身房会籍顾问跟进会员的功能，我们就将重点放在App端，这是考虑到会籍跟进会员大多是全天候的，App显然方便很多；而添加商品、编辑等操作，则是在Web端操作更高效，对于这类操作，App端会提示用户扫码到Web端使用。

3）连接用户与健身房：在这个产品中，用户可以不必依赖健身房而存在，使用系统的健身房可以邀请它的员工，反过来，我们也希望通过个人用户来push他所在的健身房使用青橙的系统。用户可以创建自己的健身房，也可以加入同事创建的健身房或者邀请同事加入自己的。

4）快速开始：前面提到健身房中的每个角色日常工作内容都不同，而每个健身房的服务范围也是不尽相同的，那么在无法得知用户身份的情况下，我们应该呈现哪些功能给用户？用户第一次打开产品后又该如何快速找到自己想要的内容？在这里我们做了一些引导，在首次创建健身房时，我们要求用户选择健身房的服务内容，然后根据所选的服务内容，定制化常用功能，这样后续加入的员工都能在健身房首页找到与自己相关的功能，当然，每个用户也可以定制自己的常用功能。

5）免费与付费：我们开放了部分免费功能给基础用户，保证个人用户的使用，对部分的健身房功能做了「Pro」的标志，如添加教练、场馆运营功能等，即：你可以一个人用该系统来管理工作，但如果你要给所在健身房使用，请付费。同时对新场馆给予了首月¥39.9的体验价，吸引用户体验 Pro 版本。

6）减少用户的学习成本：由于目标用户的多元性，在交互上我们遵循 iOS 和 Android 平台的交互规范，在基础交互上减少不必要的创新，减少用户的学习成本，兼顾各个层级的用户。

部分界面展示

完整的项目展示可以在这里观看：On Behance | On Zcool

项目成果

产品上线后，由于免费版的开放，确实为青橙带来了很多用户，「发现」频道的学习培训、求职招聘等模块也成为吸引用户的主要服务，收获了许多用户的好评，但同时也存在着一些不足。如场馆的付费转化率不高，数据显示，虽然注册开通场馆的数量很多，但付费的场馆并不多，分析可能有几个原因：注册的用户大多为个人用户，免费版已经可以满足他们的需求；加入场馆的引导还不够明显，导致同一家健身房的不同用户反复创建，造成重复的脏数据；功能和体验没有达到用户的预期，不愿意付费。但在没有具体数据支撑的情况下，这些只能停留在猜测，在后续的迭代当中，还需要根据数据团队收集的数据来找出原因，进一步优化。

以下数据分别来自青橙官网和 App Store：

项目总结

在参与项目整个周期的过程中，踩过很多坑，但也因此收获了成长，设计远远不是停留在输出的那几张界面，前期对产品的参与、后期与工程师的协作、对方案的反复质疑和推敲，才有了最终呈现的样子。

制定设计目标

在开始设计的时候，问问自己是否已明确了解了项目背景、公司战略和规划、项目目标等，这些是设计的大方向，根据这些大方向制定设计目标、关键点，保证自己正在一条正确的道路上行驶。

在恰当的时候建立设计规范

我认为在产品1.0后去建立完善的设计规范为最佳，包括交互规范、视觉规范，甚至产品规范。太早产品还没有成型，可能会反复修改；太晚产品已经做了那么多，积重难返。在早期的时候，我们虽然有简单的视觉规范，但发展到后来，发现远远不够，这时候再回过头补就会很吃力，成本要高得多。

沟通和信息同步

在工作当中最怕听到上游的人说「我早就说过啊」、下游的人说「我不知道啊」，项目中有任何方向上的变动一定要及时沟通，保证信息同步，保证大家的认知大体一致。