共用方式為


在模型導向應用程式中設計有生產力的主要表單

建立可以快速有效地完成任務的體驗對於使用者滿意度至關重要。

模型導向應用程式提供許多選項來建立良好的使用者體驗,包括:

  • 應用程式層級選項。
  • 網站地圖結構佈局選項。
  • 提供多種建立表單的選項。

本文說明如何在模型導向應用程式中設計高效率且有生產力的表單,包括如何使用:

  • 主要形式。
  • 主要表單對話框。
  • 表單元件控件。
  • 快速建立表單。
  • 快速檢視表單。

表單佈局和設計對於構建更好的表單很重要。 不過,建立快速載入的表單也很重要,並允許在表單內和跨索引標籤快速瀏覽。

我們也建議您瞭解最佳化表單效能的最佳做法,以及如何讓表單在模型導向應用程式中快速載入。 其他資訊: 在模型驅動應用程式中設計高效能的表單

使用主要表單

在模型導向應用程式中使用和編輯資料表的特定記錄資料時,會使用主要表單,以確保與該記錄互動的使用者保持在資料表結構的限制範圍內。

圍繞資料表構建

表單可讓應用程式製作者圍繞資料表資料進行建置,而且通常需要您使用其他資料表中的相關記錄並與之互動。 一個重要考量是如何將模型導向表單與資料繫結。 表單的現成控制項是與資料表中的欄位繫結。 這些控制項允許快速開發用於建立和編輯資料的表單,但如果沒有更多自訂,當使用表單執行需要使用者輸入的多個任務時,或在儲存資訊之前需要採取其他動作時,它們就不那麼靈活。

模型導向表單的優勢之一是易於使用標準 (現成可用的) 控制項,例如查找、子方格和參考面板,以快速檢視或編輯 相關 記錄。 表單也支援自訂 Power Apps 元件架構控制項 ,以將功能擴展到標準控制項之外。 表單主要支援記錄的子資料或次要資料關係;它們不容易支持第三層或更高層次的關係。 例如,如果有一對一或一對多關聯的客戶記錄,則可以使用與其他表單互動的查詢 (包括主要表單對話方塊或內嵌表單,例如快速檢視或表單元件控制項),來快速新增與上層資料和子資料的互動。 本文稍後將更詳細地介紹每種表單類型。

使用相關資料需要設定,包括使用主表單對話框來處理主表單對話框的相關記錄,或使用自訂畫布頁面。 您可以使用主要表單對話方塊或表單元件控制項來建立多個實體表單。 但是,主要表單並不直接支援主要表單上的第三級相關記錄。

了解主要表單佈局

下圖顯示整合介面應用程式的版面配置。

整合介面應用程式的配置。

不屬於表單一部分的視覺元素

  • 應用程式標頭是模型導向應用程式整體頁面結構的一部分。 應用程式標頭包含應用程式名稱和應用程式層級動作,包括搜尋、說明、協助、快速建立表單、設定 (管理員的個人和應用程式層級) 等。
  • 應用程式 網站地圖 包含跨應用程式導覽至應用程式中包含的頁面。 網站地圖所提供的導覽體驗可讓您快速存取應用程式的其他區域。
  • 表單命令列也不是主要表單的一部分。 您可以使用 XrmToolBoxRibbon Workbench 社群外掛程式來設定和設定它。 表單上的導航和交互可以自定義。 數個現成可用的選項包括儲存、建立新記錄、共用、合併、編輯多個記錄等。

    備註

    Microsoft 不支援社群所建立的資源。 如果您對社群資源有疑問或問題,請聯絡資源的發行者。

屬於表單一部分的視覺元素

  • 表單標頭是表單的一部分。 它包括表格和記錄名稱、切換到表格其他表單的功能、記錄的四個唯讀欄位,以及表單上包含的 索引標籤 。 表單只有在已啟用並新增至應用程式時,才會出現在表單選取器中。 其他資訊: 建立和設計模型導向應用程式表單
  • 表單標頭也有一種模式,可以新增四個以上的欄位,並提供簡單的導覽來編輯標頭中的欄位,以及您希望使用者從表單標頭輕鬆存取的任何其他欄位。 應該使用額外的索引標籤來存取與目前工作無關的次要資訊,或讓使用者專注於特定工作相關但非主要的資料或資訊。 必要且對處理資料至關重要的資訊應該位於第一個索引標籤上,且不應隱藏。
  • 表單內文是表單上應該用來與 記錄 資料以及完成任務所需的任何相關記錄互動的區域。 建議您將資料限制為需要在第一個索引標籤上完成的熱門工作,並將次要工作移至其他索引標籤。 在設計應用程式時,也應該考慮根據特定業務需求和角色建立表單

