將Visio、Xmind等專業作圖工具搬到了「雲端」

「SaaS先鋒」系列繼續為您呈現國內SaaS領域的先鋒企業，今天的主角名叫ProcessOn，ProcessOn是一個垂直領域的作圖工具和社區，在這裡，使用者不僅能夠感受到非常強大且好用的專業作圖工具， 還能輕鬆找到自己想要的知識資源，不經意間，可能還會發現很多垂直領域的「大牛」在分享自己的作品。 其實， ProcessOn就是做一款前沿、高效的作圖工具，當然也可以簡單的理解為「雲計算時代，微軟Visio的替代品」，這個年輕的團隊將Visio、Xmind等專業作圖工具搬到了「雲端」，不再需要下載安裝，不再需要授權， 直接用瀏覽器就能夠體驗線上作圖服務，而且作圖的效果也很美觀且極具專業性。

ProcessOn自2013年上線以來，不到2年的時間裡就積累到20萬使用者，而這一切的根本，就是靠產品，靠使用者的口碑傳播。 所以CTO張瑩非常認可那句話，「好產品，自己會說話」，近日，CSDN就採訪了這位ProcessOn CTO 張瑩，他給我們分享了這款工具產品的「基因」以及背後的開發故事。

ProcessOn CTO 張瑩

完全靠自學，89年CTO及其背後的技術團隊

ProcessOn團隊的CTO 張瑩第一眼給人的印象就是「鄰家大男孩」，跟他相處久了，就會明白「程式設計」這件事是需要天分的，沒有讀過電腦的任何專業，89年出生的他所有的技能都是靠自學。 在最初的時候，一個人幾乎承擔了全部的開發工作，不僅要當研發經理，還要承擔產品經理的角色，偶爾還要客串一下UI設計在整個團隊中，永遠屬於「最忙」的那一個。

CSDN：首先介紹下自己和ProcessOn，目前技術團隊的關注方向？

張瑩：大家好，我是張瑩，現在是ProcessOn團隊技術負責人，相對於很多牛叉產品的CTO來說，我算是草根出身，既沒有名校的牛奔學歷，也沒有BAT等大企業的從業經驗，有的只是對技術的癡迷追求和對互聯網產品的無限遐想。 無論是我自己還是整個團隊，大家都是腳踏實地、吃苦耐勞的人，所有人都很低調，都在默默耕耘。 就在這樣的環境中，我們孕育出了ProcessOn這款產品。 目前，整個技術團隊的關注和發展方向，主要是前端領域，尤其是js和其他的前端框架。

ProcessOn 是一款用 HTML5 開發的線上網頁版作圖工具，使用者只需要有一個瀏覽器即可製作思維導圖、流程圖、UML圖、介面原型設計、組織結構圖、思維導圖等等，不再像傳統的用戶端那樣，還需要下載和安裝。 ProcessOn 還有一個很大的特色就是可以做到無延遲協作，方便兩個或多個人同時對同一個檔進行協作編輯和溝通，它還採用了即時的保存機制，每一步操作之後都自動儲存，使用者再也不用擔心丟失檔的問題了，當然這也是雲計算時代， 企業協作類工具的一個發展趨勢。

CSDN:為什麼會開發這個平臺？ 背後是基於什麼樣的考慮或者是看到什麼樣的市場機會？

張瑩：其實ProcessOn的誕生擁有「特定」的基因，其中很重要的一點，就是因為我們團隊的創始人熱衷於BPM領域，就在幾年前，國內還沒有一個「上得了檯面」的BPM（Business Process Management， 即業務流程管理）作圖工具和社區，而我們的創始人深耕BPM領域多年，同時他也是SOA/BPM國標制定的參與者，所以ProcessOn最初就是奔著這麼一個目標去的。

其實，早在2011年，我們團隊就開發出一個Flash版本，當時為了保證使用者的品質，一直都是採用邀請機制，直到正式上線後才開放註冊。 隨著ProcessOn的不斷完善，以及經過N+1次和使用者交流之後，我們感受到Flash版本的設計器已經不能滿足使用者的需求和我們精益求精的態度，尤其是使用者使用前還必須安裝Adobe外掛程式，同時由於本身體積很大， 每次做圖前載入時間也很長，還有其他弊端問題等等，使用者體驗一直做不好。 在2012年，團隊正式接觸到HTML5技術，當初它還沒有現在這麼火爆，於是團隊內部經過多次討論後，就放棄之前做了一年多的Flash設計器，然後基於HTML5重新開發一版新的設計器。 雖然當時針對HTML5的爭論很多，其技術也不是很成熟，還有很多安全問題，但是我們還是堅定選擇了HTML5，現在證明我們當時的選擇是正確的，更重要的是，使用者的回饋非常的好，就在不久前，我們還收到了第一筆來自使用者的捐款。 在得到眾多使用者充分的肯定和認可後，我們團隊有信心將ProcessOn做成一個國內獨一無二的互聯網產品。

