在進行UI設計時需要充分考慮佈局的合理化問題,遵循用户從上而下,自左向右瀏覽、操作習慣,避免常用業務功能按鍵排列過於分散,以造成用户鼠標移動距離過長的弊端。多做“減法”運算,將不常用的功能區塊隱藏,以保持界面的簡潔,使用户專注於主要業務操作流程,有利於提高軟件的易用性及可用性。
菜單:
保持菜單簡潔性及分類的準確性,避免菜單深度超過3層。
菜單中功能是需要打開一個新頁面來完成的,需要在菜單名字後面加上“„”。【只適用於C/S架構,B/S請無視】。
按鈕 :
確認操作按鈕放置左邊,取消或關閉按鈕放置於右邊。
功能:
未完成功能必須隱藏處理,不要置於頁面內容中,以免引起誤會。
排版:
所有文字內容排版避免貼邊顯示(頁面邊緣),儘量保持10-20像素的間距並在垂直方向上居中對齊;各控件元素間也保持至少10像素以上的間距,並確保控件元素不緊貼於頁面邊沿。
表格數據列表:
字符型數據保持左對齊,數值型右對齊(方便閲讀對比),並根據字段要求,統一顯示小數位位數。
滾動條:
頁面佈局設計時應避免出現橫向滾動條。
頁面導航(麪包屑導航) :
在頁面顯眼位置應該出現麪包屑導航欄,讓用户知道當前所在頁面的位置,並明確導航結構,如:首頁>新聞中心>歐科智能招商服務平台正式發佈,其中帶下劃線部分為可點擊鏈接。
信息提示窗口:
信息提示窗口應位於當前頁面的居中位置,並適當弱化背景層以減少信息干擾,讓用户把注意力集中在當前的信息提示窗口。一般做法是在信息提示窗口的背面加一個半透明顏色填充的遮罩層。