一些《点石成金》笔记

写在前面和一些杂七杂八

krug可用性

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

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

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

1 user experience design(uxd)    

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

3 可用性：有用|可学习（能否知道如何使用）|可记忆（能否记住如何使用）|有效|高效（能否在合适时间内完成）|合乎期望|令人愉悦  

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

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 不要让标题漂浮在段落之间