開發使用者介面的考量
開發使用者介面時,請使用下列最佳作法。
在建立混搭之前建立原型設計
建議您在開始設計解決方案及建立混搭之前先執行下列操作:
收集使用者希望在其解決方案中包含之功能的相關資訊。
整合所需功能的資料。
對於將向解決方案傳送資料的裝置,取得其相關資訊。
與使用者體驗或使用者介面設計人員合作,開發標準解決方案版面配置。在版面配置經必要的相關人員核准後,您可以直接使用少量幾個版序建構混搭。
確定解決方案的主要檢視裝置是電話、平板電腦還是桌面版電腦。
如果您尚未確定主要檢視裝置,請使用回應式混搭。選取了版面配置類型之後,將無法再變更。
透過「已包含混搭」內嵌可重複使用的使用者介面
建議將整個解決方案分割成較小的可重複使用元件。可重複使用混搭能夠在主混搭頁上進行配置。例如,搜尋結果頁可以作為可重複使用的元件。您可以根據搜尋條件相應配置混搭。
欲在解決方案混搭中內嵌可重複使用的混搭,請使用已包含混搭小器具。採用可重複使用混搭的優點包括:
分割混搭可讓多名開發人員同時處理使用者介面。
可重複使用的元件可透過降低解決方案畫面上所需的小器具數目讓開發人員更輕鬆地設計使用者介面。使用的小器具較少,您就無需處理大量小器具參數、小器具繫結等工作。
重複使用混搭降低整體開發工作量。
讓使用者介面直覺化
致力於建立直覺式介面以短縮使用者的學習曲線。請考慮以下建議:
提供一套邏輯流程。
請考慮使用者讀取螢幕內容的方式並相應地設計工作流程。例如,從由左至右以及由上而下的方式。版面配置應引導使用者執行下一個動作。
提供回饋給使用者。例如:
顯示可幫助使用者瞭解要在使用者介面中填充或選取之資訊的訊息。
提供使用者所執行的動作的狀況。
如果解決方案因為在後台中執行一些程式碼而使得螢幕沒有回應,則透過訊息警示使用者。這可確保使用者不再執行其他動作,並等候解決方案完成流程。
減少互動超載
簡化設計以使其更容易使用。請考慮以下建議:
遵循簡約 UI 設計原則。
將具有類似目的元素分組在一起。
僅顯示需要使用者注意和互動的元素。
如果您想要顯示其他資料,請使用快顯視窗或其他向下瀏覽功能。使用者可以視需要存取資料。
從一個解決方案畫面導覽至另一個畫面時使用的按一下動作次數最少。使用標籤來組織畫面中的資訊以及在資料集之間進行導覽。
在輸入了輸入內容之後,使用 Enter 鍵來觸發動作。例如,在文字方塊中輸入一些文字之後,您應該能夠按下 Enter 鍵來提交文字。
使用較少的用戶端伺服器互動
建議在解決方案中避免不必要的伺服器和用戶端互動。
例如,考量其中設定四個服務的一種情況:
取得特定機器的使用率記錄
針對不同的顯示小器具反轉記錄的排序
依照機器狀態彙總記錄
計算使用率
如果使用資料負載,您可以透過一次伺服器呼叫返回混搭資料的所有四個結果集。仍使用四個服務;不過,各個服務會在單一呼叫中執行。
建議使用 GetProperties 服務而不是定義新服務 (所述範例中的四個服務) 來取得資料。新服務會從伺服器提取資料,即使資料可能沒有發生變更亦如此。GetProperties 服務只有在資料已變更時推送資料。這樣可減少對伺服器執行額外的呼叫,並消除不必要的伺服器與用戶端互動。
如需有關使用 GetProperties 服務的資訊,請參閱服務部份。
這是否有幫助?