最近幾年，無代碼這種模式非?；馃?，BAT都推出了自己的無代碼產(chǎn)品。對于企業(yè)解決業(yè)務(wù)流程信息化很有幫助。本文從布局、功能給阿甲展示無代碼產(chǎn)品的關(guān)鍵要素，并從用戶洞察、競品分析等維度讓大家深入了解這類產(chǎn)品。

你有沒有過一個(gè)閃念：希望創(chuàng)建一個(gè)小程序、網(wǎng)站來解決特定問題或幫助他人，甚至你已經(jīng)準(zhǔn)備開始組建自己的研發(fā)團(tuán)隊(duì)？或者你沒有無足夠資金？不會編寫代碼？

無代碼是非?；馃岬囊粋€(gè)賽道，2024年預(yù)測市場規(guī)模將達(dá)到百億級別，而行業(yè)玩家也很多，甚至騰訊、阿里、百度都有自己的無代碼產(chǎn)品。這里面很大一部分的無代碼產(chǎn)品都是面向企業(yè)解決業(yè)務(wù)流程信息化，相信大家對這種無代碼產(chǎn)品比較熟悉。今天這篇文章是無代碼生成面向用戶的消費(fèi)級應(yīng)用的，希望對你能有一定幫助。

看來我已經(jīng)開始引起你的興趣了，接下來我將從布局、功能向你展示如何使用無代碼產(chǎn)品的關(guān)鍵要素，同時(shí)會從用戶洞察、競品分析、產(chǎn)品展望向你更深入了解。接下來，enyoy~

一、布局

首先是布局，對于從事軟件設(shè)計(jì)或開發(fā)的朋友來說，下面這張圖片應(yīng)該讓你們非常熟悉。這是一張典型的UI設(shè)計(jì)界面圖，該頁面中包含如下三個(gè)部分：左側(cè)是頁面和組件，中間是頁面預(yù)覽，右側(cè)是組件或頁面的詳細(xì)配置。你可以在每個(gè)組件中進(jìn)行設(shè)計(jì)、內(nèi)容和交互相關(guān)的配置。

一般搭建網(wǎng)頁或者小程序的無代碼平臺的主要操作頁面就是一個(gè)畫布，在畫布上可以進(jìn)行頁面，按鈕等個(gè)性化的軟件建設(shè)，而通過快捷操作欄上的按鈕，你可以進(jìn)行數(shù)據(jù)庫，第三方api、AI、預(yù)覽和發(fā)布等操作。

畫布

figma編輯頁面

二、功能列表

看完布局后，接下來了解下功能列表。

1. 原子級組件和交互

以Web端為例，無代碼的組要功能部件是組件，提供了24種豐富的組件，這些組件分為展示、輸入和容器三大類別，包括但不限于文字、圖片、按鈕、表格、富文本、視頻、輸入框、容器，以及視圖等組件。多種的組件選擇，為應(yīng)用開發(fā)帶來了無限可能性。

原子級組件

無代碼平臺一般還會支持多種方式觸發(fā)互動，觸發(fā)機(jī)制包括頁面加載/卸載、點(diǎn)擊和懸浮等。而交互包括條件判斷，循環(huán)執(zhí)行，數(shù)據(jù)表增刪改查，組件操作，用戶注冊/登錄/退出，頁面加載和卸載，支付等。

原子級交互

有了組件和交互后，無代碼還會提供超自動引擎能夠讓用戶無需撰寫任何代碼，像繪制流程圖一樣實(shí)現(xiàn)應(yīng)用的邏輯設(shè)計(jì)，這極大地降低了設(shè)計(jì)和開發(fā)的門檻，可以輕松完成復(fù)雜的應(yīng)用設(shè)計(jì)工作。

超自動引擎

到這里就已經(jīng)基本闡述為何無代碼能通過無代碼方式進(jìn)行軟件應(yīng)用開發(fā)。組件、觸發(fā)方式以及交互特性都是不可分割且最小化的，用戶可以通過畫布完成頁面的個(gè)性化設(shè)計(jì)，最后通過可視化邏輯引擎將應(yīng)用邏輯建立起來。而這些最基本的功能模塊像搭積木一樣進(jìn)行組合，最終完成個(gè)性化的產(chǎn)品設(shè)計(jì)。無代碼平臺以其獨(dú)特的方法，賦予了用戶迅速、有效地完成應(yīng)用開發(fā)的能力。

