H5-Dooring目前已經(jīng)發(fā)布3.0版本, 從技術(shù)和產(chǎn)品功能上做了進(jìn)一步的優(yōu)化和迭代, 從2.0.0到3.0.0, 大大小小差不多迭代了100個(gè)版本, 接下來(lái)就和大家分享和介紹一下H5-Dooring以及3.0版本的一些變化.

H5-Dooring可視化搭建平臺(tái)介紹

H5-Dooring是一款拖拽式制作web頁(yè)面的工具, 它可以輕松幫我們制作靈活且功能強(qiáng)大的H5頁(yè)面, 我們使用它幾乎沒(méi)有任何成本, 拖拽式的基礎(chǔ)上還提供了豐富的組件, 讓我們可以開(kāi)箱即用. 不管你會(huì)不會(huì)編程, 都可以輕松使用它實(shí)現(xiàn)自己的H5制作需求:

這里我總結(jié)一下它的特點(diǎn):

• 所見(jiàn)即所得(實(shí)時(shí)編輯, 實(shí)時(shí)預(yù)覽, 還支持多模式預(yù)覽)
• 多模式搭建(支持智能網(wǎng)格布局和自由布局兩種模式)
• 豐富且持續(xù)更新的組件物料(提供的組件基本滿足各種使用需求)
• 設(shè)計(jì)輔助能力(支持參考線,網(wǎng)格線, 支持創(chuàng)建自定義參考線, 內(nèi)置色彩搭配畫(huà)板)
• 表單收集和可視化分析能力(對(duì)收集的表單信息進(jìn)行數(shù)據(jù)可視化分析)
• 實(shí)用的快捷鍵支持
• 圖層管理面板和可調(diào)控的頁(yè)面尺寸設(shè)計(jì)
• 支持下載代碼, 輕松部署到自己服務(wù)器
• 支持頁(yè)面本地化版本管理

當(dāng)然還有很多功能, 大家可以慢慢挖掘. 接下來(lái)和大家分享一下3.0版本的更新內(nèi)容.

H5-Dooring3.0 更新內(nèi)容

1. 頁(yè)面管理模塊UI升級(jí)

之前的頁(yè)面列表略顯單調(diào), 目前升級(jí)成卡片模式, 多頁(yè)面的復(fù)制鏈接, 編輯, 復(fù)制頁(yè)面, 刪除頁(yè)面做了更好的視覺(jué)控制設(shè)計(jì), 方便我們進(jìn)行使用.

2. 頂部菜單功能升級(jí)

由于之前頂部菜單功能項(xiàng)較多, 所以看起來(lái)很緊湊, 最近又添加了一些功能鍵, 所以設(shè)計(jì)了常用操作下拉按鈕, 我們可以在下拉菜單中發(fā)現(xiàn)很多實(shí)用的功能, 比如:

• 新建頁(yè)面
• 下載/上傳json
• 生成海報(bào)分享圖
• 網(wǎng)格線開(kāi)關(guān)
• 參考線開(kāi)關(guān)
• 新建參考線
• 清空參考線

后續(xù)隨著功能的迭代, 會(huì)增加更多常用功能, 最更好的分類(lèi)設(shè)計(jì).

3. 屬性編輯器功能迭代

2.0版本是固定在左側(cè)的, 對(duì)于創(chuàng)建PC端頁(yè)面, 會(huì)對(duì)畫(huà)布視線做一定的遮擋, 影響搭建效率. 在新版本中對(duì)交互做了進(jìn)一步升級(jí), 屬性面板支持自由拖拽位置, 并支持手動(dòng)控制展開(kāi)和收起:

上圖我們可以看到, 收起狀態(tài)下幾乎不占用空間, 保證了畫(huà)布的最大視覺(jué)空間.

4. 下載代碼能力

之前版本也支持下載代碼能力, 最近對(duì)出碼模塊做了升級(jí), 可以支持代碼下載后本地一鍵訪問(wèn), 無(wú)需本地啟動(dòng)服務(wù)器.

5. 組件埋點(diǎn)統(tǒng)計(jì), 更好的感知用戶對(duì)組件使用情況

埋點(diǎn)統(tǒng)計(jì)時(shí)候可視化搭建平臺(tái)的輔助能力, 但是對(duì)產(chǎn)品規(guī)劃和后續(xù)產(chǎn)品迭代有非常好的指導(dǎo)價(jià)值, 方便后續(xù)做數(shù)據(jù)分析和精準(zhǔn)迭代.

6. 表單收集和表單數(shù)據(jù)分析能力

這塊主要是對(duì)表單數(shù)據(jù)進(jìn)行更多的業(yè)務(wù)操作, 比如導(dǎo)入數(shù)據(jù), 導(dǎo)出數(shù)據(jù), 生成可視化分析報(bào)告等.

7. 頁(yè)面本地化版本管理能力

頁(yè)面版本管理可以方便用戶對(duì)每一次的保存做記錄, 以便后面想回退, 可以一鍵回退. 這樣做可以最大限度的幫助用戶降低誤操作的可能性, 提高用戶頁(yè)面制作的安全性.

后期規(guī)劃

對(duì)于零代碼或者無(wú)代碼搭建平臺(tái)來(lái)說(shuō), 盡可能的覆蓋更多的場(chǎng)景,滿足更多的用戶使用場(chǎng)景是個(gè)不錯(cuò)的方向, 同時(shí)也要把每個(gè)場(chǎng)景做深做透, 才能讓用戶更好的使用和產(chǎn)生價(jià)值.

未來(lái)dooring會(huì)在如下幾個(gè)方向做進(jìn)一步優(yōu)化:

• 豐富行業(yè)場(chǎng)景模版, 讓用戶更高效的制作頁(yè)面
• 開(kāi)發(fā)小程序容器, 支持一鍵導(dǎo)出小程序容器代碼
• 支持更強(qiáng)大的表單搭建能力
• 打通營(yíng)銷(xiāo)活動(dòng), 助力個(gè)人或者企業(yè)品牌營(yíng)銷(xiāo)
• 上線數(shù)智化模塊, 讓Dooring更懂用戶需求