CSDN:你們這個平臺對於客戶來說最大的價值體現在哪些方面？

張瑩：首先，ProcessOn最大的價值就是説明使用者非常方便和快捷的實現多個領域的作圖體驗，不管是流程圖、軟體模型圖、UML，還是思維導圖，使用者只需一個瀏覽器，即可線上存取這款企業協作類作圖工具，非常的方便和快捷， 而且非常的專業。

其次，ProcessOn作為一個基於SaaS模式的雲服務平臺，不僅讓使用者擺脫了對單一設備的依賴，真正意義上實現隨時隨地的「雲辦公」模式，而且還可以實現線上協作的功能，多個使用者可以針對同一檔進行修改， 直接在雲端就能進行同步，可以説明協作小組極大地提升辦公效率。

除此之外，ProcessOn還提供小組、推薦、發現、活動等很多社區性質的功能，説明使用者在完成自己的工作之余，還能夠認識更多與自己興趣相似的朋友，同時還可以在這個平臺上學到新的知識和技能。 現在ProcessOn社區內已經擁有高達50萬張圖，而且每天以2000張以上的速度在不斷增加，這些優質的資源能夠給使用者帶來更高的附加值。 我們深信這種「工具+內容+社交」的模式可以更全面、更有效的為使用者創造新價值。

平臺構建歷程和無數個「微創新」支撐極致用戶體驗

平臺打造的歷程難度很大，從最初的Flash版本到後來完全重新架構設計的 HTML5 版本，體現的是對產品使用者體驗的極致追求，而 ProcessOn也是目前國內首家將HTML5中的Canvas運用到商業生產環境中。 而在產品的優化上，ProcessOn團隊對細節的追求近乎瘋狂。 例如一個簡單的跨主題的連線功能，他們耗費3個星期，後臺代碼也達1000多行，為的是將使用者體驗做到極致。

CSDN:打造這個平臺遇到哪些坎？ 你們是如何應對的？

張瑩：ProcessOn平臺的核心是設計器，難點也是在設計器上，目前HTML5中的Canvas在國內真正最早運用到商業生產環境中的，Processon應該是首家。 其實，在HTML5剛出來的時候，我們就被Canvas所吸引，而且痛下決心，放棄了開發1年多的Flash版本，完全重新設計架構，啟動了HTML5版本的開發。

其實開發設計器的難度非常大，一個看上去簡簡單單的小功能，往往需要上千行的代碼，它需要進行非常複雜的js計算。 我們在整個設計器的開發中，也運用了很多js的看家本領，比如javascript的面向方法、物件導向程式設計，js的外掛程式開發等等。 更痛苦的是，我們完全沒有任何參考案例，全都是團隊成員自己摸索探路，然後再進行各種討論，各種研究，同時還需要進行數學推算，一遍一遍尋找最佳的演算法。 尤其是空間向量的知識，在設計器的開發中運用的最多，為此我們還「惡補」高中時期的數學知識（這也是學渣的苦果啊）。 總體來說，因為在專業線上作圖領域，我們在國內的起步非常早，所以也沒有任何借鑒的經驗，都是靠團隊自己「拼」出來的。

CSDN:能不能詳細介紹一下這個平臺架構的構建過程？ 都使用了一些什麼技術，分別做了什麼？

張瑩：ProcessOn的前端採用Nginx做請求分發，作為一款羽量級的Web 服務器/反向代理伺服器，相對於其他同類產品而言，其羽量級以及低內耗的優勢，使它也成為了ProcessOn的首選，尤其是對工具類的互聯網產品來說 ，我們高併發的特性也非常依賴Nginx的性能。

其次，在應用伺服器層，我們採用了比較成熟的SpringMVC，相信這也是很多工程師的首選。 需要特別說明的是，ProcessOn在前端技術上，大量使用HTML5技術和複雜的js計算，資料層面則採用MongoDB和Redis。 尤其是在資料庫的選擇上，因為考慮到性能和速度，我們毅然選擇了MongoDB，雖然其在事務、記憶體等方面存在一些小的非議，但是就ProcessOn而言，我們在資料服務上的體驗還是很不錯的， 我們也會繼續一直關注和優化我們的資料層面的體驗和服務。