2. 數(shù)據(jù)庫

同樣的，無代碼平臺也提供可視化無代碼創(chuàng)建數(shù)據(jù)庫，用來存儲應(yīng)用數(shù)據(jù)。

和常見的關(guān)系型數(shù)據(jù)庫一樣，支持創(chuàng)建表單和表單間的關(guān)系。其中表單支持的字段類型有文本，圖片，整數(shù)，無限精度小數(shù)等類型，表單間的關(guān)系是一對一和一對多兩種。

到這里，我們已經(jīng)說清楚無代碼平臺是如何實(shí)現(xiàn)無代碼應(yīng)用開發(fā)了?？梢暬瘮?shù)據(jù)庫操作與畫布級操作一起搭配，提供了無代碼應(yīng)用開發(fā)的基礎(chǔ)能力。

可視化數(shù)據(jù)庫

3. 大語言模型能力

在當(dāng)前軟件應(yīng)用眾多的市場環(huán)境下，純粹的無代碼開發(fā)可能已不能滿足復(fù)雜的需求。因此，無代碼還將最先進(jìn)的大語言模型能力融入到其無代碼平臺，以增強(qiáng)用戶產(chǎn)品的競爭力。

據(jù)我了解到的，某些無代碼平臺的高級功能包括對數(shù)據(jù)庫中的文本內(nèi)容進(jìn)行向量處理。這種處理方式使得處理過的文本具有語義識別能力，而不僅僅停留在單純的結(jié)構(gòu)化處理層面。

同時(shí)支持無代碼使用大語言模型進(jìn)行對話。對話過程中，用戶可以在上下文中添加PDF（通過RAG檢索處理），應(yīng)用的數(shù)據(jù)庫和第三方API等內(nèi)容，以提升回答的準(zhǔn)確性和豐富度。

最關(guān)鍵的是，這些先進(jìn)的功能都可以通過無代碼、可視化的方式進(jìn)行構(gòu)建。

所以，大膽地發(fā)揮想象力，用無代碼平臺構(gòu)建出屬于自己的chatpdf，chatdatabase，chateverything等應(yīng)用，釋放創(chuàng)造力，不讓代碼成為創(chuàng)新的障礙。

大語言模型能力

4. 產(chǎn)品框架

為了幫助大家更好理解無代碼平臺的能力，我畫了張功能架構(gòu)圖，列出了無代碼的功能列表。

架構(gòu)圖

5. 總結(jié)

毫無疑問，這種無代碼平臺能在很大程度上滿足用戶的靈活和個(gè)性化需求，進(jìn)而與面向企業(yè)信息化的無代碼平臺差異化競爭。

原子級的組件和交互設(shè)計(jì)元素，自研的ZVM畫布和可視化數(shù)據(jù)庫，可以實(shí)現(xiàn)快速、高效、靈活的軟件構(gòu)建。它不僅限于基礎(chǔ)的構(gòu)建功能，還整合了大語言模型，增強(qiáng)搜索（RAG），向量空間和支付等高級功能，大大提升了軟件應(yīng)用的競爭力。

最關(guān)鍵的是，所有這些復(fù)雜的過程都無需用戶編寫任何代碼。用戶只需通過可視化界面進(jìn)行配置，即可輕松實(shí)現(xiàn)一個(gè)功能強(qiáng)大、個(gè)性化的應(yīng)用。

三、用戶洞察

這種類型軟件的的用戶是什么樣的呢？根據(jù)我的觀察，用戶有軟件產(chǎn)品經(jīng)理，互聯(lián)網(wǎng)+和軟件服務(wù)商三大類。

對于軟件產(chǎn)品經(jīng)理，我非常推薦他們體驗(yàn)無代碼平臺，具體原因有：

