數(shù)字孿生低代碼產(chǎn)品設(shè)計(jì)分享

0 評(píng)論 5053 瀏覽 15 收藏 10 分鐘

作者參與過(guò)兩款數(shù)字孿生低代碼產(chǎn)品0-1的過(guò)程,本文從產(chǎn)品框架到需求,到最后的發(fā)布,詳細(xì)說(shuō)明了基于產(chǎn)品交付孿生項(xiàng)目的流程,供大家參考。

我是20年進(jìn)入數(shù)據(jù)可視化行業(yè)的,從當(dāng)時(shí)的數(shù)據(jù)可視化大屏,到后來(lái)的三維可視化,慢慢到現(xiàn)在的數(shù)字孿生,數(shù)字孿生行業(yè)涌現(xiàn)非常多的相關(guān)企業(yè)以及產(chǎn)品;本人也有幸參與并主導(dǎo)過(guò)兩款數(shù)字孿生低代碼產(chǎn)品的0-1過(guò)程,一個(gè)是以WebGL為主導(dǎo)的產(chǎn)品,另一個(gè)則是更大更全的全棧式產(chǎn)品,包含WebGL以及UE在內(nèi)。

首先,我們來(lái)拆解一個(gè)數(shù)字孿生項(xiàng)目的組成部分,此處不包含前置的數(shù)據(jù)集成、清洗等相關(guān)內(nèi)容:

數(shù)字孿生應(yīng)用?=?駕駛艙圖表?+?三維場(chǎng)景?+?數(shù)據(jù)?+?邏輯

因此,我們就可以大致得到我們的產(chǎn)品框架,可分為:

  1. 駕駛艙圖表編輯器:主要負(fù)責(zé)搭建前端圖表;
  2. 三維場(chǎng)景編輯器:主要負(fù)責(zé)搭建三維場(chǎng)景;
  3. 數(shù)據(jù)管理模塊:接入數(shù)據(jù)源,支持多種常見(jiàn)類(lèi)型;
  4. 邏輯配置模塊:交互/數(shù)據(jù)邏輯配置;

然后,再結(jié)合當(dāng)下主流趨勢(shì)以及實(shí)際需求,加入項(xiàng)目管理功能,我們就可以將產(chǎn)品框架進(jìn)一步優(yōu)化為以下內(nèi)容:

在上述功能模塊中,流渲染場(chǎng)景編輯器以及藍(lán)圖為重點(diǎn)核心模塊,也會(huì)在本篇文章中進(jìn)行重點(diǎn)介紹。應(yīng)用編輯器過(guò)于考驗(yàn)圖表種類(lèi)和個(gè)數(shù)的沉淀和積累,如所在公司已有成熟的圖表定制化開(kāi)發(fā)流程,可以考慮在前期采用集成前端方案來(lái)進(jìn)行規(guī)避此問(wèn)題。

有了以上部分,基于產(chǎn)品交付孿生項(xiàng)目的流程就可以清晰地表達(dá)出來(lái)了:

在個(gè)人設(shè)計(jì)過(guò)程中,盡量遵循高內(nèi)聚低耦合思想,模塊間互相結(jié)構(gòu),如本次產(chǎn)品中的,應(yīng)用編輯器、場(chǎng)景編輯器,都可以獨(dú)立成一款單獨(dú)的產(chǎn)品。

01

戀愛(ài)三部曲——“始于顏值、忠于人品、陷于才華”

在孿生項(xiàng)目中同樣適用,“顏值”即指項(xiàng)目場(chǎng)景效果,“人品”即指項(xiàng)目中的數(shù)據(jù)和邏輯,“才華”即指項(xiàng)目帶來(lái)的價(jià)值;

近幾年隨著市場(chǎng)對(duì)數(shù)字孿生概念以及案例的了解,市面上廠商開(kāi)始“卷效果”,超寫(xiě)實(shí)的場(chǎng)景還原成了項(xiàng)目基本要求,UE引擎憑借其3A級(jí)別渲染效果,成為了市場(chǎng)交付孿生項(xiàng)目的主流方式。

但UE交付成本較高,因此,如何通過(guò)項(xiàng)目需求來(lái)標(biāo)準(zhǔn)化產(chǎn)品化功能,成為了每個(gè)數(shù)字孿生低代碼產(chǎn)品的重中之重。

那么接下來(lái),我們來(lái)聊聊流渲染場(chǎng)景編輯器設(shè)計(jì)思路,重點(diǎn)為功能設(shè)計(jì)層面:

通過(guò)近幾年數(shù)字孿生項(xiàng)目的交付經(jīng)驗(yàn),我將場(chǎng)景編輯器的功能分成了三部分:基礎(chǔ)功能、拓展功能定制功能。

基礎(chǔ)功能:能夠滿(mǎn)足項(xiàng)目交付的基本功能,也就是所有項(xiàng)目中通用的部分,可以類(lèi)比為房子交付階段的“毛坯房”;

以下是整理總結(jié)的基礎(chǔ)功能部分:大致羅列一下,不展開(kāi)具體描述。

拓展功能:基于項(xiàng)目需求不斷反哺產(chǎn)品,標(biāo)準(zhǔn)化項(xiàng)目需求,使其成為產(chǎn)品功能,可以類(lèi)比為“硬裝”;

這里重點(diǎn)介紹一下我個(gè)人比較看重的“數(shù)字要素”功能;

數(shù)字要素:疊加在孿生數(shù)字底板上的數(shù)字業(yè)務(wù)場(chǎng)景

