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、