下面是一些提高用戶對內容理解的實用技巧:
防止信息超載。信息超載是一個嚴重的問題。用戶覺得有太多信息需消化,從而無法下決定或采取行動。有一些簡單的方法能最小化信息超載。一個常用的方法就是分塊——將內容分成幾個模塊,幫助用戶更好的理解和處理。結賬單就是最好的例子。每次最多顯示五到七個輸入字段,將結帳單拆分到多個頁面,必要時才逐步公開字段。
避免行話和行業術語。頁面上出現的每個未知術語或短語都會增加用戶的認知負荷。一個安全的方式就是為所有讀者編輯內容,并選擇所有用戶都清楚易懂的詞。
最大限度地減少長內容。根據信息過載的觀點,如果網站不是以信息消費為主,盡量避免長文本塊。 例如,如果您需要提供有關服務或產品的詳細信息,請嘗試逐步展開詳細信息。 將文本塊寫的短一些,更方便理解。
避免所有字母采用大寫。全部大寫的文本(也就是所有字母都是大寫的文本)對于字符量較少的文本是可以的,比如縮略詞和圖標;但是,請避免在字符量比較大的地方使用(例如段落,表格標簽,錯誤,通知)。一書中提到的,全部大寫會降低閱讀速度。另外,大多數讀者會覺得全部大寫的文本不能快速清晰的理解。
全部采用大寫,用戶比較難以理解。
頁面結構
一個結構合理的頁面清楚地顯示了每個用戶界面元素位于布局中的位置。雖然沒有一個適合所有頁面的規則,但是有一些指導性原則可以幫助你創建一個堅固的結構:
使結構可預測。使您的設計符合用戶期望??梢詤⒖纪惥W站來找出在頁面上需要哪些元素以及位置。使用目標用戶熟悉的模式。
使用布局網格。布局網格將頁面劃分為幾塊主要區域,并根據大小和位置定義區域之間的關系。在網格的幫助下,能更輕松地將不同部分組合在一起,形成一個有凝聚力的頁面。
網格和布局是設計的一部分,且能適應不同屏幕尺寸的設計場景。Adobe XD的布局網格使設計人員能夠針對不同的屏幕尺寸實現一致設計及管理網格中元素之間的比例。
使用低保真線框模擬,避免界面雜亂不清晰?;靵y會增加理解的難度——每添加一個按鈕,圖像或文本都會使頁面更加復雜。在用真實元素構建頁面之前,先創建一個線框圖,分析它,然后去掉那些不是絕對必要的東西。