胜于言传

按有用程度 按页码先后 最新笔记

• 

  全书精华

  子恒 (言勿尽善，善勿尽言。)

  用户为信息而来。 用户不会阅读太多的内容，尤其在到达所需的信息页面之前。 即使在信息页面中，他们也先“浏览”； 用户会对所读的内容作出解释； 分析主要用户； 如果仅根据对用户的主观想象来创建网站，那么这些工作就是建立在假设基础上的。如果假设错了，内容也就没有用了。 列出每个用户的关键特征，包括： ·关键短语和语录； ·经验和专业知识； ·性情； ·价值观； ·技术水平； ·社会及文化背景；... (更多)

  用户为信息而来。 用户不会阅读太多的内容，尤其在到达所需的信息页面之前。 即使在信息页面中，他们也先“浏览”；

  用户会对所读的内容作出解释； 分析主要用户； 如果仅根据对用户的主观想象来创建网站，那么这些工作就是建立在假设基础上的。如果假设错了，内容也就没有用了。 列出每个用户的关键特征，包括： ·关键短语和语录； ·经验和专业知识； ·性情； ·价值观； ·技术水平； ·社会及文化背景； ·人口统计学信息； 利用以上信息创建人物角色； 网站中的每一部分都是在实现一个场景；

  主页的5个主要功能： ·标识网站，建立品牌；（logo、名称、口号） ·设定网站的基调和个性；（视觉风格统一） ·帮助人们了解网站主题；（好的主页主要由链接和简短描述组成） ·允许人们立即执行关键任务；（将人们急需的表单放在主页上） ·有效且高效地将每位用户引向正确的路径；（大部分用户都想快点离开主页） 确保表单在小屏幕上也能看到； 在用户只想获取网站信息、不愿填写表单时，绝不强迫；

  浏览路径页面： 多数用户是在查询信息或完成任务，浏览路径页面只是为了将他们引领到最终的目的地； 人们不希望在搜寻过程中阅读太多的内容； 浏览路径页面就像书的“目录”一样； 简短的描述对用户是有帮助的； 浏览路径页面中或许应该忽略营销类信息； 路径的顺畅要比点击次数更重要： ·不要让用户思考； ·让用户不再需要后退按钮； 许多人会首先选择看上去比较合适的选项： ·浏览路径页面中信息的呈现顺序； ·将最重要的信息和链接放在页面上部； ·越想让用户点的链接放在上面； 很多用户会直接进入网站内部的某个页面（搜索引擎或其他途径）： ·不要让页面成为死胡同； ·为网站用户提供指向网站其他位置的链接，如主页、其他相关内容等；

  呈现信息而非文档； 按“主题”形式呈现内容，而不是“书本”形式；

  关键信息组织： 只提供用户需要的内容，多余的删掉； 保留足够的词汇，确保表意清晰； 从关键信息入手，倒金字塔模式进行编写（要点内容、与读者相关的支持信息、历史、背景信息）； 拆分“文字墙”（大段文字要拆分）； 网站主要是“拉”技术，把我推销时机（会员价），至少在满足部分用户需求之后才能开始推销； 信息分层对用户很有好处：概要描述 -> 完整信息； 通过用户角色考虑用户使用场景；

  关于设计： 网站内容要有“专门的留白”； 不要造成“页面已到底”的假象； 文中小标题上间距要大于下间距（显示逻辑）； 选择“无衬线字体”作为默认字体； 字号默认足够大，必要时给用户提供选择； 行的默认长度要适中，每行50-70个字符，太长读起来费眼睛，而且容易漏掉某行；太短影响信息连贯性； 除了链接，不要使用下划线，斜体也少用（尊重用户心智模型：下划线=链接）； 反显文字（深色背景+浅色文字）相对难以阅读，要慎重；

  与用户对话： ·使用“你”来称呼用户，不要混合使用“你”和其他名词； ·要显示出自己是一个人（“我”），公司是一群人（“我们”）； 句子少用被动语态，主动好理解； 问题分组，不要长篇大论； 例： Must I do this？ …… What must I do？ …… Why must I do？ …… 从上下文背景信息开始，按顺序说明； 使用用户的语言，去掉专业词汇和专业口吻（大声朗读修改）；

  大段的文字先分块，每一块确定一个主题（我能在网站做什么？），帮助用户快速定位；主题内条理清晰，用列表等形式呈现；

  列表比文字更清晰；列表要短（5-10个）； 西安名胜： ·华清池 ·兵马俑 ·大明宫 列表格式化：不要浮动在两行之中；列表的项目符号（·）要统一； 有序列表：步骤类信息（操作步骤、注册流程等） 各项句子结构相同 1.创建一个账户； 2.命名你的博客； 3.选择一个模板； 非步骤类的信息不要用编号，用户会混淆； 表格：对比数字 最好采用间隔条纹的方式，不要分隔线； 表格文字不要居中； 最左边一列作为筛选，回答“如果……”的问题；

  标题优化： 标题要具有概括性； 当用户带着问题来网站时，用他们的问题作为标题； 从用户的角度提出问题，用关键词开头； 使用陈述性标题传达关键信息； 使用行为短语作为操作指南中的标题； 少用名词； 结构相同的考虑排比； 标题层级关系不要多于两级（大标题下）； 粗体很给力； 不要用蓝色或下划线作为纯标题（用户心智模型：蓝色or下划线=链接）； 页内链接放在页面标题的正下方（用户心智模型：左侧内的链接跳到别的页面）；

  图片： 一定要清晰； 注意了解用户需求（登山鞋需要底部的图片）； 联系现实（电影订票座位选择）； 适当使用心情图片营造氛围； 图片要清晰易懂，不要让用户猜； 注意尺寸，图片的作用是辅助内容，不要把关键内容挤到页面下部； 不要使用闪烁、滚动、跳动的文字和图片，它会大大吸引走人们的注意力（用户进入页面后，就不要再变化页面内容）； alt属性要有意义，纯装饰性的图片alt为空； 去掉网站入口flash或图片；

  链接： 不要把自创词或新用户不熟悉的词（产品名称、项目名称）单独放到链接中； 链接名称和它所指向的页面标题相符； 避免单独使用名词作为链接名称，考虑行为动词； 如果需要，可以添加一小段链接描述； 替换点击这里、更多这样的词，除非上下文能明确看出更多指的是哪里； 相似链接考虑合并，最起码不能让用户有困惑到底是哪个； 如果想让用户不间断地阅读信息，就不要在其中嵌入链接；如果只是浏览，那无所谓；如果不想让用户中途离题，最好将链接放到主要文字的结尾或旁边；（中途离题返回率是很低的） 列表符号也要能点击； 未访问的链接要有所区分，换颜色（人们更容易通过识别来工作，而不是回想）；

  作品完成放一段时间再看； 文字类的大声朗读，记下迟疑、错误的地方； 收起自尊心； 创建一份团队工作指南；

  (收起)

  2011-12-25 12:33:39   回应

  收藏

  推荐