舉個(gè)例子:POI是一種常見(jiàn)的數(shù)據(jù)表達(dá)方式,如監(jiān)控點(diǎn)位、人員點(diǎn)位等,那么POI就是一種數(shù)字要素,其他常見(jiàn)的還有飛線、路徑、圍欄、熱力等,他們都是不同類(lèi)型的數(shù)字要素,可分為點(diǎn)、線、面、體四種大類(lèi)。

一個(gè)孿生項(xiàng)目中,通常50%-60%甚至更高,都會(huì)是客戶(hù)的業(yè)務(wù)數(shù)據(jù)展示需求。因此,自由地組合數(shù)字要素,就可以滿(mǎn)足一個(gè)個(gè)不同的業(yè)務(wù)場(chǎng)景。

在模擬仿真需求中,同樣地可以組合數(shù)字要素來(lái)實(shí)現(xiàn)效果,如火災(zāi)仿真:

因此,在設(shè)計(jì)理論上,通過(guò)不斷地積累數(shù)字要素類(lèi)型,可極大降低交付成本,當(dāng)然,不同類(lèi)型數(shù)字要素的功能過(guò)程,也會(huì)非??简?yàn)產(chǎn)品經(jīng)理的邏輯思維抽象能力。

定制功能:沒(méi)有那么通用的項(xiàng)目需求,基本每個(gè)項(xiàng)目中占比達(dá)10%-20%,通過(guò)定制化開(kāi)發(fā)的方式集成到項(xiàng)目中,可以理解為“個(gè)性化軟裝”;

在流渲染場(chǎng)景編輯器中,我們還設(shè)計(jì)了云渲染服務(wù)管理以及硬件資源監(jiān)控等模塊,方便項(xiàng)目的運(yùn)維使用。

02

最后,我們來(lái)講一下藍(lán)圖設(shè)計(jì),藍(lán)圖設(shè)計(jì)的主要功能是用來(lái)做數(shù)據(jù)接入以及交互邏輯配置的。在藍(lán)圖功能中,可以解析應(yīng)用圖層以及場(chǎng)景大綱中所有可被交互的元素,并拖拉拽式生成藍(lán)圖節(jié)點(diǎn),最后連線完成配置。

為什么會(huì)選擇藍(lán)圖的方式,有以下幾個(gè)原因:

  1. 設(shè)計(jì)靈活性強(qiáng),藍(lán)圖節(jié)點(diǎn)可以封裝得很標(biāo)準(zhǔn),也可以非常原子化,能夠通過(guò)組合節(jié)點(diǎn)來(lái)實(shí)現(xiàn)邏輯多樣性;
  2. 操作簡(jiǎn)單,節(jié)點(diǎn)+連線的方式,配置全程可視化操作;
  3. 可讀性和維護(hù)性強(qiáng),通過(guò)節(jié)點(diǎn)上下游加節(jié)點(diǎn)定位等操作體驗(yàn),可以快速理清節(jié)點(diǎn)邏輯和定位問(wèn)題;

當(dāng)然,會(huì)有人覺(jué)得藍(lán)圖的學(xué)習(xí)成本偏高,但只要能夠理清邏輯,其實(shí)藍(lán)圖非常簡(jiǎn)單,上圖就是點(diǎn)擊模型,切換相機(jī)鏡頭的藍(lán)圖交互配置。

在藍(lán)圖設(shè)計(jì)中,主要有幾種類(lèi)型的節(jié)點(diǎn):

  1. 場(chǎng)景及應(yīng)用相關(guān)節(jié)點(diǎn),如模型、圖表等;
  2. 數(shù)據(jù)接入及邏輯判斷節(jié)點(diǎn),如數(shù)據(jù)集、支路判斷等;
  3. 流程控制節(jié)點(diǎn),如計(jì)時(shí)器、動(dòng)畫(huà)控制等;

我個(gè)人喜歡進(jìn)行高度自定義配置的藍(lán)圖方式,因?yàn)楫a(chǎn)品最終目標(biāo)還是為了項(xiàng)目交付,提升項(xiàng)目交付效率。因此在設(shè)計(jì)過(guò)程中,藍(lán)圖節(jié)點(diǎn)會(huì)盡可能地“嚼碎”,能夠滿(mǎn)足原子化的方式去靈活組合,滿(mǎn)足多樣的業(yè)務(wù)需求場(chǎng)景。

除了項(xiàng)目搭建過(guò)程中相關(guān)的功能點(diǎn),這里再介紹一下管理后臺(tái)。

管理后臺(tái)是一個(gè)獨(dú)立的地址,在管理后臺(tái)中,用戶(hù)能夠進(jìn)行賬號(hào)管理、資產(chǎn)管理、云渲染服務(wù)管理等管理操作。

最后總結(jié)

整個(gè)完整的產(chǎn)品,功能點(diǎn)非常的多,這次主要介紹下核心部分的思路。

其實(shí)大家去逛一圈市面上的數(shù)字孿生低代碼產(chǎn)品,核心的功能點(diǎn)都極其類(lèi)似,那么產(chǎn)品經(jīng)理除了產(chǎn)品本身功能點(diǎn)設(shè)計(jì)外,其實(shí)更應(yīng)該考慮如何去做差異化競(jìng)爭(zhēng)。

產(chǎn)品功能本身沒(méi)有秘密也沒(méi)有壁壘,關(guān)于差異化競(jìng)爭(zhēng)的內(nèi)容,后面有空了再專(zhuān)門(mén)寫(xiě)一篇文章進(jìn)行分享。

歡迎大家一起探討,共同進(jìn)步。

本文由 @不理性的小馬同學(xué) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!