最近幾年，無代碼這種模式非常火熱，BAT都推出了自己的無代碼産品。對于企業解決業務流程資訊化很有幫助。本文從布局、功能給阿甲展示無代碼産品的關鍵要素，并從使用者洞察、競品分析等次元讓大家深入了解這類産品。
你有沒有過一個閃念：希望建立一個小程式、網站來解決特定問題或幫助他人，甚至你已經準備開始組建自己的研發團隊？或者你沒有無足夠資金？不會編寫代碼？
無代碼是非常火熱的一個賽道，2024年預測市場規模将達到百億級别，而行業玩家也很多，甚至騰訊、阿裡、百度都有自己的無代碼産品。這裡面很大一部分的無代碼産品都是面向企業解決業務流程資訊化，相信大家對這種無代碼産品比較熟悉。今天這篇文章是無代碼生成面向使用者的消費級應用的，希望對你能有一定幫助。
看來我已經開始引起你的興趣了，接下來我将從布局、功能向你展示如何使用無代碼産品的關鍵要素，同時會從使用者洞察、競品分析、産品展望向你更深入了解。接下來，enyoy~
一、布局
首先是布局，對于從事軟體設計或開發的朋友來說，下面這張圖檔應該讓你們非常熟悉。這是一張典型的UI設計界面圖，該頁面中包含如下三個部分：左側是頁面群組件，中間是頁面預覽，右側是元件或頁面的詳細配置。你可以在每個元件中進行設計、内容和互動相關的配置。
一般搭建網頁或者小程式的無代碼平台的主要操作頁面就是一個畫布，在畫布上可以進行頁面，按鈕等個性化的軟體建設，而通過快捷操作欄上的按鈕，你可以進行資料庫，第三方api、AI、預覽和釋出等操作。
畫布
figma編輯頁面
二、功能清單
看完布局後，接下來了解下功能清單。
1. 原子級元件和互動
以Web端為例，無代碼的組要功能部件是元件，提供了24種豐富的元件，這些元件分為展示、輸入和容器三大類别，包括但不限于文字、圖檔、按鈕、表格、富文本、視訊、輸入框、容器，以及視圖等元件。多種的元件選擇，為應用開發帶來了無限可能性。
原子級元件
無代碼平台一般還會支援多種方式觸發互動，觸發機制包括頁面加載/解除安裝、點選和懸浮等。而互動包括條件判斷，循環執行，資料表增删改查，元件操作，使用者注冊/登入/退出，頁面加載和解除安裝，支付等。
原子級互動
有了元件和互動後，無代碼還會提供超自動引擎能夠讓使用者無需撰寫任何代碼，像繪制流程圖一樣實作應用的邏輯設計，這極大地降低了設計和開發的門檻，可以輕松完成複雜的應用設計工作。
超自動引擎
到這裡就已經基本闡述為何無代碼能通過無代碼方式進行軟體應用開發。元件、觸發方式以及互動特性都是不可分割且最小化的，使用者可以通過畫布完成頁面的個性化設計，最後通過可視化邏輯引擎将應用邏輯建立起來。而這些最基本的功能子產品像搭積木一樣進行組合，最終完成個性化的産品設計。無代碼平台以其獨特的方法，賦予了使用者迅速、有效地完成應用開發的能力。
2. 資料庫
同樣的，無代碼平台也提供可視化無代碼建立資料庫，用來存儲應用資料。
和常見的關系型資料庫一樣，支援建立表單和表單間的關系。其中表單支援的字段類型有文本，圖檔，整數，無限精度小數等類型，表單間的關系是一對一和一對多兩種。
到這裡，我們已經說清楚無代碼平台是如何實作無代碼應用開發了。可視化資料庫操作與畫布級操作一起搭配，提供了無代碼應用開發的基礎能力。
可視化資料庫
3. 大語言模型能力
在目前軟體應用衆多的市場環境下，純粹的無代碼開發可能已不能滿足複雜的需求。是以，無代碼還将最先進的大語言模型能力融入到其無代碼平台，以增強使用者産品的競争力。
據我了解到的，某些無代碼平台的進階功能包括對資料庫中的文本内容進行向量處理。這種處理方式使得處理過的文本具有語義識别能力，而不僅僅停留在單純的結構化處理層面。
同時支援無代碼使用大語言模型進行對話。對話過程中，使用者可以在上下文中添加PDF（通過RAG檢索處理），應用的資料庫和第三方API等内容，以提升回答的準确性和豐富度。
最關鍵的是，這些先進的功能都可以通過無代碼、可視化的方式進行建構。
是以，大膽地發揮想象力，用無代碼平台建構出屬于自己的chatpdf，chatdatabase，chateverything等應用，釋放創造力，不讓代碼成為創新的障礙。
大語言模型能力
4. 産品架構
為了幫助大家更好了解無代碼平台的能力，我畫了張功能架構圖，列出了無代碼的功能清單。
架構圖
5. 總結
毫無疑問，這種無代碼平台能在很大程度上滿足使用者的靈活和個性化需求，進而與面向企業資訊化的無代碼平台差異化競争。
原子級的元件和互動設計元素，自研的ZVM畫布和可視化資料庫，可以實作快速、高效、靈活的軟體建構。它不僅限于基礎的建構功能，還整合了大語言模型，增強搜尋（RAG），向量空間和支付等進階功能，大大提升了軟體應用的競争力。
最關鍵的是，所有這些複雜的過程都無需使用者編寫任何代碼。使用者隻需通過可視化界面進行配置，即可輕松實作一個功能強大、個性化的應用。
三、使用者洞察
這種類型軟體的的使用者是什麼樣的呢？根據我的觀察，使用者有軟體産品經理，網際網路+和軟體服務商三大類。
對于軟體産品經理，我非常推薦他們體驗無代碼平台，具體原因有：
- 可以了解軟體的實作邏輯，了解軟體的開發過程，進而幫助撰寫更高效的需求文檔和更好地與研發團隊溝通；
- 如果有自己的創新想法，但受限于沒有代碼能力，可以利用無代碼制作最小可行性産品，驗證這些産品思路。
對于網際網路+的業務者，如果試圖通過網際網路技術增強自身業務的競争力，比如實作業務的數字化，資訊化和自動化等。無代碼平台以其無需招聘研發團隊，不用進行項目和技術管理的優勢，成為網際網路+業務者的首選，讓他們可以專注于核心競争力的建構。
最後，為軟體服務提供商，目前國内軟體服務商的生存環境較差，客戶預算不斷減少，競争卻不斷加劇，成本居高不下。無代碼工具給服務商提供了全新的傳遞方式，能夠節省開發和維護成本。同時，也能避免由于人員更換導緻的項目維護難度增加、成本上升等問題。
四、競品分析
低代碼供應商圖譜，來自lowcode
無代碼開發市場的井噴發展，加上競争的日益激烈，讓新舊參與者蜂擁而至。凡科建站、towify、釘釘宜搭，以及明道雲等，均是這個領域的重要選手。然而，我今天希望将視線轉向更具前瞻性的AI應用開發領域，看看AI領域中的無代碼平台是什麼樣的。
避免廣告，這次做為競品的是一個生成性AI應用創新引擎，提供從Agent建構、AI工作流編排、RAG檢索到模型管理等一系列能力，使得建構與營運生成型AI原生應用變得輕松。該競品目前支援建立聊天助手、文本生成應用、Agent和工作流。在這次分析中，我們将隻針對工作流進行對比。
首先，我們看到在設計頁面。整體上，Dify的編輯頁面簡潔許多，更像是一個便于利用大語言模型進行邏輯處理的流程編排頁面。
流程編排
在功能節點方面，提供了廣泛的選項和工具。包括大語言模型(LLM)，知識檢索，回複，分類等。同時，它支援搜尋引擎以及生成音頻等功能，能夠滿足不同的需求，具體可以參考下圖。
節點清單
工具清單
而在在用戶端上不能靈活定義頁面和互動，而是固定為輸入框-處理過程-輸出框，如下圖所示。
三步翻譯工作流執行結果
乍一看，這可能像是兩款完全不同的軟體，表面上看不到直接的競争關系。
然而，從更長遠的視角來看，我認為在未來的AI應用開發市場上，兩者可能會轉變為直接的競争對手。這主要取決于在AI的引領下，未來的應用将會呈現出怎樣的形态。是把AI能力添加到小程式、網站、APP中，還是純粹的輸入輸出對話框形式。
五、總結
到這裡，文章的基本内容就已經結束了。整篇文章從産品體驗，使用者洞察，商業模式，産品吐槽及建議和産品展望帶大家全面了解無代碼平台，如果有收獲，将是我的榮幸。
本文由 @寶寶心裡苦啊 原創釋出于人人都是産品經理。未經作者許可，禁止轉載
題圖來自Unsplash，基于CC0協定
該文觀點僅代表作者本人，人人都是産品經理平台僅提供資訊存儲空間服務