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