一些《点石成金》笔记

写在前面和一些杂七杂八

krug可用性

Krug 可用性第一定律：别让我思考。

Krug 可用性第二定律：点击多少次没有关系，只要每次点击都是无序思考、明确无误的选择。

Krug 可用性第三定律：去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。

1 user experience design(uxd)

2 一条可用性原则：看上去使用需要大量时间的东西，将来久会用得越来越少

即：让一个有平均能力和经验（甚至低于平均水平）能明白如何使用而不需付出过度的努力或遇到不必要的麻烦

C1 让页面不言而喻，或者能够自我解释

1 命名简易易懂

2 链接和按钮明显

C2 用户并不会精细使用##

1 用户在扫描而不是阅读页面，用户将专注于

①与手头任务有关的②个人兴趣③脑中根深蒂固的词汇

2 用户选择行为：选择第一个过得去的而非最佳（满意策略）

3 用户并不追根究底使用的页面

C3 为好上手设计页面

1 使用习惯用法：广为采纳或已经标准化的设计模式

ps:简洁胜于一致：若在某种程度上打破一致能得到高度简洁清楚的效果，则选择简洁

2 建立有效的视觉层次：越重要越突出|逻辑相关=视觉相关|逻辑包含=视觉嵌套

3 划分明确的区域

4 标识可点的地方：使用一种字体颜色标记、确定外观和位置能够识别

5 降低视觉噪声：眼花缭乱、组织不当、太过密集

6 设置文本格式，方便扫描：充分使用标题|段落简短|使用符号列表|突出关键词语

C4 让用户的选择无需思考

1 “常规法则”：三次无需思考的点击=一次需要思考的点击

2 将每一个选择结果作为一个页面而不是将所有选择挤在一起（减少思考）

3 给予“指引”：简短（提供少量信息）|及时（在正好需要的地方）|不会错过（样式合适）

C5 减少页面文字

减少欢迎词|指示文字

C6 导航设计

1 主页--固定的定点，一个重新开始的机会

2 网站记忆没有空间感，依靠定点在概念层次的位置

3 web导航--补偿在网站中缺失的空间感，具体化网站的层次结构

4 导航用途：告知身在何处|通过层次结构可视化体现网站内容|指示说明网站用途|帮助指引|给与好印象

5 持久导航/全局导航：在每一页以一致的外观出现在相同位置（填表页只需要一个返回键）

站点id：通常在左上角，有独特的字体/可识别的图形

栏目（主导航条）：到达该站点主要栏目的链接

实用工具：到达网页不属于内容层次的重要元素的链接（大约4-5个）

6 设计导航时需要完成所有潜在级别导航的样例页面

7 页面名称：每个页面都有|出现在涵盖该页内容的位置|引人注目|名称与进入链接相同

8 在栏目明确指出用户所在层次

eg：面包屑 index>time><B>today<B/>

9 标签标识用户所在页面：激活的标签始终在最上|激活的标签页有不同的颜色/形状作为对比

C7 主页

1 主页=网页整体印象

回答用户5个问题：这是什么网站|在这能干什么|网站里有什么|为什么我要在这而不是别的地方|如何开始使用这个网站

2 口号：靠近站点id的地方，作为整个网站的描述，言之有物|长度合适|表达网站特点和好处|有个性

欢迎广告：主页的首要位置（上左或上中）

了解更多：文字/视频内容介绍

C8 解决信仰之争

1 团队想法≠用户想法

2 解决出于个人喜好的团队争辩唯一方法----测试

C9 关于可用性测试

1 焦点小组：一组人的“圆桌会议”，仅限于抽象的想法偏好输出--适用于早期

2 可用性测试：观察用户使用网站的实际效果反馈--贯穿整个开发

C10 移动

1 移动端的层级比网页多

2 适配问题：允许缩放|允许越级跳转|提供电脑版切换入口

3 移动端没有鼠标光标悬停提示

C11 对可用性的影响

1 引起反感：

隐藏客户想要的信息，eg客服电话、价格

因为没有按照所需方式行事而惩罚用户

询问客户不必要个人信息

欺骗用户

设置冗长浏览障碍

网页组织结构混乱

2 提升好感：

网页操作简单

信息显眼

尽量减少步骤

多花心思

提供常见Q&A，保持更新

易从错误恢复

及时道歉

C12 改进可访问性----常测试

1 网站对普通人而言好用，会让残障人士更好用

2 常用具体变更：

使用图片alt文本

选择合适标题标签

表单适配阅读器

每页新增“跳转到主要内容”的按钮

所有内容可用键盘访问

文本与背景对比鲜明

采用模板

C13 some 'no'

1 不要使用小而对比不强的字体

2 不要把标签放到表单中

3 保留已访问链接和未访问之间的区别

4 不要让标题漂浮在段落之间