• 

  全书精华

  子恒 (言勿尽善，善勿尽言。)

  用户为信息而来。 用户不会阅读太多的内容，尤其在到达所需的信息页面之前。 即使在信息页面中，他们也先“浏览”； 用户会对所读的内容作出解释； 分析主要用户； 如果仅根据对用户的主观想象来创建网站，那么这些工作就是建立在假设基础上的。如果假设错了，内容也就没有用了。 列出每个用户的关键特征，包括： ·关键短语和语录； ·经验和专业知识； ·性情； ·价值观； ·技术水平； ·社会及文化背景；... (更多)

  用户为信息而来。 用户不会阅读太多的内容，尤其在到达所需的信息页面之前。 即使在信息页面中，他们也先“浏览”；

  用户会对所读的内容作出解释； 分析主要用户； 如果仅根据对用户的主观想象来创建网站，那么这些工作就是建立在假设基础上的。如果假设错了，内容也就没有用了。 列出每个用户的关键特征，包括： ·关键短语和语录； ·经验和专业知识； ·性情； ·价值观； ·技术水平； ·社会及文化背景； ·人口统计学信息； 利用以上信息创建人物角色； 网站中的每一部分都是在实现一个场景；

  主页的5个主要功能： ·标识网站，建立品牌；（logo、名称、口号） ·设定网站的基调和个性；（视觉风格统一） ·帮助人们了解网站主题；（好的主页主要由链接和简短描述组成） ·允许人们立即执行关键任务；（将人们急需的表单放在主页上） ·有效且高效地将每位用户引向正确的路径；（大部分用户都想快点离开主页） 确保表单在小屏幕上也能看到； 在用户只想获取网站信息、不愿填写表单时，绝不强迫；

  浏览路径页面： 多数用户是在查询信息或完成任务，浏览路径页面只是为了将他们引领到最终的目的地； 人们不希望在搜寻过程中阅读太多的内容； 浏览路径页面就像书的“目录”一样； 简短的描述对用户是有帮助的； 浏览路径页面中或许应该忽略营销类信息； 路径的顺畅要比点击次数更重要： ·不要让用户思考； ·让用户不再需要后退按钮； 许多人会首先选择看上去比较合适的选项： ·浏览路径页面中信息的呈现顺序； ·将最重要的信息和链接放在页面上部； ·越想让用户点的链接放在上面； 很多用户会直接进入网站内部的某个页面（搜索引擎或其他途径）： ·不要让页面成为死胡同； ·为网站用户提供指向网站其他位置的链接，如主页、其他相关内容等；

  呈现信息而非文档； 按“主题”形式呈现内容，而不是“书本”形式；

  关键信息组织： 只提供用户需要的内容，多余的删掉； 保留足够的词汇，确保表意清晰； 从关键信息入手，倒金字塔模式进行编写（要点内容、与读者相关的支持信息、历史、背景信息）； 拆分“文字墙”（大段文字要拆分）； 网站主要是“拉”技术，把我推销时机（会员价），至少在满足部分用户需求之后才能开始推销； 信息分层对用户很有好处：概要描述 -> 完整信息； 通过用户角色考虑用户使用场景；

  关于设计： 网站内容要有“专门的留白”； 不要造成“页面已到底”的假象； 文中小标题上间距要大于下间距（显示逻辑）； 选择“无衬线字体”作为默认字体； 字号默认足够大，必要时给用户提供选择； 行的默认长度要适中，每行50-70个字符，太长读起来费眼睛，而且容易漏掉某行；太短影响信息连贯性； 除了链接，不要使用下划线，斜体也少用（尊重用户心智模型：下划线=链接）； 反显文字（深色背景+浅色文字）相对难以阅读，要慎重；

  与用户对话： ·使用“你”来称呼用户，不要混合使用“你”和其他名词； ·要显示出自己是一个人（“我”），公司是一群人（“我们”）； 句子少用被动语态，主动好理解； 问题分组，不要长篇大论； 例： Must I do this？ …… What must I do？ …… Why must I do？ …… 从上下文背景信息开始，按顺序说明； 使用用户的语言，去掉专业词汇和专业口吻（大声朗读修改）；

  大段的文字先分块，每一块确定一个主题（我能在网站做什么？），帮助用户快速定位；主题内条理清晰，用列表等形式呈现；

  列表比文字更清晰；列表要短（5-10个）； 西安名胜： ·华清池 ·兵马俑 ·大明宫 列表格式化：不要浮动在两行之中；列表的项目符号（·）要统一； 有序列表：步骤类信息（操作步骤、注册流程等） 各项句子结构相同 1.创建一个账户； 2.命名你的博客； 3.选择一个模板； 非步骤类的信息不要用编号，用户会混淆； 表格：对比数字 最好采用间隔条纹的方式，不要分隔线； 表格文字不要居中； 最左边一列作为筛选，回答“如果……”的问题；

  标题优化： 标题要具有概括性； 当用户带着问题来网站时，用他们的问题作为标题； 从用户的角度提出问题，用关键词开头； 使用陈述性标题传达关键信息； 使用行为短语作为操作指南中的标题； 少用名词； 结构相同的考虑排比； 标题层级关系不要多于两级（大标题下）； 粗体很给力； 不要用蓝色或下划线作为纯标题（用户心智模型：蓝色or下划线=链接）； 页内链接放在页面标题的正下方（用户心智模型：左侧内的链接跳到别的页面）；

  图片： 一定要清晰； 注意了解用户需求（登山鞋需要底部的图片）； 联系现实（电影订票座位选择）； 适当使用心情图片营造氛围； 图片要清晰易懂，不要让用户猜； 注意尺寸，图片的作用是辅助内容，不要把关键内容挤到页面下部； 不要使用闪烁、滚动、跳动的文字和图片，它会大大吸引走人们的注意力（用户进入页面后，就不要再变化页面内容）； alt属性要有意义，纯装饰性的图片alt为空； 去掉网站入口flash或图片；

  链接： 不要把自创词或新用户不熟悉的词（产品名称、项目名称）单独放到链接中； 链接名称和它所指向的页面标题相符； 避免单独使用名词作为链接名称，考虑行为动词； 如果需要，可以添加一小段链接描述； 替换点击这里、更多这样的词，除非上下文能明确看出更多指的是哪里； 相似链接考虑合并，最起码不能让用户有困惑到底是哪个； 如果想让用户不间断地阅读信息，就不要在其中嵌入链接；如果只是浏览，那无所谓；如果不想让用户中途离题，最好将链接放到主要文字的结尾或旁边；（中途离题返回率是很低的） 列表符号也要能点击； 未访问的链接要有所区分，换颜色（人们更容易通过识别来工作，而不是回想）；

  作品完成放一段时间再看； 文字类的大声朗读，记下迟疑、错误的地方； 收起自尊心； 创建一份团队工作指南；

  (收起)

  2011-12-25 12:33:39   回应

  收藏

  推荐