在這個練習中,你會先體驗一個完成版的 App,之後你會在課程練習中一步步把它建立出來。
Oakmark Bank 需要一個 App,讓主管可以檢視個別核貸專員的績效指標,並提名升遷。請依照練習步驟,熟悉這個 App 的功能。它包含許多 AI Apps 常見的元件。
本練習屬於課程
將理論付諸實踐,立即體驗我們的互動練習
第 1 章介紹在 Sigma 中建立 AI 應用程式的基礎概念,重點放在應用程式如何整合使用者輸入以驅動以動作為主的流程。特別強調連結輸入表格,這是 Sigma 應用程式最重要的基礎元件之一。 你會學到如何建立連結輸入表格,將倉儲資料與使用者輸入的值並列呈現,讓你能直接與底層資料集互動。本章也涵蓋管理使用者輸入的最佳做法,包括控管可輸入的資料型別,以及定義表格何時可編輯。完成本章後,你將清楚了解如何在維持應用程式資料完整性的同時,安全且有效地蒐集使用者輸入。
當前練習
在第 2 章,你將學會透過對話框(modals)與動作序列,讓你的 AI 應用程式更具互動性與回應性。對話框可在應用程式中呈現聚焦的彈出視窗,提供額外資訊,或在不使主介面雜亂的情況下,提供較詳細的輸入空間。你會看到對話框如何提升可用性,並引導使用者完成特定任務。 本章也會介紹動作序列,使應用程式能對使用者操作(如點擊按鈕或選取表格列)做出動態回應。你會學到如何由單一互動觸發多個效果,以協助自動化流程並精簡使用體驗。結合對話框與動作序列,你將擁有強大的工具,打造直覺、互動且目的明確的應用程式。
第 3 章著重於優化 AI 應用程式的使用者介面與整體體驗。你會先認識彈出面板(popover),這是一種多用途的 UI 元件,用來隱藏篩選選單或僅在需要時顯示情境化資訊。這有助於維持介面整潔,同時仍讓使用者能輕鬆取得控制項與細節。 本章也會探討多種設計與組織功能,以提升可用性與視覺呈現。你會學到如何加入導覽按鈕、分隔線與分頁式容器,以更有效地組織內容並引導使用者操作。完成第 3 章後,你將理解如何透過周延的版面與設計選擇,讓你的 AI 應用程式更直覺、精緻且好用。