在網頁設計中兼顧所有用戶和場景的3個技巧

1 評論 13462 瀏覽 48 收藏 6 分鐘

盡可能兼顧不同用戶的知識和技能水平

用戶可能是新手、專家或介于兩者之間,要根據用戶情況設計界面。

△ 使用適當的新人引導(四種主要的新人引導策略)

這四種用法剛好可以用一個2*2的矩陣來表示。根據下方圖示選擇最適合你界面的方式:

2qy20160512 3qy20160512

△?為新手用戶添加提示而不干擾專家用戶

4qy20160512

△?使用卡片分類構建信息架構

若你想了解用戶如何確定或概念化菜單分類,使用開放式卡片分類;

若你想了解用戶如何將現有元素歸類到預制分類,使用封閉式卡片分類;

盡可能適應用戶的操作流程

用戶會有不同的需求,根據不同操作流程調整界面設計。

5qy20160512

△?讓用戶控制數據的呈現方式

6qy20160512

△?讓用戶控制數據的排序方式

其他排序標準包括:

  • 按字母順序
  • 按可用性
  • 按分類
  • 按日期
  • 按距離
  • 按熱門程度
  • 按價格
  • 按相關性
  • 按大小

7qy20160512

△?讓用戶控制數據顯示的數量

8qy20160512

△?構建用戶畫像以區分具體操作流程

9qy20160512

△?讓用戶通過新標簽頁打開頁面

很多用戶習慣先打開頁面,后續再去瀏覽。

盡可能提高網頁的可及性

讓殘疾人群也可以訪問使用你的界面。這不僅是好的做法,還可以避免法律后果(看你做的是什么產品)

10qy20160512

△?在HTML5中使用語義標簽

11qy20160512

△?使用多種提示來溝通反饋信息

大約8%的男性是色盲(Chan, Goh, & Tan, 2014)。不要單獨通過顏色來傳達信息,提供多種提示。

盡可能兼容各種輸入和極端個例

應該允許用戶輸入各種信息而無后顧之憂。

12qy20160512

△?解決自動生成信息帶來的不好結果

(譯者注:上圖客戶旅游目的地是奧斯威辛,通過模板消息“<目的地名稱>玩得開心”,會生成“奧斯威辛玩得開心”的提示,但奧斯威辛集中營是個負面的聯想,“奧斯威辛集中營玩得開心”,會讓用戶不爽。保險起見,改成提示“旅途愉快”)

13qy20160512

△?使用支持多種輸入格式的表單元素

14qy20160512

△?顯示能解決搜索者需求的結果

15qy20160512

△?使用能處理錯別字、同義詞或變體詞的搜索

盡可能兼容所有媒介

界面需要在各種環境都能運作(如不同設備、瀏覽器等)

16qy20160512

△?根據用戶瀏覽器定制不同的操作指引

17qy20160512

△?在小型設備上使用單窗口深入的方式

未完待續…

 

原文地址:nickkolenda

譯文來自:@企業官網設計精選

 

【系列文章回顧】戳下面鏈接快速到達:

1)在網頁設計中幫助用戶實現目標

2)在網頁設計中如何引導用戶的注意力

3)在網頁設計中如何少讓用戶費腦筋,保持操作流暢

4)在網頁設計中兼顧所有用戶和場景的3個技巧

5)當用戶操作錯誤時,如何在不影響用戶體驗的情況下快速處理好

 

 

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 喜歡這個系列

    來自廣東 回復