站長之傢(Chinaz.com)註:本文為《125個小優化提升網頁可用性》系列文章的第二篇,在這篇文章中將提供28條用戶體驗優化技巧,條條實用,不要錯過哦!
上一篇:
- 網頁設計必讀!125個小優化提升網頁可用性(一)
優化策略第2類:引導用戶前往最終目標
在吸引用戶註意力後,下一步就是幫助他們實現目標
讓常用功能和重要數據信息更接近用戶
預測用戶的意圖,讓他們盡可能接近目標。
△ 篩選出或跳至用戶正在搜索的條目
△ 將用戶常選項目列為默認選項
△ 產品列表頁上把重要數據信息展示出來
很多時候用戶需要像踩彈簧高蹺杖一樣,點擊一個產品,查看信息,返回上一頁,再反復操作以查看其他產品。這種設計的可用性差。應把重要信息直接放在主要頁面,減少用戶反復操作的次數。
如果你怕這樣頁面會雜亂,也可以設計成鼠標懸停時顯示(如下面這樣)
△ 鼠標懸停時顯示有用信息
△ 常用功能直接展示出來
△ 用儀表面板方式展現主要數據和狀態
△ 把常見答案放在下拉列表的頭部
交互狀態的及時反饋呈現
通過傳達所有相關信息減少不確定性。
△ 在機器驅動的任務中顯示當前進度和剩餘時間
如上傳文件是系統在處理,用戶不知道內部運作情況,通過顯示進度條可以讓用戶知道進展。
△ 復雜或冗長的交互狀態要及時反饋呈現
△ 按次序顯示操作步驟總數
△ 顯示類目下的條目數
同一任務,可為客戶提供多種完成方式
用戶喜歡的操作方式不一樣。為同一目標提供不同路徑,讓用戶選擇最符合他們自己的方式。
△ 用戶可通過用戶名或電子郵件登錄系統
△ 為重復操作類功能提供鍵盤快捷鍵
△ 讓用戶可以拖拽元素
△ 讓用戶直接編輯數據信息
反饋呈現交互動作的限制條件或參數要求
為每一個交互動作做好準備。用戶需要什麼?他們如何繼續?
△ 描述清楚你需要用戶輸入什麼
△ 實時顯示密碼要求並反饋輸入狀態
△ 為表單元素預填通用參數
△ 顯示表單的必填和選填信息
反饋顯示交互動作的預期結果
在用戶進行交互操作之前,他們應該瞭解預期結果是什麼
△ 使用描述性按鈕標簽
△ 根據當前的輸入,顯示結果預覽
△ 按次序顯示或預覽下一個項目
△ 使用智能菜單項明確操作內容
當用戶取得進展時,給予獎勵或肯定
用戶取得進展瞭嗎?他們的交互成功瞭嗎?讓用戶知道,同時引導他們繼續。
△ 保證鏈接與目標頁面的一致性
△ 為新加入用戶提供速效指引環節(如迅速建立人脈)
△ 進度條從大於0%的地方開始
解決用戶的核心需求
很多時候,我們隻解決瞭用戶的表層需求。深入下去,探究為何用戶需要某些功能或信息,然後解決他們的底層需求
△ 顯示當前時間辦公室處於開放還是關閉狀態
△ 顯示事件的新近狀態
如最近發表的評論,顯示為幾天之前而不是具體日期,用戶可明確感知是新評論。
未完待續
延伸閱讀:
- 網頁設計必讀!125個小優化提升網頁可用性(三)
- 網頁設計必讀!125個小優化提升網頁可用性(四)