MikeCRM是一家2013年成立的创业公司，网址是www.mikecrm.com.

MikeCRM为何打动我

知道这个网站是个很偶然的机会，2014年初，我偶尔在搜索邮件营销方面的技术解决方案发现了这个网站。第一眼看到这个网站，我就觉得首页做得很漂亮，Bootstrap正在风行中，当时他的Boostrap风格，半透明导航以及整个的首页设计给我印象很深刻，可以说我当时就收藏了该网站(一见钟情，说明他们的UI设计)。 接着注册开始试用他们的功能，最开始时候，他的功能很简单，你可以创建管理自己的联系人信息，然后给这些联系人批量发影响邮件，他们提供了一个表单工具，可以快速生成这些邮件。 同是发出去的邮件你可以追踪是否被打开。这个表单工具到时就做得很惊艳，我当时就觉得这个网站很有想法，有一定的技术实力，特别是前端的实力。他们给一些做外贸，销售的人员提供了很好的工具，是一个SaaS类产品软件。在当时，AngularJS等单页面应用还没很普及时候，就利用了这类新技术，就做了很漂亮的UI以及给人极高的用户体验。在当时，BAT三家只有在云盘的争夺上，真正考虑使用AugluarJS这类单页面web应用给用户带来的操作便利。

下面我们可以多了解一些MikeCRM的故事。

MikeCRM的创业故事

MikeCRM的创始人团地是由是毕业于北京邮电大学的三人组成，在大学时候便是著名的产品开发搭档。 他们一位正在创业的学长慕名找到他们，希望针对自己的公司开发一款CRM系统， 在定制CRM的过程中，他们发现企业对于收集信息的需求是非常基础和必要的，而且完全可以“SaaS化”。CRM类产品可以帮企业节省成本或增加利润，它带给企业的价值可以被直观体现出来。这个团队将B2B作为了创业方向。MikeCRM成立于2012年9月，并与2013年9月上线，在2015年3月红杉资本 400 万美金 A 轮融资，目前大致有用户10W。

MikeCRM定位

MikeCRM， 主打"表单"做信息收集，联系人管理，邮件营销。是一款轻量级的信息收集和联系人管理工具，其 “表单” 功能能让用户零成本、简单拖拽的方式、自定义创建各种信息收集表，支持包括问卷调研、活动报名、在线订单、意见反馈等各种场景的在线表单，并且可以有效地整合各种渠道，如邮件、微博、微信等，将客户提交的反馈统一到后台进行分析和管理，还可以通过手机 APP、微信等来查询和跟踪反馈。并且系统能够将其中和联系人有关的数据沉淀下来，在此基础上进行 “联系人” 客户管理，为后续的营销管理提供支持。

MikeCRM分析

MickeCRM从表单开始进行客户关系管理，是一个以联系人管理，信息收集，邮件营销为主的CRM SaaS平台。他的一个重要属性是“至轻至简“，并以一个全新的方式和逻辑进入信息收集这一领域，致力于帮助用户在大数据时代更加便捷地收集客户信息和数据，进行大批量的联系人管理，并提供市场营销的新思路。 我们将分析下他的产品设计的一些亮点。

用“表单”重新定义信息收集方式

__这是MikeCRM的独特之处__, 表单是信息收集最基本的方式，信息收集是深入渗透在我们每天日常工作和生活中的事务，各种场景，比如举办活动报名、大小事务申报登记、用户调研投票、整理材料备忘、问卷调查反馈，这些工作都可以简单到提供一个合适的表单功能。只要设计一个很好的表单功能，让用户可以简单的设计和定义表单，然后把表单背后的信息收集和CRM管理自动结合起来，就能够做出一个被客户喜欢的工具产品。 于是MikeCRM在表单这块提供了一个在线表单的功能，用户只要简单地拖拽组件框，配置出你想要的内容，MikeCRM就自动提供一下功能：自动规整的信息、自动统计报表，让你方便又有效地进行数据的导出和处理。

我们将重点分析他的“表单”功能。

可视化表单编辑

对于一个典型的Html form表单，一般来说需要程序员开发设计，熟悉html的标签，熟悉CSS模板，熟悉javascript以及后台表单处理的逻辑，所有这些都需要专业的前端和后端工程师一起完成。他们了解一个form表单提交后面所有需要的技术细节。 但是对于一个的用户来说，他们应该无需了解这些技术细节。他只需要一个工具能快速简单上手，设计自己需要的表单形式，内容，而达到这一目标，需要给这些用户提供一个简单的可视化的表单编辑器，把表单的技术细节都隐藏在这个表单编辑器后面。

在可视化编辑工具方面，Power Point是一个成功典范，通过构建集成的可视化编辑环境，用户在很低的学习称根本下可以设计创作ppt演示文档。
MikeCRM也提供了一个类似ppt的表单可视化编辑器，为一般用户创建设计表单提供了易用的工具。

__组件__: 丰富的组件库
__拖拽__: 通过拖拽组件，快速进行表单设计。
__所见即所得__: 设计视图和最终的页面效果一致，结合组件，配色方案，样式设置，便形成了一个强大缺用很轻量级易用的课件即所得的可视化表单。

我们在后续章节详细介绍在线表单的产品特性。

用组件定义功能

组件用来定义可复用功能，这些功能可以是一些简单的html组件，比如Bootstrap里定义的组件，也可以是一些复杂的功能组件，比如商品组件，可以用来展示某个商品，配置商品的价格和库存等。

丰富强大的组件是可视化编辑的基本要素，通过拖拽组件，让用户快速设计自己的表单。

在一个表单中，基本的组成元素是表单字段(form field),当一个表单中，完成一个相关功能可能需要多个form field。

