電商活動頁面數量急劇增加，幾乎每天都有新活動上線，大到雙11、小到“格力電器日”，活動已經成為一種常見的運營模式。基于此，結合行業內的觀察，我們提出了“活動會場的模塊化”思路。
文章主要包含4部分：
1.為什么要做“活動會場模塊化”
2.什么是“會場模塊化”
3.“會場模塊化”的3大好處
4.“會場模塊化”需要考慮哪些內容
預計閱讀時間10分鐘
為什么要做“活動會場模塊化”
今天的電商平臺，活動作為較為日常的運營模式，呈現出“頁面基數大”、“上線時間短”、“更新速度快”3大特征。原有的瀑布流式開發流程，涉及環節眾多，包括業務、產品、交互、視覺、前端、開發、測試等。如果每個活動都這樣做，效率很低。基于此，結合行業內的觀察，我們提出了“活動會場的模塊化”思路。
什么是“會場模塊化”？
活動會場模塊化，也可以理解為活動會場組件化，指的是將活動會場拆解成一個一個可拼裝組件，之后將多個組件聚類歸納和整理，形成一套“模版庫”，并在多次活動中不斷擴充迭代便于使用，提升活動搭建效率及設計品質。模塊化思路落地可大可小，它可以小到一個Sketch文件，也可以大到一個系統。不管能實現到何種程度，它都能有效地提升效率。
“會場模塊化”的3大好處
1.提升內部效率
通過“會場模塊化思路”，可以將一些模塊固化下來，做成前端寫好的模塊，以可視化、簡單、易操作的方式，方便運營在沒有產品、交互、開發等資源的情況下，快速搭建活動頁，為業務賦能。
2.提高統一性
雖然不同活動存在一些差異，但通過選用模版庫的組件，可以有效保證統一性，避免活動頁面“各做各的”。
3.提升活動質量
通過模塊化思路，可以將各個活動的交互設計經驗沉淀下來，有效指導其他活動的設計，提升整體品質。如果運營沒有相關交互背景，也可以用低成本的方式搭建質量還不錯的頁面。
“會場模塊化”需要考慮哪些內容
1.模塊拆解&靈活組合
一般來說，不建議將會場拆分的過于瑣碎，每個模塊至少都是“有含義”的。 比如以京東618主會場為例，模塊都是“坑位組合”，如下圖所示，其中包含了“會場——1行1個/2個/3個/4個”等模塊。通過對“會場、品牌、關鍵詞”等元素進行組合拼裝，結合業務場景，快速產出了3套會場樓層組合。
除此之外，模塊梳理中，還需保留一定的靈活度。比如有的單品有“秒殺價、原價、銷量、好評數”等信息，但有的單品是新品，沒有大力度的優惠。這就要求我們在考慮基礎模塊時，留有一定的靈活度，可以在一定范圍內隱藏/展示部分信息。如果完全是2種類別的坑位，則可以考慮獨立成一個新的模塊。
2.模塊如何使用
除了模塊拆解，模塊的使用也十分重要。如果設計出來的組件庫沒有人使用，也無法真正提高效率。如何依托現有的平臺，將模塊簡單高效的同步使用者，也是模塊化中非常重要的問題。
有的模塊使用十分簡單，比如小組內某位同學整理了一份模版，將Sketch文件在組內同步應用，其他設計同學只需要復制就好。這是只涉及設計層面的“模塊化思路”。有的模塊會對應到一個系統，功能更強大，使用起來也更復雜。以京東內部工具體系中，對類似系統做了大致的梳理，如下圖所示。因為過于復雜，所以進行了簡化以幫助理解。
在A系統中，運營需要提供原始素材，視覺需要上傳坑位PSD視覺模版，系統組合生成坑位圖片；之后圖片被上傳到B系統中，運營依據會場的框架，將圖片收集到一起（比如樓層1中所有的圖片、樓層2中所有的圖片等）；再由B系統將圖片傳到C系統，運營通過該系統選擇可交互的模塊，搭建頁面，系統自動填充從B系統獲取的圖片，最終頁面上線。
其實不難看出，如果將運營作為一個用戶，整個系統較復雜，系統和系統之間也存在一些壁壘，用起來并不是十分順暢，后續還是有一些提升空間。
3.如何優化
模塊的優化思路共涉及2個方面，如下圖所示。
a.面向內部——內部人員使用體驗優化
不管模塊化落地規模如何，是簡單的Sketch/PS文件復用，還是以復雜系統落地，必然會有相應的使用流程。如何提升內部員工的使用效率，是核心優化點之一。 除此之外，通過收集模塊內部的使用數據，比如“3C哪個模塊用的最多”、“哪個模塊的成交數據表現更好”，給出參考意見，幫助他們更好的搭建頁面，但這對系統要求會更高一些。
b.面向外部——模塊本身的迭代
面向C端的用戶，模塊本身也需要不斷驗證、迭代，優化我們的設計。 這就需要我們的“模塊化系統”功能必須包含“數據統計&查看”的功能，通過統計用戶操作的數據，為后期的迭代提供基礎數據支持。
總結
關于“活動會場模塊化”的思考大概就是這些。模塊化的思路可大可小，不管是簡單的Sketch集合，還是龐大的系統，只要是沿著模塊化的思路進行梳理，都可以幫助我們提升自己的效率。
隨著AI技術的發展，未來簡單、重復性的工作必然會被取代。希望可以通過模塊化的思路，解決一些重復性的工作，讓自己有更多的精力投入到機器無法替代的，整合性更強，難度更大的活動設計中去。
寫在結尾：
大家在工作中有什么模塊化的好建議or好工具，熱切期盼留言分享！
以上都是我的初步思考，還有很多地方不完善，歡迎大家批評指正。感謝大家的耐心閱讀，么么噠～～
本文為@運營喵原創，運營喵專欄作者。
