編者按：這個系列的教程有125個實用的網(wǎng)頁優(yōu)化技巧，每一個技巧都有案例對比，保證簡單易懂。今天@企業(yè)官網(wǎng)設計精選 翻譯了第二部分 —— 在網(wǎng)頁設計中幫助用戶實現(xiàn)目標，一起來漲姿勢！

第一期回顧：《有圖有案例！125個提升網(wǎng)頁可用性的優(yōu)化小技巧（一）》

讓常用功能和重要數(shù)據(jù)信息更接近用戶

預測用戶的意圖，讓他們盡可能接近目標。

△ 篩選出或跳至用戶正在搜索的條目

△ 將用戶常選項目列為默認選項

△ 產(chǎn)品列表頁上把重要數(shù)據(jù)信息展示出來

很多時候用戶需要像踩彈簧高蹺杖一樣，點擊一個產(chǎn)品，查看信息，返回上一頁，再反復操作以查看其他產(chǎn)品。這種設計的可用性差。應把重要信息直接放在主要頁面，減少用戶反復操作的次數(shù)。

如果你怕這樣頁面會雜亂，也可以設計成鼠標懸停時顯示（如下面這樣）

△ 鼠標懸停時顯示有用信息

△ 常用功能直接展示出來

△ 用儀表面板方式展現(xiàn)主要數(shù)據(jù)和狀態(tài)

△ 把常見答案放在下拉列表的頭部

交互狀態(tài)的及時反饋呈現(xiàn)

通過傳達所有相關(guān)信息減少不確定性。

△ 在機器驅(qū)動的任務中顯示當前進度和剩余時間

如上傳文件是系統(tǒng)在處理，用戶不知道內(nèi)部運作情況，通過顯示進度條可以讓用戶知道進展。

△ 復雜或冗長的交互狀態(tài)要及時反饋呈現(xiàn)

△ 按次序顯示操作步驟總數(shù)

△ 顯示類目下的條目數(shù)

同一任務，可為客戶提供多種完成方式

用戶喜歡的操作方式不一樣。為同一目標提供不同路徑，讓用戶選擇最符合他們自己的方式。

△ 用戶可通過用戶名或電子郵件登錄系統(tǒng)

△ 為重復操作類功能提供鍵盤快捷鍵

△ 讓用戶可以拖拽元素

△ 讓用戶直接編輯數(shù)據(jù)信息

反饋呈現(xiàn)交互動作的限制條件或參數(shù)要求

為每一個交互動作做好準備。用戶需要什么？他們?nèi)绾卫^續(xù)？

△ 描述清楚你需要用戶輸入什么

△ 實時顯示密碼要求并反饋輸入狀態(tài)

△ 為表單元素預填通用參數(shù)

△ 顯示表單的必填和選填信息

反饋顯示交互動作的預期結(jié)果

在用戶進行交互操作之前，他們應該了解預期結(jié)果是什么

△ 使用描述性按鈕標簽

△ 根據(jù)當前的輸入，顯示結(jié)果預覽

△ 按次序顯示或預覽下一個項目

△ 使用智能菜單項明確操作內(nèi)容

當用戶取得進展時，給予獎勵或肯定

用戶取得進展了嗎？他們的交互成功了嗎？讓用戶知道，同時引導他們繼續(xù)。

△ 保證鏈接與目標頁面的一致性

△ 為新加入用戶提供速效指引環(huán)節(jié)（如迅速建立人脈）

△ 進度條從大于0%的地方開始

解決用戶的核心需求

很多時候，我們只解決了用戶的表層需求。深入下去，探究為何用戶需要某些功能或信息，然后解決他們的底層需求

△ 顯示當前時間辦公室處于開放還是關(guān)閉狀態(tài)

△ 顯示事件的新近狀態(tài)

如最近發(fā)表的評論，顯示為幾天之前而不是具體日期，用戶可明確感知是新評論。

未完待續(xù)…

「技多不壓身的設計師才有高薪資！」

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優(yōu)秀交互設計師》
3. UI設計：《超實用新手指南！零基礎(chǔ)如何自學UI設計？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學習前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎(chǔ)入門！給非科班生的自學路徑圖之交互設計篇》

原文地址：nickkolenda

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量112萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關(guān)注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com