125个晋升网页可用性的优化小技能(一)

发布时间:2017-04-15 06:25 来源:互联网 以后栏目:网页设计教程

   这个系列的教程到今朝为止有5个章节,共125个实用技能,每个技能都有案例比较,包管简单易懂。明天@企业官网设计精选 翻译了第一部分 —— 在网页设计中若何引导用户的留意力。学会一个就可以受用无穷,更别说这一章整整有17个详细的办法了。

  在界面中凹陷强调一个聚核心

  每个界面都应当有一个清楚的终点。用户应当从哪里看起?要设计清楚。

19zxsj20160504

  △ UX战略1 – 在页面标题部分添加视觉比较

  经过过程视觉的层次引导用户

  经过过程界面引导控制用户体验。他们应当从哪里先看起,第二和第三步又看哪里?设计要建立层次构造。

2zxsj20160504

  △ UX战略2 – 防止在构图中补漏留白

3zxsj20160504

  △ UX战略3 – 应用单列构造

4zxsj20160504

  △ UX战略4 – 堆叠设计元素,强调持续性

  应用格局塔准绳停止构造设计

  根据格局塔心思学,人会经过过程简化感知克服纷乱。所以我们将事物分组,将元素分类,我们看“全体”。

  这些准绳包含:类似,接近,闭合,连接,持续和图形/背景。

5zxsj20160504
6zxsj20160504

  △ UX战略5 – 按照接近性将类似功能或菜单项分组显示

7zxsj20160504

  △ UX战略6 – 标题地位与对应章节内容更接近

8zxsj20160504

  △ UX战略7 – 限制标题与章节内容在同一界线内

  在不搅扰用户的条件下出现界面变更

  有一些界面变更会产生在用户应用时代,这些变更要做到明显但不搅扰用户。

9zxsj20160504

  △ UX战略8 – 用明显的动画出现界面变更

  • 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、