第 1 章介紹在 Sigma 中建立 AI 應用程式的基礎概念，重點放在應用程式如何整合使用者輸入以驅動以動作為主的流程。特別強調連結輸入表格，這是 Sigma 應用程式最重要的基礎元件之一。
你會學到如何建立連結輸入表格，將倉儲資料與使用者輸入的值並列呈現，讓你能直接與底層資料集互動。本章也涵蓋管理使用者輸入的最佳做法，包括控管可輸入的資料型別，以及定義表格何時可編輯。完成本章後，你將清楚了解如何在維持應用程式資料完整性的同時，安全且有效地蒐集使用者輸入。

什麼是 AI App？

探索已完成的貸款核准應用程式

核貸專員升遷的完成版 App

使用連結輸入表格豐富既有資料

理解連結輸入表

建立連結輸入表格

蒐集升遷提名

測試連結輸入表格的行為

管理連結輸入表的資料輸入

管理貸款專員輸入表格的編輯

AI 應用程式如何自動化決策流程

在第 2 章，你將學會透過對話框（modals）與動作序列，讓你的 AI 應用程式更具互動性與回應性。對話框可在應用程式中呈現聚焦的彈出視窗，提供額外資訊，或在不使主介面雜亂的情況下，提供較詳細的輸入空間。你會看到對話框如何提升可用性，並引導使用者完成特定任務。
本章也會介紹動作序列，使應用程式能對使用者操作（如點擊按鈕或選取表格列）做出動態回應。你會學到如何由單一互動觸發多個效果，以協助自動化流程並精簡使用體驗。結合對話框與動作序列，你將擁有強大的工具，打造直覺、互動且目的明確的應用程式。

使用模態視窗蒐集決策與使用者輸入

建立用於提交升遷提名的 Modal

使用動作序列打造應用程式工作流程

認識基本的動作序列

建立開啟視窗的動作序列

觸發對話框的開啟與關閉

以控制項數值填入模態視窗

以貸款專員 ID 填入模態視窗

使用動作序列記錄提名

加入條件式動作序列

防止重複提名

為 AI 應用程式加入流程序列

第 3 章著重於優化 AI 應用程式的使用者介面與整體體驗。你會先認識彈出面板（popover），這是一種多用途的 UI 元件，用來隱藏篩選選單或僅在需要時顯示情境化資訊。這有助於維持介面整潔，同時仍讓使用者能輕鬆取得控制項與細節。
本章也會探討多種設計與組織功能，以提升可用性與視覺呈現。你會學到如何加入導覽按鈕、分隔線與分頁式容器，以更有效地組織內容並引導使用者操作。完成第 3 章後，你將理解如何透過周延的版面與設計選擇，讓你的 AI 應用程式更直覺、精緻且好用。

使用 popover 簡化應用程式介面

設定 popover 來容納頁面控制項

活用按鈕進行導覽與互動

在 popover 中加入「Clear filters」按鈕

加入 UI 與版面配置元素以提升組織性

整理貸款專員晉升提名應用程式

整合所有重點

總結

打造一致且直覺的 AI 應用程式

本課程將帶你在 Sigma 中打造互動、以使用者為核心的 AI 應用程式，不再受限於靜態儀表板。你會學到如何結合資料、邏輯與使用者輸入，建立能依使用者操作即時回應、支援決策並簡化流程的應用程式。同時，你也會探索 Sigma 的核心應用程式建置功能，了解它們如何促成直覺又吸引人的體驗。
完成本課程後，你會知道如何安全地蒐集並管理使用者輸入、觸發自動化動作，並設計乾淨且精緻的介面。從連結輸入表格到對話框（modal）、動作序列，以及更精緻的 UI 元件，你將建立實作基礎，打造不僅好用，且組織清楚、可自訂、易於使用的 AI 應用程式。

<h2>在 Sigma 中打造互動式 AI 應用程式</h2>
<p>
  在本課程中，您將學習如何在 Sigma 中設計並打造能夠主動回應使用者輸入的動態 AI 應用程式。
  與其依賴靜態儀表板，您將學習建立結合資料、邏輯與互動的應用程式，帶來
  有意義且以行動為導向的體驗。 本課程著重於實用的應用程式開發技巧，協助您引導
  使用者，自動化工作流程，並以直觀的方式呈現洞察。
</p>

<h2>捕捉並管理使用者輸入</h2>
<p>
  您將從Sigma應用程式的基礎組件開始學習，包括連結的輸入表格。 這些讓您能夠
  同時顯示資料倉儲資料與使用者輸入的數值，讓您能直接與底層資料集互動。 您還將
  學習控制與管理使用者輸入的最佳實踐，確保資料的準確性、一致性與完整性
  在您的應用程式中全程使用。
</p>

<h2>使用模態視窗與操作提升互動性</h2>
<p>
  隨著您的進展，您將能夠透過模態視窗和動作序列來強化您的應用程式。 模態視窗可讓您顯示更多詳細資訊
  或是在不干擾主要介面的情況下收集重點輸入，同時動作序列則允許用戶只需一次互動即可完成操作
  以觸發多重結果。 這些工具結合使用，能協助你打造反應靈敏、直覺且具備明確目標的應用程式。
</p>

<h2>優化使用者體驗</h2>
<p>
  最後，您將運用精心設計的版面配置與設計元素（如彈出視窗、按鈕、分隔線等）來完善您的應用程式，並
  分頁式容器。 這些功能有助於組織內容、提升導覽體驗，並營造整潔且專業的外觀。 由
  課程結束後，您將具備在 Sigma 中打造引人入勝、高效且隨時可用的 AI 應用程式的能力
  實際應用。
</p>


學習在Sigma中使用連結輸入表、操作、模態和精美UI元素構建互動式AI應用程式。

Sigma 中的 AI 應用程式入門

在 Sigma 中打造互動式 AI 應用，結合用戶輸入、動作與精緻介面，無需編碼。


Sigma 基礎入門

Instructor

加入 UI 與版面配置元素，提升結構化

示範影片

一起來練習吧！

打造一致且直覺的 AI 應用程式 - 加入 UI 與版面配置元素以提升組織性

加入 UI 與版面配置元素以提升組織性

Create Your Free Account