• 可以了解軟件的實(shí)現(xiàn)邏輯，理解軟件的開發(fā)過程，從而幫助撰寫更高效的需求文檔和更好地與研發(fā)團(tuán)隊(duì)溝通；
• 如果有自己的創(chuàng)新想法，但受限于沒有代碼能力，可以利用無代碼制作最小可行性產(chǎn)品，驗(yàn)證這些產(chǎn)品思路。

對于互聯(lián)網(wǎng)+的業(yè)務(wù)者，如果試圖通過互聯(lián)網(wǎng)技術(shù)增強(qiáng)自身業(yè)務(wù)的競爭力，比如實(shí)現(xiàn)業(yè)務(wù)的數(shù)字化，信息化和自動化等。無代碼平臺以其無需招聘研發(fā)團(tuán)隊(duì)，不用進(jìn)行項(xiàng)目和技術(shù)管理的優(yōu)勢，成為互聯(lián)網(wǎng)+業(yè)務(wù)者的首選，讓他們可以專注于核心競爭力的構(gòu)建。

最后，為軟件服務(wù)提供商，目前國內(nèi)軟件服務(wù)商的生存環(huán)境較差，客戶預(yù)算不斷減少，競爭卻不斷加劇，成本居高不下。無代碼工具給服務(wù)商提供了全新的交付方式，能夠節(jié)省開發(fā)和維護(hù)成本。同時(shí)，也能避免由于人員更換導(dǎo)致的項(xiàng)目維護(hù)難度增加、成本上升等問題。

四、競品分析

低代碼供應(yīng)商圖譜，來自lowcode

無代碼開發(fā)市場的井噴發(fā)展，加上競爭的日益激烈，讓新舊參與者蜂擁而至。凡科建站、towify、釘釘宜搭，以及明道云等，均是這個(gè)領(lǐng)域的重要選手。然而，我今天希望將視線轉(zhuǎn)向更具前瞻性的AI應(yīng)用開發(fā)領(lǐng)域，看看AI領(lǐng)域中的無代碼平臺是什么樣的。

避免廣告，這次做為競品的是一個(gè)生成性AI應(yīng)用創(chuàng)新引擎，提供從Agent構(gòu)建、AI工作流編排、RAG檢索到模型管理等一系列能力，使得構(gòu)建與運(yùn)營生成型AI原生應(yīng)用變得輕松。該競品目前支持創(chuàng)建聊天助手、文本生成應(yīng)用、Agent和工作流。在這次分析中，我們將只針對工作流進(jìn)行對比。

首先，我們看到在設(shè)計(jì)頁面。整體上，Dify的編輯頁面簡潔許多，更像是一個(gè)便于利用大語言模型進(jìn)行邏輯處理的流程編排頁面。

流程編排

在功能節(jié)點(diǎn)方面，提供了廣泛的選項(xiàng)和工具。包括大語言模型(LLM)，知識檢索，回復(fù)，分類等。同時(shí)，它支持搜索引擎以及生成音頻等功能，能夠滿足不同的需求，具體可以參考下圖。

節(jié)點(diǎn)列表

工具列表

而在在客戶端上不能靈活定義頁面和交互，而是固定為輸入框-處理過程-輸出框，如下圖所示。

三步翻譯工作流執(zhí)行結(jié)果

乍一看，這可能像是兩款完全不同的軟件，表面上看不到直接的競爭關(guān)系。

然而，從更長遠(yuǎn)的視角來看，我認(rèn)為在未來的AI應(yīng)用開發(fā)市場上，兩者可能會轉(zhuǎn)變?yōu)橹苯拥母偁帉κ?。這主要取決于在AI的引領(lǐng)下，未來的應(yīng)用將會呈現(xiàn)出怎樣的形態(tài)。是把AI能力添加到小程序、網(wǎng)站、APP中，還是純粹的輸入輸出對話框形式。

五、總結(jié)

到這里，文章的基本內(nèi)容就已經(jīng)結(jié)束了。整篇文章從產(chǎn)品體驗(yàn)，用戶洞察，商業(yè)模式，產(chǎn)品吐槽及建議和產(chǎn)品展望帶大家全面了解無代碼平臺，如果有收獲，將是我的榮幸。