Don't make me think!
一、web设计的第一原则：别让我思考
（第1章）
重要：它是可用性第一定律
现状：强迫我们思考的地方多
要求：若不能不言而喻，至少能自我解释
目的：留住用户
二、用户使用web的特征：扫描，满意即可，勉强应付
（第2章）
不是阅读，是扫描
不是追根究底，是勉强应付
不作最佳选择，是满意即可
解决方案：
1、参考广告牌的设计规律，专为扫描设计
（第3章）
建立清楚的视觉层次
越重要越突出
逻辑上相关的部分在视线上也相关
逻辑上包含的部分在视觉上进行嵌套
尽量使用习惯用法
把页面划分成有明确定义的区域
明显标识可点击的地方
最大限度降低干扰
2、让选择变得无需思考
（第4章）
说明：三次无需思考、准确无误的点击=一次需要思考的点击
关键：尽可能地减少每一次点击的艰难度
3、精简页面文字
（第5章）
好处
降低页面噪声干扰
突出有用内容
让页面简短，减少滚屏
简短页面方便阅读
需精简的内容
欢迎词
指示说明词
三、基于“无须思考”原则设计web的应用
1、如何设计导航
（第6章）
web浏览的焦虑：缺少物理感觉
感觉不到大小
感觉不到方向
感觉不到位置
用户浏览的一般习惯
通常是为了寻找某个目标而来
一般会决定先询问还是先浏览
如果选择浏览，TA将通过标志的引导在层次结构中穿行
最后，如果找不到想要的东西，TA会离开
导航是个好东西
它给了我们一些固定的感觉
它告诉我们如何使用网站
它给了我们对网站建造者的信心
一般导航的习惯用法
默认：标准的外观和位置
全局导航
出现在每一页，外观和位置一致
特殊：主页、表单页除外
网站的标志(LOGO)
符合网站ID的特征
位置要最醒目
栏目
也叫主导航条
站点层次结构的最高顶层
实用工具
定义：指到达网站中不属于内容层次的重要元
“返回主页”
要始终可见
提供搜索
构成：按钮，输入框和“搜索”文字
难点：选项设计
若存在任何混淆搜索范围的可能，写出来
选项的存在是否必要，再三确定
给出用户提供选项调整搜索的范围，确实必要时
低层次导航
样例页面不应被忽视
页面名称
每个页面都该有
出现在合适的位置
名称要和点击的连接一致
指示器
突出当前的位置
面包屑(层级菜单)
定义：显示主页到当前位置的路径
位置：把它们放在最顶端
特征：用“>”对层级进行分隔
加粗：将最后一个元素加粗
字体：使用小字体
文字：使用文字“你在这里”
注意：别把它们作为页面的名称
标签
如何测试，检验导航设计是否合理(后备箱测试)
这是什么网站(LOGO)
我在哪个网页上(网页名称)
这个网站的主要栏目有哪些？(栏目清单)
在这个层次上我有哪些选择？(本页导航)
我在导航系统的什么位置(“你在这里”指示器)
我怎么搜索
2、如何设计主页
（第7章）
主页一般构成要素有哪些
站点的标识和使命
站点层次(内容和功能)
搜索
导读(内容推介)
内容更新
友情链接
快捷方式
让我看到自己正在寻找的东西
还有我没有寻找的
告诉我从哪里开始
建立可信度和责任感
主页设计难点
每个人都想占一席之地
想要参与的人太多
一个尺寸要适合所有人
主页设计第一原则：第一时间，营造网站的整体印象（4+1问检验法）
这是个什么网站
这个网站有些什么
我能在这里做什么
为什么我在这里，而不是在别的地方
从哪里开始
从这里开始搜索
从这里开始扫描
从这里开始扫描该网站最精彩的内容
如何传达网站的整体印象
欢迎广告
口号
清楚，言之有物
长度适中
能描述出网站的特点和显而易见的好处
个性、生动、俏皮
指导原则
空间尽可能大
空间别太大
使命不等于欢迎广告
用测试检验成果
主页设计的特殊情况
谨慎使用下拉框
原因：不够直观、难以扫描、不好控制
主页导航可以不一样
四、可用性测试相关问题
1、web设计团队该不该讨论“可用性”
（第8章）
现实：如信仰大战般无法验证，无法取得一致意见
原因：个人喜好的冲突；职位情绪的冲突
解决方法：
方式：测试，用数据说话
态度：多讲道理，理智讨论
共识：web设计无绝对好坏
结论：不该，浪费时间
2、如何进行可用性测试操作
（第9章）
可用性测试现状：测试太少，太迟，要么就是出发点不对。
关于可用性测试的7个观点
建优秀网站，一定要测试
测试一个用户比不做测试好一倍
测试宜早不宜迟
人们高估了招募用户代表的重要性
测试的关键是了解你的判断力
测试是一个迭代的过程
没有什么比现场用户的反应更重要
知识点：如何区分焦点小组和可用性测试？
可用性测试具体操作
测试前的准备
测试用户数：3~4人，少人多轮
测试对象：一般站可宽松招募，特殊站针对性调整，招募注意事项(给鼓励、要求简、勿"剧透"、邀亲友)
测试地点：会议室
测试主持：性格合适的即可
测试观察：相关涉众
测试时间：关键阶段，趁早，经常性
测试内容：“理解”测试和关键任务测试
测试时的注意事项
适当闲聊，营造轻松气氛
对主页的反应
任务测试
测试后的相关工作
立即回顾测试结果：分类问题和解决问题
设计牵一发而动全身，修改需慎重
3、为用户考虑更周到
（第10章）
提高好感的方式
简流程，减步骤
设计用心
错误易恢复
必要时，会道歉
提供好帮助和引导
呈现给用户想要的
猪用户的行为：优化操作
懂用户所疑，及时解答
提供协助，如打印友好页面
好感存储器
定义：进入网站时，以好感开始
特点：它因人而异，因情况而定，可重新填满它，也可能因小失大
降低好感的方式
隐藏重要信息，询问过多信息
操作时有障碍，操作错误时有惩罚
网站看上去不专业，态度敷衍不真诚
五、拓展：可访问性、CSS和你
（第11章）
可访问性是什么？对特殊人群所做的特别设计
怎么做
为每张图片加alt文本
让你的表单配合屏幕阅读器
在每页的最前面加一个"跳转到主页内容"的连接
让所有的内容都可以通过键盘操作
尽量不使用JS
使用客户端的影像地图(image Map)
blog comments powered by Disqus