POS 使用者介面視覺效果設定
本文提供有關 Dynamics 365 Commerce 銷售點 (POS) 體驗的畫面配置資訊。
Microsoft Dynamics 365 Commerce 銷售點 (POS) 的使用者介面 (UI) 可以透過使用指派給商店、收銀機和使用者的視覺效果設定檔和畫面配置的組合來設定。 本文提供有關那些設定選項的資訊。
下圖顯示構成 POS UI 可設定方面之各個實體之間的關係。
視覺效果設定檔
視覺效果設定檔會指派給收銀機,且它們會指定收銀機特定並在使用者之間共用的視覺效果元素。 登入到註冊的每個使用者都會看到相同的主題、設定、顏色和圖像。
- 設定檔編號 – 設定檔編號是視覺效果設定檔的唯一識別碼。
- 描述 – 您可以指定一個有意義的名稱,以幫助識別適合您情況的正確設定檔。
- 主題 – 您可以選取淺色 或深色應用程式主題。 主題會影響整個應用程式的字體和背景顏色。
- 強調色 – 強調色在整個 POS 中用於區分或突出顯示特定的視覺效果元素,例如圖格、命令按鈕和超連結。 通常,這些元素是可執行的。
- 標頭顏色 – 您可以設定頁面標頭的顏色以滿足零售商的品牌需求。
- 字體設計 – 您可以選取標準或大字體設計。 字體設計會影響整個應用程式的字體大小。 預設選取項目是標準。
- 始終顯示應用程式列標籤 – 開啟此選項後,標籤文字始終會顯示在應用程式列按鈕下。
- 版面配置 – 您可以選取置中或靠右對齊版面配置。 版面配置會影響登入畫面上登入方塊的對齊方式。 預設選取項目是置中。
- 顯示日期/時間 – 開啟此選項後,當前的日期和時間會顯示在 POS 標頭和登入畫面上。
- 鍵盤 – 您可以選取預設為 OS 鍵盤或顯示數字鍵盤,以指定用於登入畫面上輸入的預設鍵盤。 數字鍵盤是一種虛擬鍵盤,主要用於觸控型裝置。 默認選取項目是預設為 OS 鍵盤。
- 徽標圖像 – 您可以指定登入畫面上顯示的徽標圖像。 我們建議您使用具有透明背景的圖像。 檔案大小應盡可能小,因為在儲存和載入大型檔案時,應用程式的行為和效能可能會受到影響。
- 登入背景 – 您可以為登入畫面指定背景圖像。 背景圖像的檔案大小應盡可能小。
- 背景 – 您可以指定在整個應用程式中使用的背景圖像,而不只是純主題顏色。 對於登入畫面的背景圖像,檔案大小應盡可能小。
附註
靠右對齊版面配置和日期/時間顯示不適用於縮圖中的登入畫面。
您需要執行 1090 (收銀機) 分配排程工作,以將最新的視覺效果設定檔設定同步到通路資料庫。
畫面配置
畫面配置設定會決定 UI 控制項在 POS 歡迎畫面和交易畫面上的動作、內容和位置。
歡迎畫面 – 在大多數情況下,歡迎畫面是使用者首次登入 POS 時,會看到的頁面。 歡迎畫面可以包含品牌圖像和按鈕格線,以存取 POS 作業。 一般來說,非特定於當前交易的作業將放在此畫面上。
交易畫面 – 交易畫面是 POS 中用於處理銷售交易和訂單的主畫面。 內容和版面配置是使用畫面配置設計工具設定的。
預設開始畫面 – 有些零售商偏好讓收銀員在登入後直接移至交易畫面。 預設開始畫面設定讓您可以為每個畫面配置指定登入後要顯示的預設畫面。
指派
可以在商店、收銀機或使用者等級指派畫面配置。 使用者指派將覆寫收銀機和商店指派,而收銀機指派將覆寫商店指派。 在所有使用者都使用同一配置的簡單情境中,無論註冊或角色如何,只能在商店等級設定畫面配置。 在特定收銀機或使用者需要專用版面配置的情境下,可以指派那些配置。
根據指派畫面配置的等級,您需要執行 1070 (通路設定)、1090 (收銀機),和/或 1060 (員工) 分配排程工作,以將最新的畫面配置設定同步到通路資料庫。
配置大小
POS UI 的大多數層面都是回應式的,配置會根據畫面大小和方向自動調整大小和調整。 但是,必須為預期的每個畫面解析度設定 POS 交易畫面。
啟動時,POS 應用程式會自動選取為裝置設定的最接近配置大小。 畫面配置還可以包含橫向和縱向模式,以及全尺寸和小巧裝置的配置。 因此,可以將使用者指派到適用於商店中使用的各種大小和外形規格的單一畫面配置。
名稱 – 您可以輸入有意義的名稱來識別畫面尺寸。
配置類型 – POS 應用程式可以在各種模式下顯示其 UI,以在給定裝置上提供最佳使用者體驗。
- 新式 POS – 完整 – 完整配置通常最適合較大的顯示器,例如桌機螢幕和平板電腦。 您可以選取要包括的 UI 元素,指定這些元素的大小和位置,並設定其詳細屬性。 完整配置支援縱向和橫向設定。
- 新式 POS - 緊湊 – 緊湊配置通常最適合手機和小型平板電腦。 小巧裝置的設計可能性有限。 您可以設定收據和總計面板的行和欄位。 緊湊配置不支援某些需要更高螢幕解析度的作業,例如報告和庫存管理。
寬度/高度 – 這些值表示配置預期的有效畫面尺寸 (以像素為單位)。 請記住,某些作業系統對高解析度顯示器會使用縮放。
附註
全尺寸配置支援的最低解析度為 1024x768。 任何使用低於該閾值解析度的配置都會產生緊湊配置。
提示
您可以在應用程式中查看解析度以了解 POS 畫面所需的配置大小。 啟動 POS,然後移至設定 > 區段資訊。 POS 會顯示目前載入的畫面配置、配置大小,以及應用程式視窗的解析度。
按鈕格線
對於畫面配置中的每個配置大小,您可以為 POS 歡迎畫面和交易畫面設定和指派按鈕格線。 歡迎畫面的按鈕格線會從左到右,從最小數字 (歡迎畫面 1) 到最大數字自動配置。
在完整的 POS 配置中,按鈕格線的位置在畫面配置設計工具中指定。
在緊湊 POS 配置中,按鈕格線會從上到下,從最小數字 (交易畫面 1) 到最大數字自動配置。 可以在動作功能表上存取。
附註
設計工具中的按鈕大小將縮放到符合視窗的大小,因此它們可能無法準確反映 POS 中呈現的實際按鈕。 若要最佳模擬按鈕格線配置,請將設計工具視窗調整為與 POS 相同的大小。
影像
對於畫面配置中的每個配置大小,您可以指定要包含在 POS UI 中的圖像。 對於完整的 POS 配置,可以為歡迎畫面指定單個圖像。 此圖像顯示為左側的第一個 UI 元素。 在交易畫面上,圖像可用作索引標籤圖像或徽標。 緊湊 POS 配置不使用這些圖像。
螢幕配置設計工具
畫面配置設計工具允許您為每種配置大小設定 POS 交易畫面的各個方面,包括縱向和橫向模式,以及完整和緊湊配置。 畫面配置設計工具使用 ClickOnce 部署技術,在使用者每次存取應用程式時下載、安裝和啟動最新版本的應用程式。 請務必檢查 ClickOnce 的瀏覽器需求。 某些瀏覽器 (例如 Google Chrome) 需要擴充程式。
重要
您必須為 POS 定義和使用的每種配置尺寸設定畫面配置。
完整配置設計工具
完整配置設計工具允許使用者將 UI 控制項拖到 POS 交易畫面上,並設定這些控制項的設定。
匯入配置/匯出配置 – 您可以將 POS 畫面配置設計匯出和匯入為 XML 檔,以便您可以輕鬆地跨環境重複使用和分享它們。 請務必匯入配置設計以獲得正確的配置尺寸。 否則,UI 元素可能無法正確符合畫面的大小。
橫向/縱向 – 如果 POS 裝置允許使用者在橫向和縱向模式之間切換,則必須為每種模式定義畫面配置。 POS 會自動偵測畫面旋轉並顯示正確的配置。
配置格線 –POS 配置設計工具使用 4 像素格線。 UI 控制項將「對齊」到格線,以協助您正確對齊內容。
設計工具縮放 – 您可以放大和縮小設計工具視圖,以更好地查看 POS 畫面上的內容。 當 POS 上的畫面解析度與設計工具中使用的畫面解析度有很大差異時,此功能非常有用。
顯示/隱藏瀏覽列 – 對於完整 POS 配置,您可以選取左側導航列是否要在交易畫面顯示。 此功能對於解析度較低的顯示器很有幫助。 若要設定可見性,請在設計工具中右鍵點擊瀏覽列,然後選取或清除始終可見核取方塊。 如果瀏覽列處於隱藏狀態,POS 使用者仍然可以使用左上角的功能表存取它。
POS 控制項 – POS 配置設計工具支援以下控制項。 可以透過點擊右鍵並使用捷徑功能表來設定許多控制項。
- 數字鍵盤 – 數字鍵盤是 POS 交易畫面上使用者輸入的主要機制。 您可以設定控制項,以顯示完整的數字鍵盤。 此選項非常適合觸控式螢幕裝置。 或者,您可以對其進行設定,以僅顯示輸入欄位。 在這種情況下,使用實體鍵盤進行輸入。 數字鍵盤設定僅適用於完整配置。 對於緊湊配置,完整的數字鍵盤始終顯示在交易畫面上。
- 總計面板 – 您可以在一行或兩行中設定總計面板,以顯示行計數、折扣金額、費用、小計和稅金等值。 緊湊配置僅支援單行。
- 收據面板 – 收據面板包含在 POS 中處理的產品和服務的銷售明細、付款明細和交貨資訊。 您可以指定行、寬度和位置。 在緊湊配置中,您還可以設定顯示在主明細底下資料列中的其他資訊。
- 客戶卡片 – 客戶卡片顯示與目前交易相關之客戶的相關資訊。 您可以將客戶卡片設定為隱藏或顯示其他資訊。
- 索引標籤控制項 – 您可以將索引標籤控制項新增到畫面配置,然後將其他控制項 (如數字鍵盤、客戶卡片或按鈕格線) 放入其中。 索引標籤控制項是一個容器,可協助您在畫面上容納更多內容。 索引標籤控制項僅適用於完整配置。
- 圖像 – 您可以使用圖像控制項在交易畫面上顯示商店的徽標或其他品牌圖像。 圖像控制項僅適用於完整配置。
- 推薦產品 – 如果為環境設定了推薦產品控制項,則會根據機器學習顯示產品建議。
- 自訂控制項 – 自訂控制項的作用像是畫面配置中的佔位元,讓您可為自訂內容保留空間。 自訂控制項僅適用於完整配置。
緊湊配置設計工具
與完整配置設計工具一樣,緊湊配置設計工具讓您可為手機和小型平板電腦設定 POS 畫面配置。 但是,在這種情況下,配置本身是固定的。 您可以透過點擊右鍵並使用捷徑功能表,在配置中設定控制項。 但是,不能對其他內容使用拖放襙作。
按鈕格線設計工具
按鈕格線設計工具允許您設定按鈕格線,這些格線可用於完整和緊湊配置的 POS 歡迎畫面和交易畫面。 相同的按鈕格線可以跨配置和配置類型使用。 如同畫面配置設計工具,按鈕格線設計工具使用 ClickOnce 部署技術,在使用者每次存取應用程式時下載、安裝和啟動最新版本的應用程式。 請務必檢查 ClickOnce 的瀏覽器需求。 某些瀏覽器 (例如 Google Chrome) 需要擴充程式。
新按紐 – 點擊以新增新按鈕到按鈕格線。 根據預設,新按鈕會出現在格線的左上角。 不過,您可以透過在配置中拖動按鈕來排列按鈕。
重要
按鈕格線的內容可以重疊。 當您排列按鈕時,請確保它們不會隱藏其他按鈕。
新設計 – 點擊以透過指定每列和每行的按鈕數來自動設定按鈕格線配置。
按鈕屬性 – 您可以透過右鍵點擊按鈕並使用捷徑功能表來設定按鈕屬性。
動作 – 在適用的 POS 作業清單中,選取在 POS 中點擊按鈕時叫用的作業。
有關支援的 POS 作業清單,請參閱線上和線下銷售點 (POS) 作業。
動作參數 – 某些 POS 作業在叫用時會使用其他參數。 例如,對於新增產品作業,使用者可以指定要新增的產品。
按鈕文字 – 指定 POS 中按鈕上顯示的文字。
隱藏按鈕文字 – 使用此核取方塊可隱藏或顯示按鈕文字。 對於僅顯示圖示的小按鈕,按鈕文字通常處於隱藏狀態。
工具提示 – 指定使用者將滑鼠懸停在按鈕上時,顯示的其他說明文字。
在資料行中大小/在資料列中大小 – 您可以指定按鈕的高度和寬度。
自訂字型 – 當您選取為 POS 啟用自訂字型核取方塊時,您可以指定 POS 預設系統字型以外的字型。
自訂主題 – 根據預設,POS 按鈕使用視覺效果設定檔中的強調色。 選取使用自訂主題核取方塊時,可以指定其他顏色。
附註
Store Commerce 應用程式和適用於 Web 的 Store Commerce 僅使用背景色和字體顏色值。
按鈕圖像 – 按鈕可以包含圖像或圖示。 在零售和商務 > 通路設置 > POS 設置 > POS > 圖像中指定的可用圖像中進行選擇。