125個提升網頁可用性的優化小技巧(四)

發布時間:2017-04-15 13:06 來源:互聯網 當前欄目:網頁設計教程

   往期回顧:

  《有圖有案例!125個提升網頁可用性的優化小技巧(一)》

  《有圖有對比!125個提升網頁可用性的優化小技巧(二)》

  《有圖有案例!125個提升網頁可用性的優化小技巧(三)》

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

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

1qy20160512

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

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

2qy20160512
3qy20160512

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

4qy20160512

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

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

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

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

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

5qy20160512

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

6qy20160512

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

  其他排序標準包括:

  按字母順序

  按可用性

  按分類

  按日期

  按距離

  按熱門程度

  按價格

  按相關性

  按大小

7qy20160512

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

8qy20160512

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

9qy20160512
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、