如果某些資料很少使用,您應該考慮建立另一個表單,當使用者需要參考該資料或資訊時,可以存取該表單。

這很重要

表單頁尾已淘汰,自 2021 年版本 Wave 2 起 (2021 年 8 月預覽版 / 2021 年 10 月正式版)。 刪除您從頁尾添加的任何控件。

生產表單設計的範例案例

以下情境示範了如何在使用可用控制項的資料上,最佳地運用模型導向的主表單。

想像一下,銷售人員需要維護具有下列表單元件的帳戶資料:

  • 主要連絡人 (查詢)。
  • 其他聯絡人 (子網格)。
  • 參考面板,使用者可以選擇在參考面板中查看具有唯讀檢視權 (快速檢視) 的相關記錄清單。 參考面板包含一個時間表控制項,用於快速存取和建立該記錄的活動。

這種形式是經常使用的,因此值得花時間在佈局上,以確保其操作簡單且有效率。

整合介面應用程式的頁面版面配置。

帳戶資料

表單上的第一個區段包含用來管理該記錄的資料和資訊的欄位。 在這裡,使用者可以快速查看和編輯他們在整個工作日中使用的資訊。 注意事項:

  • 必填欄位和最常用的欄位位於本節的頂端。
  • 主要連絡人的快速檢視表單會新增至頂端,以便使用者可以快速檢視和使用資訊來連絡對其日常任務很重要的個人。

用於聯繫人查找的快速查看表單。

帳戶資訊區段的右側是聯絡人表格 子網格。 它顯示與主記錄相關的所有聯絡人記錄。 這允許用戶與與帳戶相關的聯繫人記錄快速交互。

快速檢視連絡人的子格。

接觸子網格旁邊是參考面板。 此控制項可以進一步存取相關記錄,而不僅僅是聯絡人。 子網格有助於在處理主表單的所有相關記錄時提高資料密度和效率。 在此範例中,參考面板包括連絡人、機會、商機和產品。 參照畫面的一個限制是它只提供記錄的唯讀視圖。 它不支援像主要表單對話方塊或表單元件那樣的相關記錄主要表單。 當您想要快速檢視相關記錄的資訊時,最好使用參考面板。

主表單上的參考面板。

目前,您可以使用傳統表單設計工具新增參考面板控制項。 在 [插入] 索引標籤上,展開 [區段],然後選取 [參考] 面板

將參考面板新增至表單。

具有時間軸控制項的帳戶活動

連絡人子格下方是活動的時間表牆。 時間軸控制項可讓使用者快速檢視具有與帳戶相關聯之活動記錄的活動的最新資訊。 在時間表中找到的可用活動包括電子郵件、電話、筆記、約會和任務。 用戶還可以從控件快速輕鬆地發送新電子郵件、記錄新電話以及添加註釋。 其他資訊:設定時間表控制項

連絡人子格中的時間表控制項。

在主要表單上處理資料的最佳實務

  • 如果將額外需求新增到表單上,而該表單並未在資料表中設定,請務必確保所需的資料始終可見且可編輯,例如,依據商業規則設定的使用者必填欄位。 如果某個欄位是必填欄位並設為唯讀,它將阻止使用者完成任務,並可能造成挫敗感和不滿。 雖然 Power Apps 平台支援隱藏和唯讀元件,但請務必知道,如果使用者將資料儲存在包含不可編輯的必要欄位的表單上,則會處理儲存。 這可確保使用者永遠不會因錯誤的設計模式而無法完成任務。

  • 隱藏欄位可以像唯讀欄位一樣使用,在建立資料密集的表單時非常方便。 不過,與使用必填欄位時相同的注意事項適用:如果編輯記錄時必填欄位可以為空值,則可能不會隱藏該欄位。 商務規則或事件可用來隱藏或顯示表單上的欄位;不過,表單在儲存時的行為與唯讀欄位相同。 如果必要欄位隱藏在表單中,則模型導向表單將一律允許儲存。

  • 如果資料需要始終可用,無論使用者位於哪個標籤上,將該資料新增至標題至關重要。 請務必知道,整合介面中的高密度標頭最多只會顯示四個唯讀欄位。 不過,您可以使用高密度標頭搭配飛出視窗來新增其他欄位,也允許使用者編輯欄位。 這簡化了快速存取和編輯您始終想要提供的資訊的體驗,而無需多次點擊或額外導航。

