WL

越来越好,越好越来

网页可用性设计指导思路总结

猛然在文档里翻到了,2年前看《点石成金 / Don’t make me think》做的笔记。

整体设计

核心思想:为扫描而设计,不为阅读而设计

  1. 理清层次 每个页面的层次关系应该是很清楚的
  2. 采用习惯 尽量利用我们已经习惯的用法
  3. 划分区域 把页面划分成明确定义的区域
  4. 明确提示 可点击,可操作的地方,给用户明显的标识
  5. 减少干扰 最大限度降低其他非重要元素产生的干扰

理清层次

  1. 越重要部分越突出,可以参考:页面重要区域划分
  2. 语义逻辑上相关的部分在视觉层次上也相关
  3. 进行合理的视觉上嵌套

主页设计

核心思想:能快速的让用户找到需要的东西,以及告诉用户如何开始。

主页需要展现的东西

  1. 标识站点
  2. 展示站点层次
  3. 导读
  4. 内容更新
  5. 友情链接
  6. 快速链接

网页可用性测试方法

  1. 快速扫描网页,然后回答如下问题:
  2. 这个网站是做什么的?
  3. 应该从什么地方开始?