MikeCRM的组件包括两部分：

一个是HTML的基本组件，包括输入框，单选框，多选框，图片等。
另一个是一些复杂的功能组件，比如联系人组件，分页组件，评价组件，商品组件，微信组件等。 除了html基本组件，MikeCRM通过设计一些易用的功能组件，增强表单的功能，比如通过分页组件，可以简单的设计分页表单。

• 分页组件
• 商品组件
• 联系人组件

用模板定义场景

MikeCRM在表单制作时，分为三步， 选择模板-设计表单-生成表单。

第一步是选着模板，MikeCRM将一些设计好的表单按照场景分类，形成模板中心，这些类别有：

• 报名申请
• 投票调查
• 登记汇总
• 预约反馈
• 订单支付
• 行政财务

这些场景极大的拓展了MikeCRM的使用范围， MikeCMR的用户发现，原来表单有这么多使用场景，满足自己这么多用途。作为开发者，我们知道表单是设计各类应用的基本工具，但是MikeCRM却通过表单这个工具结合模板来完成多种场景功能，成为易用并且实用的工具。

打造以“用户行为轨迹”为核心的联系人管理方式

用麦客表单收集到的联系人数据，会自动被系统抓取和记录，自动建立用户行为时间轴，帮助你构建以客户行为为驱动导向的客户数据池，为后续跟进建立基础。

让用户自定义的专属邮件营销（EDM）平台

在麦客，你不仅是可以用拖拽的方式制作表单，也可以用拖拽地方式制作电子邮件， 我们100%支持自定义邮件发送界面内容，1分钟轻松配制任何想要的界面：newsletter、活动通知、节日问候、邀请注册、新产品发布、电子杂志等等，帮助企业能够更好地将信息传达给最终客户，从而轻松达成市场营销目标。

以上三个功能， 客户(CRM)-表单(信息收集)-邮件（EDM）就组成了企业市场里最常用的功能闭环，一个轻量级，简单，使用的客户管理，营销的工具平台，让各类型的企业用户都可以利用MikeCRM平台来设计满足自己的业务需要。

这样的一个简单很容易吸引到用户，同是也能留住用户，因为他真正的创造了一个简单使用的工具。

这些特性里最大得亮点就是表单，他是用户管理，邮件营销之间的有效载体，还有一些特性和细节是MikeCRM特有的：

表单外观设计

配色方案

样式设置

页面布局

逻辑表单

逻辑试图

设置跳转逻辑

表单预览

表单生成和发布

网页式表单
嵌入式表单
悬浮式按钮

MikeCRM百科

国外的类似网站WUFOO

从wufoo来看，MikeCRM的创新点基本是COPY过来的，细致分析WUFOO和MikeCRM，我们发现MikeCRM的UI更近一步，更符合国人的使用习惯。
当时wufoo的一些特性是目前MikeCRM不具备的。

Rule Builder

Wufoo在表单里引入了规则引擎，并定义了Field Rule，Page Rule, Form Rule三个级别的规则类型。 MikeCRM的逻辑视图目前只是很简单的实现Field间的跳转。

表单可以利用一些列表单规则控制控制表单的行为，创建动态的表单效果（比如根据用户的选着，隐藏部分表单内容，跳转到摸个页面等)，利用这种方式可以构建表单的逻辑视图。

.. image:: rule.png

规则(Rule)

规则用来表明当条件成立时，执行某个动作。每一条规则由两部分组成，条件(Condition)+动作(Action)。

根据规则执行的时机的不同，我们定义一下三种规则。

表单字段规则(Field Rule)

字段规则可以用来定义页面内的逻辑，比如根据用户的输入来显示或者隐藏不同的表单字段。

表单页面规则(Page Rule)

当表单是一个多页表单时，当页面发生跳转是，可以利用页面规则来控制表单的跳转逻辑。

表单规则(Form Rule)

当表单提交时，Form Rule可以被执行特定的逻辑，比如对表单的某些字段进行校验。

Integration

Wufoo提供了第三方API集成，可以把表单提交后的逻辑和其他平台连接起来，完成较复杂的协作联动。比如表单提交后，可以利用消息API，去发送消息，用邮件服务API发送邮件等。
这种方式对拓展表单功能和使用场景有很大帮助。

MikeCRM的成功要素

• 学习了Wufoo这个成功典范，把他的FORM表单COPY TO CHINA的同时，进一步优化UI和体验，结合客户关系，邮件营销打造一款实用的CRM SaaS工具产品
• MikeCRM突出了他的创新点，“重新定义信息收集”，将很常用的信息收集用一种革新的方式提供简单易用的产品解决。
• MikeCRM的UI设计，利用类AngularJS技术，提供单页面应用，在WEB上提供富UI体验。
• MikeCRM注重产品细节，让用户在使用过程中，充分体验到操作便利性。
• MikeCRM的客户(CRM)-表单(信息收集)-邮件（EDM）功能闭环，结合模板场景，简单的功能却能满足大部分客户的需求，成为轻量级的解决方案。
• 注重用户引导,精心维护麦客百科为用户了解和使用MikeCRM提供了很好的学习场所。

总结

MikeCRM最该学习的是他的创新思维，除此之外，产品思维，云技术思维都很好的得到体现：

• 关注国外的成功新兴模式
• 突出自己的创新点
• 注重UI体验和产品细节设计
• 打造功能闭环，SaaS式轻量级解决方案

MikeCRM这类工具在淘宝有很广泛的使用场景，我们将学习他，在淘宝开发一个类似的工具，结合淘宝的功能场景，做一个轻量级的更强大的表单页面工具，于TMS这类稍重的页面工具形成互补。