建置多實體表單

上一節提供了如何使用與記錄直接相關的資料的良好範例。 但可進一步提高效率的方法是,直接從主要表單中處理相關數據,而無需進行導覽。 這可讓使用者保持在內容中,並藉由使用主要表單對話方塊或表單元件控制項簡化體驗來減少摩擦並提高滿意度。

下列各節會逐步解說數個案例,示範如何建置高效能的多實體表單。 目標是簡化使用者體驗,減少點擊和不必要的導航,並加快通常需要使用者與主表單上的相關記錄互動的日常任務。 此處描述的表單元件包括為了提升效率而使用的:

  • 主表單對話方塊。
  • 主表單元件控制。
  • 快速建立表單。
  • 快速查看表單。

使用主表單對話方塊

當您需要讓使用者存取相關記錄的所有資訊,尤其是與之互動時,使用主要表單對話框會非常有效。 這包括當使用者需要使用 商務程序流程、存取所有索引標籤或存取表單上的所有相關記錄時。 當有業務流程驅動相關記錄的需求時,這很重要,需要遵循這些需求以確保資料完整性。 使用者需要存取時間軸活動或子記錄的相關記錄,而無需額外導覽。 請注意,主表單對話方塊可以直接從查閱控制項設定,而且可以在命令列上使用,或使用 navigateTo 用戶端 API 搭配 JavaScript 使用。 對話方塊可以放置在頁面的左側、中間或右側,當作模式對話方塊重疊。 其他資訊:透過用戶端 API 在對話方塊中開啟主要表單

在此範例中,使用者需要存取主要連絡人記錄、更新電話號碼、在活動時間表中新增附註,以及從連絡表單建立新約會。 為了透過減少點擊和不必要的導航來簡化此體驗,查詢控制項配置為將連絡人主表單作為對話方塊開啟。 此範例顯示主表單對話方塊如何使用從相關記錄快速 建立表單 、合併重複記錄,以及允許使用者與相關記錄上的資料完全互動。

用於快速創建的主表單對話框。

使用表單元件控制

通常,您只需要編輯相關記錄上的資訊,該記錄不需要使用者與整個表單互動,也不需要額外的 商務流程,但您不想讓使用者能夠導覽至相關表單。 若要完成此案例並簡化在主表單上內嵌管理資料,您可以使用表單元件控制項。 表單元件控制項可讓使用者存取相關記錄,包括相關記錄表單上的所有區段、控制項和欄位。 表單元件也可用於特定動作,表單僅針對該任務設計。 這方面的一個例子是 Microsoft Dynamics Field Service Mobile 體驗。 表單元件可用來在簡化且更有效率的流程中管理工單和與這些工單相關的任務。

請注意,表單元件控制項會使用您為該記錄建立的任何表單,而且會接受任何事件,包括載入表單、儲存資料或變更資訊。 它也會遵循表單上的任何業務規則和操作,包括從查閱欄位開啟主要表單對話框(如果您已將表單設定為以這種方式運作)。 它還將包括處理相關記錄表單元件中資料時的任何重複偵測規則和父/子關係。 表單控制元件會將未儲存的變更推送至主表單,當有必填欄位需要填寫時,通知使用者,如果相關表單元件上有資料輸入錯誤,也會提醒使用者。 詳細資訊:直接從其他表格的主表單中編輯相關表格記錄

在此範例中,使用者直接在客戶主表單上編輯主要連絡人資訊,並向下捲動表單以為主要連絡人建立新約會,而無需離開帳戶表單。

表單控制元件,用於在不離開主表單的情況下建立約會。

使用快速建立表單

有時,您會想要建立一種體驗,讓使用者無需額外導覽或點擊即可快速建立記錄。 快速建立表單是很好的解決方案。 它可以用於多種情境中,其中包括從活動時間表牆建立約會、從查找建立連絡人 (如果不需要主要表單對話方塊的話),或是快速從檢視頁面 (應用程式功能表 + 選項) 建立一個記錄,例如不需要其他關聯即可實現資料完整性的帳號或連絡人等。 其他資訊: 建立或編輯模型導向應用程式快速建立表單,以簡化資料輸入體驗