當然，還需要特別說明的是，因為我們想做一款國際化的SaaS應用，也想擁抱雲計算時代，所以ProcessOn放棄了先前自建的伺服器，轉而將整個伺服器放在青雲上，首先是順應雲計算時代發展的潮流， 其次也為我們未來進軍國際市場打下一個良好的基礎。

CSDN:該平臺的使用者體驗如何保證？ 在產品優化上你們做了哪些努力？

張瑩：ProcessOn在短短的時間內積累20萬使用者，不單單是作圖功能上的強大易用，更重要的是我們非常看重使用者體驗，比較對一個垂直領域的作圖工具來說，這不僅僅是簡單的把傳統軟體搬到了線上就可以了。 為此我們做了充分的市場調研，並建立了自己的QQ使用者群，不斷跟使用者進行溝通交流，在充分瞭解使用者的作圖習慣之後，我們將傳統軟體中的優勢保留，糟粕去除，比如添加了多人即時協作的功能等等。 ProcessOn還捨棄了傳統軟體自己搭建伺服器端的複雜操作，完成了即時保存、雲端存儲等多種附加功能。

我想敘述一個很小的開發細節：在開發思維導圖的過程中，團隊希望增加一個跨主題的連線功能，這個功能其實很簡單，國內外很多工具，只有一個簡單的連接功能，但是我們的技術人員，為了將這個功能做出更好的體驗，整整耗費了三周的時間， 不僅可以更改連線的粗細程度，還可以改變顏色和連線的弧度，甚至還做出了「橡皮筋」的動態效果，僅僅這個小小的功能，後臺代碼的實現就需要1000多行，所以我們的使用者體驗才可以做到最好。 當然這個功能的實現，僅僅是我們龐大生態系統中，一個的小小的細節，但是ProcessOn就是憑藉這一個個小小的「微創新」，才能真正讓使用者相信，我們做產品的態度就是「追求極致」。

CSDN:目前的使用者規模是多少，活躍使用者、重量級使用者？ 盈利模式方便透露嗎？

張瑩：目前，ProcessOn的註冊使用者已經接近20萬，每天活躍的使用者也在3000+以上，我們也擁有很多重量級使用者，很多BAT的產品負責人，還有善用佳軟、月光博客、大前端博主浩子、PM265理站長王亮、 Axure中文社區創始人尹廣磊、CSDN創始人蔣濤都使用並推薦過我們的產品。 不過我們想特別說明的是，因為ProcessOn團隊目前還沒有接受融資，所以我們並沒有投入資金去做推廣，這些使用者的積累大都是靠使用者的口碑相傳，這也是我們最引以為傲的地方。

至於盈利模式，目前我們還沒有考慮，而且也沒有借鑒國外的收費模式。 我們認為，只有能夠為使用者創造更大的價值，才會真正得到市場的認可，相信未來，ProcessOn肯定會找到屬於自己的盈利模式。

使用者關注的回應速度和穩定性問題

張瑩坦言，回應速度和穩定性是目前使用者關注度較高的問題，當然這不只是ProcessOn一家面臨的問題，市場上很多SaaS廠商都面臨網路的穩定性問題，這對於一款SaaS產品的使用者體驗至關重要。 目前ProcessOn也在不斷的優化產品和聯繫服務提供者解決這些問題，包括正在積極部署CDN服務，相信不久之後這些問題終將得到解決。

CSDN:對於使用者來說，最關心的問題集中在哪些方面，你們有哪些應對措施？

張瑩：目前使用者最關心的問題，就是網路的穩定性問題。 其實ProcessOn在最早期的時候，就上線了英文版本，產品在得到國外使用者的高度認可之後，我們才正式在國內推出，從內心深處來講，我們是想做一款國際化的SaaS產品，所以回應速度就成了影響使用者體驗最關鍵因素， 尤其是我們平臺還擁有4萬多國外使用者，所以這點至關重要。 目前我們將底層服務直接放在了國內新銳IaaS平臺青雲上，所以網路的反應速度和穩定性也是我們目前很苦惱的事情，尤其是亞太區的國外使用者，對這個問題的反映比較普遍。 最近我們團隊也在努力優化產品，服務提供者也在説明我們解決網路的問題，同時ProcessOn也正在積極部署CDN服務，相信不久之後，ProcessOn的國內外的存取速度都會得到明顯的提升。

