伙伴云耗時7個月，各團(tuán)隊全力以赴打造的明星產(chǎn)品，到底為什么這樣強(qiáng)大？跟隨戴志康與4位主創(chuàng)團(tuán)隊，我們一起探秘「頁面」背后的故事……
分享嘉賓：
戴志康，伙伴云CEO—「頁面」領(lǐng)航員，80后創(chuàng)業(yè)代表，Discuz！創(chuàng)始人，科技極客，理想主義者；
吳楊，伙伴云產(chǎn)品總監(jiān)—「頁面」操盤手，IT精英，技術(shù)大拿，多年產(chǎn)品研發(fā)經(jīng)驗，新一代管理者；
劉福民，客戶成功總監(jiān)—「頁面」護(hù)航者，客戶至上、直擊場景痛點、陪伴式服務(wù)、細(xì)節(jié)控；
郭昊，伙伴云項目經(jīng)理—「頁面」建筑師，web專家、用戶體驗至上、擅長敏捷管理、堅信技術(shù)改變世界。
他們說——
戴志康—伙伴云CEO
“《阿凡達(dá)水之道》這部電影里，有一句臺詞我特別有共鳴，“I see you”。它不是簡單的字面的意思，而是在表達(dá)一種深度的連接，一種心和心之間真正的”看見“。主角在那一刻，終于看見了兒子的情感，他的初衷，他的努力�！疙撁妗沟某跣木褪沁@樣，希望可以讓投身于數(shù)字化的年輕人，真正地”被看見“，讓年輕人的創(chuàng)造力與自信、活力更好地呈現(xiàn)在所有人面前。”
吳楊—伙伴云產(chǎn)品總監(jiān)
「頁面」不是奇思妙想，是從客戶中來到客戶中去的典型方案�；锇樵埔�“一線業(yè)務(wù)人員可以上手”作為衡量標(biāo)準(zhǔn)來做產(chǎn)品設(shè)計。結(jié)合伙伴云用戶的使用能力，以及產(chǎn)品的定位，沒有選擇最為靈活的網(wǎng)頁設(shè)計器，因為最為靈活的代價是復(fù)雜，上手門檻太高。也沒有選擇最為簡單的文檔塊設(shè)計器，因為靈活性不夠，導(dǎo)致無法滿足客戶場景的需要�！疙撁妗巩a(chǎn)品的設(shè)計理念由“表單驅(qū)動”上升到“模型驅(qū)動”，將表格看作數(shù)據(jù)管理的基礎(chǔ)，所有的交互都可以自行定義，而「頁面」就是承載交互定義的載體。
劉福民——客戶成功總監(jiān)
伙伴云給了客戶想象力落地的可能性，尤其是年輕人。之前更多的是內(nèi)部數(shù)字化的自由，有了「頁面」之后自由升級了，進(jìn)一步擴(kuò)展了年輕人的想象空間，它提供了更強(qiáng)的布局能力，更好看，更靈活，甚至即將提供對外分享、對外鏈接的能力，"年輕人們"不僅是在企業(yè)中可以發(fā)光發(fā)熱，他還能用「頁面」做更多的事情，比如個人主頁，經(jīng)驗分享，從而在企業(yè)內(nèi)外成為"最閃亮的那顆星"。
郭昊—伙伴云項目經(jīng)理
整個產(chǎn)品的呈現(xiàn)壓力主要集中在前端部分，因為 Page 是高度自定義的產(chǎn)品，而且直接觸達(dá)終端用戶，如何能提供盡可能好的性能，又能無縫整合一些現(xiàn)有的大型功能組件（比如表格核心功能，圖表等）是一個巨大的挑戰(zhàn)，一些舊版組件要改造，舊版的接口也要改造，還不能破壞現(xiàn)有功能和數(shù)據(jù)。一個簡單的組件顏色問題就嵌套了無數(shù)層，需要具體的功能的配色方案，這些細(xì)節(jié)的打磨都是為了給用戶提供更豐富更精美的產(chǎn)品呈現(xiàn)。挑戰(zhàn)還會很多，所有完美的程序都需要跟隨業(yè)務(wù)不斷成長、創(chuàng)新、打破、再成長；以后還會有各種需求，對于技術(shù)側(cè)來講就是用技術(shù)創(chuàng)新來承載無限的市場需求。
他們的故事——
01「頁面」的靈感誕生：讓數(shù)字化從業(yè)者“被看見”
為什么要做「頁面」？
經(jīng)歷過完整web時代變遷的人都知道，對于不太懂技術(shù)，但又希望借助互聯(lián)網(wǎng)工具成就自己的人來說，非�？释豢畹烷T檻的web工具。
「頁面」與其說是奇思妙想，更不如說是從客戶中來到客戶中去的理念照進(jìn)現(xiàn)實。
在之前，伙伴云更關(guān)注的是企業(yè)內(nèi)部的數(shù)字化，功能的閉環(huán)是關(guān)鍵，現(xiàn)在，千人級別公司的內(nèi)部數(shù)字化99%可以通過伙伴云完成，這時候前端體驗的重要性凸顯出來。對內(nèi)客戶面臨著分散場景的查找管理問題，對外面臨著分享表單樣式樸素的問題。
結(jié)合伙伴云零代碼搭建思路，伙伴云確定了用“建站”的思路來設(shè)計新產(chǎn)品，也由此給這個新產(chǎn)品起了個名字，叫做“Page”。因為網(wǎng)站就是由一個一個頁面相互串聯(lián)構(gòu)成的。
我們分析了國內(nèi)外的各種軟件思路，發(fā)現(xiàn)核心功能和我們的設(shè)計思路并不一樣，可以借鑒的地方非常少。純寫html和js代碼無法滿足不了個性化；wix，webflow類低代碼上手難度高；同時需要滿足個性化的需求。而伙伴云的「頁面」基于零代碼，實現(xiàn)了完全業(yè)務(wù)人員可用+快速修改。
「頁面」主創(chuàng)團(tuán)隊認(rèn)為，通過「頁面」豐富的展現(xiàn)形式讓數(shù)據(jù)說話，可以讓數(shù)字化從業(yè)者能夠為團(tuán)隊講好故事，順利推進(jìn)企業(yè)數(shù)字化進(jìn)程；為企業(yè)提供一個連通內(nèi)外的橋梁，用戶使用「頁面」搭建自己的門戶，面向終端用戶展現(xiàn)專業(yè)性；讓業(yè)務(wù)人員可以自己搭建系統(tǒng)，并快速調(diào)整，十倍速提升效能。
02 「頁面」的落地：200多個日日夜夜，3000多次代碼提交
一個想法到一個功能的落地，是有很長一段路要走的，這里面涉及到了需求調(diào)研，產(chǎn)品交互，技術(shù)方案的構(gòu)想再到具體的研發(fā)實施。
在正式立項之前，「頁面」主創(chuàng)團(tuán)隊針對性調(diào)研客戶，很多想法和客戶深度契合，主要有三個方向，內(nèi)部數(shù)字化、外部客戶連接、個人應(yīng)用。
內(nèi)部數(shù)字化比如內(nèi)部的公告、制度、知識庫的管理需要更多的交互方式，而并非僅僅基于表格和表單的形式；
外部客戶連接方面對“顏值”要求的提升；
個人應(yīng)用層面，一些游戲公會管理、激勵體系等活動，也需要更炫酷的頁面展現(xiàn)。
伙伴云以“一線業(yè)務(wù)人員可以上手”作為衡量標(biāo)準(zhǔn)，來做產(chǎn)品設(shè)計。結(jié)合伙伴云用戶的使用能力，以及產(chǎn)品的定位，沒有選擇最為靈活的網(wǎng)頁設(shè)計器，因為最為靈活的代價是復(fù)雜，上手門檻太高。也沒有選擇最為簡單的文檔塊設(shè)計器，因為靈活性不夠，導(dǎo)致無法滿足客戶場景的需要。
借助這樣的想法，「頁面」主創(chuàng)團(tuán)隊將伙伴云零代碼產(chǎn)品的設(shè)計理念繼續(xù)升級，由“表單驅(qū)動”上升到“模型驅(qū)動”，將表格看作數(shù)據(jù)管理的基礎(chǔ)，所有的交互都可以自行定義，而Page—「頁面」就是承載交互定義的載體。·
按照上面的原則進(jìn)行具體需求的調(diào)研、梳理、方案選型，制定產(chǎn)品路線圖，最后按照規(guī)劃進(jìn)入細(xì)節(jié)的邏輯設(shè)計、交互設(shè)計、技術(shù)調(diào)研，輸出“萬字長文”的需求文檔和“數(shù)百頁”的設(shè)計圖，才交付研發(fā)。
而「頁面」的布局方式就討論了三周，跟設(shè)計、產(chǎn)品一起來回推敲。國外建站產(chǎn)品 Sharepoint 等都是流式布局，「頁面」在后來的設(shè)計逐漸清晰以后，發(fā)現(xiàn)許多組件需要絕對布局下才更靈活，比如「頁面」組件能夠靈活調(diào)整高度的問題也是個不小的挑戰(zhàn)，因為組件類型非常復(fù)雜，比如表格組件很重，還要保證性能等；經(jīng)歷了大概 15 個迭代周期，產(chǎn)出了 30 多份技術(shù)方案，3000 多次的代碼提交，一同經(jīng)歷了近 200 個日日夜夜，才完成「頁面」的初步版本。
03挑戰(zhàn)與成就：「頁面」細(xì)微處見真章
在「頁面」產(chǎn)品誕生過程中，有壓力、有挑戰(zhàn)，更有滿滿的成就感。
「頁面」領(lǐng)航員戴志康表示，最大的挑戰(zhàn)就是如何用盡可能少的組件元素，實現(xiàn)盡可能豐富的組合效果。零代碼產(chǎn)品這種越用越靈活，越強(qiáng)大的產(chǎn)品實際上是樂高式的產(chǎn)品，需要元素盡可能少，但是又要盡可能實現(xiàn)豐富的組合效果。如果需要實現(xiàn)組件和組件之間的高耦合度，就需要前期做好整體設(shè)計。
對于「頁面」的總設(shè)計師吳楊來說，最大的挑戰(zhàn)是細(xì)節(jié)的打磨，數(shù)百張設(shè)計圖里蘊(yùn)含乾坤，文字顏色、粗細(xì)搭配等都要遵循一定的邏輯和韻律。Page中組件的設(shè)計要做到開箱即用，比如“圖文”列表，隨著瀏覽器寬度的不同，往往難以確定一行應(yīng)該顯示幾個圖文模塊，為了達(dá)到最佳體驗，團(tuán)隊做了不少動態(tài)化的設(shè)計，使得放入「頁面」的組件，怎么都好看。
「頁面」的建筑師郭昊認(rèn)為，難點在于技術(shù)的落地與突破創(chuàng)新，整個產(chǎn)品的呈現(xiàn)壓力主要集中在前端部分，因為 Page 是高度自定義的產(chǎn)品，而且直接觸達(dá)終端用戶，如何能提供盡可能好的性能，又能無縫整合一些現(xiàn)有的大型功能組件（比如表格核心功能，圖表等）是一個巨大的挑戰(zhàn)，一些舊版組件要改造，舊版的接口也要改造，還不能破壞現(xiàn)有功能和數(shù)據(jù)。
一個簡單的組件顏色問題就嵌套了無數(shù)層，需要具體的功能的配色方案，這些細(xì)節(jié)的打磨都是為了給用戶提供更豐富更精美的產(chǎn)品呈現(xiàn)。
�。ā疙撁妗篂榭ㄆ瑯邮浇M件提供了30多種背景填充色，包含30種單一色，6種漸變色）
挑戰(zhàn)還會有很多，所有完美的程序都需要跟隨業(yè)務(wù)不斷成長、創(chuàng)新、打破、再成長；以后還會有各種需求，對于技術(shù)側(cè)來講就是用技術(shù)創(chuàng)新來承載無限的市場需求。
產(chǎn)品上線后，如何讓客戶真正將「頁面」用起來？這是頁面護(hù)航員——客戶成功總監(jiān)劉福民壓力最大的事情。通過沉淀幫助客戶用的更好，提供更多的最佳實踐，是巨大的挑戰(zhàn)，而另一方面需要考慮如何幫助原有儀表盤客戶平滑切換，需要制定詳細(xì)的策略。而最大的成就感就是，目前90%的用戶對「頁面」都非常認(rèn)可，非常高興我們的產(chǎn)品為客戶帶來了真正的便利。
「頁面」的誕生過程中并不一帆風(fēng)順，各部門工作的銜接與安排，資源的調(diào)配等也面臨著重重矛盾。但這就像城市在開發(fā)建設(shè)中一樣，修路時出現(xiàn)了走路不方便、公交車停運(yùn)、斷水?dāng)嚯姷雀鞣N事情。系統(tǒng)中出現(xiàn)的bug 70%都是開發(fā)新功能時造成的，這是產(chǎn)品革新必然經(jīng)歷的一個階段�；锇樵圃凇疙撁妗沟难邪l(fā)過程中，將各種問題盡量壓縮到最低，最少，在細(xì)微之處呵護(hù)用戶的使用體驗。
04「頁面」賦予了年輕一代，更多創(chuàng)作和表達(dá)的自由
90后被稱為互聯(lián)網(wǎng)原住民，而現(xiàn)在這個時代的年輕人應(yīng)該稱為數(shù)字化原住民。
互聯(lián)網(wǎng)時代是以被動接受為主，未來應(yīng)該會有越來越多的人需要自己的數(shù)字化應(yīng)用，那么如何能在數(shù)字化的土地上找到一片可以自由發(fā)揮的空間是很重要的，尤其是一些互聯(lián)網(wǎng)內(nèi)容創(chuàng)作者、互聯(lián)網(wǎng)深度用戶，他們渴望有一款能夠讓他們自由發(fā)揮的數(shù)字化產(chǎn)品�；锇樵普跒榱诉@個目標(biāo)而努力，為新一代數(shù)字化原住民提供更優(yōu)秀的產(chǎn)品，用極致的用戶體驗帶給大家不一樣的數(shù)字化產(chǎn)品。
在內(nèi)測期間，90后銷售總監(jiān)用「頁面」重構(gòu)了伙伴云自己的CRM系統(tǒng)，一個客戶360全視角的數(shù)據(jù)可以清晰的呈現(xiàn)在銷售同學(xué)的面前。95后設(shè)計同學(xué)，用「頁面」做出了自己的個人主頁，管理讀書筆記、規(guī)劃工作任務(wù)，還做了用StableDiffusion生成的作品集。客戶用它嘗試做出自己的業(yè)務(wù)門戶……"年輕人們"不僅在企業(yè)中可以發(fā)光發(fā)熱，還能用「頁面」做更多的事情，在企業(yè)內(nèi)外都成為"最閃亮的那顆星"。
05展望未來，「頁面」之后還有哪些大動作？
「頁面」這個產(chǎn)品現(xiàn)在還沒有完全實現(xiàn)閉環(huán)�！疙撁妗诡I(lǐng)航員戴志康表示，現(xiàn)在正在將原來儀表盤里的各項功能進(jìn)行遷移，逐漸實現(xiàn)儀表盤的替代。而頁面的分享功能因為背后的審查機(jī)制還未能上線，是接下來的一個重點解決項。更重要的是表單詳情頁的邏輯，從表單驅(qū)動轉(zhuǎn)變?yōu)槟Ｐ万?qū)動，將分享表單重新定義，借助頁面的靈活布局能力，實現(xiàn)客戶門戶的全方位改造。未來更要疊加AI能力，帶來顛覆式的重構(gòu)，期待給用戶提供一個現(xiàn)代化的更加健全、易用、強(qiáng)大的產(chǎn)品。
【頁面】的上線，讓用戶在數(shù)據(jù)管理，企業(yè)互聯(lián)、可視化之間，變得更加流暢絲滑，未來，伙伴云還有更多的新功能、產(chǎn)品和大家見面，讓愿意接受數(shù)字化，使用數(shù)字化工具的用戶，去探索、創(chuàng)造，通過伙伴云零代碼，搭建出不一樣的數(shù)字世界。
