編者按：這個系列的教程有125個實用的網(wǎng)頁優(yōu)化技巧，每一個技巧都有案例闡述，保證簡單易懂。今天@企業(yè)官網(wǎng)設(shè)計精選 翻譯了第四部分 —— 在網(wǎng)頁設(shè)計中兼顧所有用戶和場景的3個技巧。一起來收!
往期回顧：
《有圖有案例!125個提升網(wǎng)頁可用性的優(yōu)化小技巧(一)》
《有圖有對比!125個提升網(wǎng)頁可用性的優(yōu)化小技巧(二)》
《有圖有案例!125個提升網(wǎng)頁可用性的優(yōu)化小技巧(三)》
盡可能兼顧不同用戶的知識和技能水平
用戶可能是新手、專家或介于兩者之間，要根據(jù)用戶情況設(shè)計界面。
△ 使用適當?shù)男氯艘龑?dǎo)(四種主要的新人引導(dǎo)策略)
這四種用法剛好可以用一個2*2的矩陣來表示。根據(jù)下方圖示選擇最適合你界面的方式：
△ 為新手用戶添加提示而不干擾專家用戶
△ 使用卡片分類構(gòu)建信息架構(gòu)
若你想了解用戶如何確定或概念化菜單分類，使用開放式卡片分類;
若你想了解用戶如何將現(xiàn)有元素歸類到預(yù)制分類，使用封閉式卡片分類;
盡可能適應(yīng)用戶的操作流程
用戶會有不同的需求，根據(jù)不同操作流程調(diào)整界面設(shè)計。
△ 讓用戶控制數(shù)據(jù)的呈現(xiàn)方式
△ 讓用戶控制數(shù)據(jù)的排序方式
其他排序標準包括：
按字母順序
按可用性
按分類
按日期
按距離
按熱門程度
按價格
按相關(guān)性
按大小
△ 讓用戶控制數(shù)據(jù)顯示的數(shù)量
△ 構(gòu)建用戶畫像以區(qū)分具體操作流程
△ 讓用戶通過新標簽頁打開頁面
很多用戶習慣先打開頁面，后續(xù)再去瀏覽。
盡可能提高網(wǎng)頁的可及性
讓殘疾人群也可以訪問使用你的界面。這不僅是好的做法，還可以避免法律后果(看你做的是什么產(chǎn)品)
△ 在HTML5中使用語義標簽
△ 使用多種提示來溝通反饋信息
大約8%的男性是色盲(Chan, Goh, & Tan, 2014)。不要單獨通過顏色來傳達信息，提供多種提示。
盡可能兼容各種輸入和極端個例
應(yīng)該允許用戶輸入各種信息而無后顧之憂。
△ 解決自動生成信息帶來的不好結(jié)果
(譯者注：上圖客戶旅游目的地是奧斯威辛，通過模板消息“<目的地名稱>玩得開心”，會生成“奧斯威辛玩得開心”的提示，但奧斯威辛集中營是個負面的聯(lián)想，“奧斯威辛集中營玩得開心”，會讓用戶不爽。保險起見，改成提示“旅途愉快”)
△ 使用支持多種輸入格式的表單元素
△ 顯示能解決搜索者需求的結(jié)果
△ 使用能處理錯別字、同義詞或變體詞的搜索
盡可能兼容所有媒介
界面需要在各種環(huán)境都能運作(如不同設(shè)備、瀏覽器等)
△ 根據(jù)用戶瀏覽器定制不同的操作指引
△ 在小型設(shè)備上使用單窗口深入的方式
未完待續(xù)…