在以下範例中,使用者需要透過應用程式標頭中的 + 功能表選項快速建立潛在客戶。

從檢視建立潛在客戶記錄。

在此範例中,快速建立表單是用來從時間表牆建立連絡人的約會。

從時間表控制項建立約會。

在此範例中,使用者可以使用查詢控制項從報價記錄表單快速建立機會。

備註

商機和報價資料表需要 Dynamics 365 Customer Engagement 應用程式,例如 Dynamics 365 Sales。

從報價記錄建立機會記錄。

在許多案例中,使用者只需要快速檢視相關資料表中的資訊,而不需要與之互動。 為了方便這些場景,您可以使用快速檢視表單。 使用快速檢視表單的範例是在主記錄的參考面板中。 這展示了無需導航即可訪問多個相關記錄的強大功能。

備註

雖然它被稱為快速檢視表單,但原則上它是資料的唯讀檢視。 使用者無法使用此控制項來編輯資料。

其他資訊: 建立模型導向應用程式快速檢視表單以檢視相關資料表的相關資訊

快速檢視表單範例。

使用表單顯示選項來簡化表單

很多時候,您需要建立一種體驗,讓使用者專注於手頭的任務,而不會造成可能導致效率低下的額外干擾。 當您使用具有全域元件的資料表和記錄時,這一點尤其重要,無論您嘗試建立什麼任務,這些元件都會建立並自動新增至表單。 雖然這提供了一個可共享且易於構建的基礎設施,可以推動整個應用程序的一致性,但它有時確實會提供不必要的干擾。

當您想要減少動作數目、讓使用者專注於完成任務,以及透過移除不必要的元件來減少混亂時,應使用表單顯示選項。 可從表單中移除的元件包括命令列、標頭內文和表單索引標籤。

所有這些型別的選項只能透過使用者端API和手動formxml更新來使用。 如果操作不正確,手動 formxml 操作可能會導致匯入解決方案時出現問題。 設計表單時,請小心移除全域表單元件。

當某些元件隱藏時,例如命令列或索引標籤清單,這可能會移除完成工作可能需要的導覽。 請務必使用使用 Power Apps 元件架構建立的其他控制項,在表單設計中考慮這些需求。

在此範例中,已移除 命令列 ,以減少使用帳戶時的任何不必要動作。 命令列通常會顯示如下。

命令列範例版面配置

此表單的設計不需要命令列,因此製作者已將其刪除以讓使用者繼續執行任務。 其他資訊: setCommandBarVisible (用戶端 API 參考)

應用程式中未顯示命令列的表單。

在此範例中,已移除標頭,以提升密集表單,讓使用者專注於記錄詳細資料。 只有在標頭未提供額外值或顯示使用者不一定需要使用的資訊時,才應使用此選項。 其他資訊: setBodyVisible (用戶端 API 參考)

無標題的表單在應用程式中顯示。

在此範例中,標籤已移除。 當您建立只有單一索引標籤的表單,或想要將使用者集中在表單的第一個索引標籤上,而不會受到其他索引標籤的干擾時,這會很有幫助,因為其他索引標籤可能會導致特定任務的生產力損失。 其他資訊: setTabNavigatorVisible (用戶端 API 參考)

應用程式中沒有顯示索引標籤的表單。

顯示可使用完整索引標籤空間選項的表單

在許多案例中,表單可能存在具有索引標籤和單一控制項,而且您想要該控制項佔用該索引標籤上表單內文內的整個可用空間。這可以透過使用 表單顯示選項 來完成,該選項允許索引標籤中頁面上的第一個控制項展開表單的完整高度和寬度。 所有現有的檢視連接埠大小 (從大到小) 的自動重排呈現都是有效的,並且除了控制項將使用的整個空間外,其行為會類似於一般表單。 在此範例中,Dynamics 365 Marketing 應用程式支援客戶旅程體驗的完整索引標籤版面配置。 刪除命令列以進一步減少混亂並確保使用者專注於在應用程式中管理客戶旅程的工作。 其他資訊: setContentType (用戶端 API 參考)

具有完整頁籤版面配置的表單。

後續步驟

設計優化效能的表單