CSDN:目前國內這個領域大概是什麼情況，和其它同行相比，你們的優勢體現在哪裡？

張瑩：目前，在國內我們還沒有發現競爭對手，跟國外的同行相比，我們最大的優勢就是免費，並做了很多當地語系化的優化處理。 其實這也是我們的苦衷所在，因為在國內的收費模式基本上是玩不轉的。 現在，我們只是想深耕使用者，不斷提升產品，把使用者體驗做到更好，為將來進軍國際市場做好充足的準備。

ProcessOn的優勢體主要現在以下幾個方面：

節省了正版工具的授權費， ProcessOn採用完全免費的模式，而且絕對的正版； 一般的工具安裝比較麻煩，版本升級也很困難， ProcessOn無需下載安裝和升級，直接提供線上服務； 在用戶端上進行檔的修改和傳送過於麻煩， 且容易出錯， ProcessOn直接提供線上協作功能，多人可同時線上修改，簡單方便； 多個檔的本機存放區，難查找且易丟失， ProcessOn即時線上存儲，自動儲存； 使用者在作圖時需要花費大量時間找資源，而 ProcessOn提供海量資源分享，還有使用者自建的社區，可説明節省大量的學習時間，同時還擁有社交功能。

CSDN:我們知道企業的IT環境非常複雜，而且差異性很大，你們如何滿足使用者的個人化需求？

張瑩：相對於其他互聯網產品來講，ProcessOn的專業性非常強，尤其是像流程圖、軟體建模語言等等這些都是有嚴格的語法要求的，所以在研發的過程中，我們都是先嚴格按照專業作圖示准來進行執行，然後才考慮代碼的實現。 所以很少會存在使用者個人化需求不足的情況，大多數情況都是使用者希望增加一些功能，我們基本上都會列入計畫，儘快進行實現。 目前ProcessOn提供了9種不同類似的作圖模型供使用者進行選擇，包括Flowchart、EVC、EPC、BPMN、UML、IOS介面原型圖、組織結構圖、卞氏圖表、思維導圖等等，基本上涵蓋了90%以上的使用者需求。

CSDN:最後我想你給我們分享下，你對國內SaaS市場的一些看法？

張瑩：隨著互聯網的高速發展，很多企業已經從「資訊化」轉向「互聯網化」，而且收費模式也從「賣軟體」變成「賣服務」，所以SaaS將成為未來的發展趨勢這點是毋庸置疑的。 在2011年，SAP斥資34億美元收購了人才管理雲服務商SuccessFactors，在2012年Oracle和IBM也都涉足該領域，先後投入10多億美元進行收購同類雲服務企業，SaaS市場的火爆程度可見一斑。 我們相信美國SaaS市場活躍的投資也肯定會刺激到中國市場的發展，國內SaaS市場也必然進入一個高速的成長期。 所以我們相信，只要能堅持做下去，只要能夠得到使用者的認可，市場就一定會給予我們這些基於SaaS模式的創業團隊以肯定。

更多精彩報導：

【SaaS先鋒】第一期：紛享銷客：3年完成蛻變，上演CRM領域「速度與激情」【SaaS先鋒】Worktile從協作切入，超速崛起，上線一年獲數千萬融資【SaaS先鋒】上線半年破35萬使用者，dayHR打造免費HR雲平臺【 SaaS先鋒】愛折騰、鑽冷門：臥龍崗極客正顛覆傳統客戶支援服務【SaaS先鋒】解決「吃」的問題，雅座CRM讓餐廳不缺客人

SaaS先鋒系列主要報導國內SaaS領域具有代表意義的初創企業，致力於打造SaaS領域的「元素週期表」，集中報導SaaS領域細分應用市場如協同辦公、輕量OA、企業IM、CRM、BI、財務、SCM、HR、行業應用等先鋒企業。 尋求免費報導請先下載並填寫「 SaaS先鋒報導申請書」，然後郵件weiwei@csdn.net；收到回復代表申請成功，另外您也可以通過QQ：1033683606聯繫我們。

更多精彩內容請關注我們「SaaS聯盟」微信公眾號，或搜索「SaaSalliance」。 我們將精准推送SaaS領域最新技術；分享國內外SaaS市場區隔的創業實踐；專業報導SaaS領域初創公司；打造SaaS即時交流平臺。 你也可以掃描左邊的二維碼關注我們。