思维导图备注

胜于言传:Web内容创作与设计的艺术
首页 收藏书籍 阅读记录
  • 书签 我的书签
  • 添加书签 添加书签 移除书签 移除书签

第5章 向目标行进:浏览路径页面

浏览 1 扫码
  • 小字体
  • 中字体
  • 大字体
2022-01-24 12:49:00
请 登录 再阅读
上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 译者序
  • 序言
  • 前言
  • 第1章 内容!内容!内容!
    • 1.1 人们为了内容而来
    • 1.2 内容=对话
    • 1.3 Web=电话,而不是文件柜
    • 1.4 用户在网上通常快速浏览
    • 1.5 用户偶尔也会阅读
    • 1.6 用户不会阅读太多内容
    • 1.7 编写好的内容=建立成功的对话
      • 回答用户的问题
      • 允许用户汲取信息,不断前进
      • 鼓励继续使用
      • 面对用户做好营销
      • 提升搜索引擎优化
      • 优化站内搜索
      • 对所有人都可达
    • 1.8 案例分析1-1 成功的文字对话
    • 1.9 案例分析1-2 成功的非文字对话
    • 1.10 案例分析1-3 修订网页的文字
    • 1.11 小结
  • 第2章 规划:目标、用户、对话
    • 2.1 了解你要达成的目标
      • 聚焦在你希望用户做的事情上
      • 具体明确
      • 考虑SEO
      • 考虑普遍的可用性
      • 了解你设计的每个内容的目标
    • 2.2 谁是你的用户,对话是什么
      • 用户会按自己的经验来理解读到的内容
      • 如何深入了解用户
      • 收集用户信息
      • 列出用户类型
      • 对每类用户列出主要特征
      • 理解用户希望进行的对话
    • 2.3 用人物角色给数据带来生命活力
      • 什么是人物角色
      • 人物角色包括什么
      • 需要多少人物角色
      • 人物角色如何帮助设计团队
    • 2.4 用场景给数据带来生命活力
      • 场景要多长,多少个场景
      • 谁的场景
      • 场景如何与内容联系
    • 2.5 小结
  • 插文1 内容战略
    • 为什么内容战略如此重要
    • 什么是内容战略
    • 内容战略包括什么
    • 谁来制定内容战略
    • 制定内容战略的7个步骤
  • 第3章 为易用而设计
    • 3.1 谁应该阅读本章
    • 3.2 在设计之初,就整合内容与设计
      • 同时回答内容与设计两方面的问题
      • 在设计过程中使用实际内容
    • 3.3 建构灵活性以达成普遍可用性
      • 突显文本大小调节功能
      • 让所有的文字都可调整
      • 允许其他调整——对比度、键盘、声音等
      • 在检查色彩使用时考虑色盲用户
      • 考虑颜色的文化含意
    • 3.4 配色
      • 与品牌配色一致
      • 保持背景干净
      • 使用高对比度的背景和文字
    • 3.5 留白
      • 建立一致的模式
      • 按照网格对齐内容
      • 在内容中使用专门的留白
      • 不要造成“页面已到底”的假象
      • 不要让标题“漂浮”在两段文字之间
      • 文本内容不要居中对齐
    • 3.6 排版
      • 选择一种易读的无衬线字体作为默认字体
      • 默认字号要够大
      • 行的默认长度要适中
      • 不要用全大写的方式编写内容
      • 除了链接,不要在其他文字中使用下划线
      • 谨慎使用斜体
    • 3.7 案例分析3-1 修改某一设计不当的网页
    • 3.8 小结
  • 第4章 好的开始:主页
    • 4.1 主页——内容丰富,文字简洁
    • 4.2 可以通过搜索引擎被找到
      • 你的关键词必须与用户搜索用的关键词匹配
      • 重要的是要有精彩内容
    • 4.3 明确网站的标识
    • 4.4 设定网站的基调和个性
    • 4.5 帮助人们了解网站的主题
    • 4.6 快速进行对话
    • 4.7 案例分析4-1 关注人物角色和任务
      • 让用户在主页上就开始主要任务
      • 表单一定要位于页面上方
      • 不要把不必要的表单放在最前面
    • 4.8 为每个用户指明正确的路径
      • 把搜索框放在上方
      • 在链接中使用用户的语言
      • 在移动网页中,直接切入要害
    • 4.9 小结
  • 第5章 向目标行进:浏览路径页面
    • 5.1 网站用户只是“猎取”——查找信息
    • 5.2 用户不希望在查找过程中阅读
    • 5.3 案例分析5-1 路径页面上的链接要清晰
      • 人们在该页面上都做了些什么
      • 我们该如何修改这个页面
      • 修改后的样子
      • 我们从案例中学到了什么
    • 5.4 路径页面就像是书的目录
    • 5.5 案例分析5-2 让用户快速找到链接
    • 5.6 有时,简短的描述很有帮助
      • 谨慎使用术语
      • 使用文字片段
    • 5.7 “只需三次点击”是个神话
      • 不要让用户思考
      • 让用户不需要后退按钮
    • 5.8 很多用户会选择第一个选项
    • 5.9 小结
  • 第6章 划分和组织内容
    • 6.1 思考“信息”而不是“文档”
      • 需求:适当信息,适当的量
      • 困境:小纸片很容易丢失
      • 解决方案:在网站上,“索引卡片”很有效
    • 6.2 划分内容之前考虑周全
      • 按用户提出的问题划分
      • 按任务或主题划分
      • 按产品类型划分
      • 按信息类型划分
      • 按用户划分
      • 按生活事件划分
      • 按时间或先后顺序划分
    • 6.3 考虑一个页面中应放多少内容
      • 用户想要什么
      • 这个页面有多长
      • 页面加载的时间是多长
      • 用户想打印多少内容
      • 针对小屏幕和社交媒体应该怎么处理
    • 6.4 谨慎使用PDF文档,如果要用,一定要有充分的理由
      • 绝不说“绝不”
      • 什么时候应该使用PDF文档
      • 有时候,最好同时使用PDF和HTML
      • 什么时候不应该使用PDF文档
      • 为何不使用PDF文档
    • 6.5 小结
  • 第7章 聚焦对话和关键信息
    • 7.1 聚焦对话和关键信息的7条原则
    • 7.2 只提供用户需要的内容
      • 修订已有的内容
      • 撰写新的内容
    • 7.3 案例分析7-1 使用人物角色和对话来规划内容
    • 7.4 我删!我删!我删删删!
    • 7.5 “小酌、快餐、大餐”
    • 7.6 从关键信息开始
      • 从关键信息开始=“倒金字塔模式”
      • 眼动跟踪研究说明需要从关键信息开始
    • 7.7 对信息分层
      • 用层叠窗口的方式分层
    • 逐步展开的方式分层
      • 目标、人物角色、对话
      • 限制条件
    • 7.9 拆分“文字墙”
    • 7.10 案例分析7-3 拆分文字墙令网站大有改观
      • 他们做了哪些尝试
      • 他们做了哪些度量
      • 他们发现了什么
    • 7.11 计划通过社交媒体分享和吸引用户
    • 7.12 小结
  • 插文2 把握推销时机
    • 网络营销不同于传统营销:是“拉”不是“推”
    • 参与用户的对话
    • 抓住正确的推销时机
    • 不要错过好的推销时机
    • 不要停止对话
  • 第8章 用清晰的标题栏明示主题
    • 8.1 设计有效标题栏的7条原则
    • 8.2 使用用户的语言
    • 8.4 考虑全球的用户
    • 8.5 长度适当(8个单词左右)
    • 8.6 使用陈述句、疑问句或者祈使句
    • 8.7 使用组合标签(名词),可以包含更多信息
    • 8.8 必要时,加上简短的描述
    • 8.9 小结
  • 第9章 使用有效的标题
    • 9.1 好的标题从很多方面帮助用户
    • 9.2 构思标题的过程对作者也有所帮助
    • 9.3 帮助你编写有用标题的11条原则
    • 9.4 不要用标题来迁就原有的内容
    • 9.5 从列出大纲开始
    • 9.6 选择好的标题风格:问题式、陈述式、动词短语
    • 9.7 案例分析9-1 回答用户的问题
      • 陈述式的标题
      • 动词短语作为标题
    • 9.8 谨慎使用名词和名词短语
      • 有时候,用主题词(名词)就够了
    • 名词经常表达不明确
    • 9.10 在标题中使用用户的语言
    • 9.11 充分利用排比的效果
    • 9.12 只使用少量的层级
    • 9.13 清晰区分标题和内容
    • 9.14 每级标题都要清晰
    • 9.15 帮助用户在同一网页中跳转内容
      • 把同页链接放在标题栏下方第一位
      • 不要把页间链接放在标题栏下方第一位
      • 不要把同页链接放在左侧导航栏
    • 9.16 评估标题
    • 9.17 小结
  • 插文3 新闻稿的新生
    • 古老的新闻稿形式
    • 如今的新闻稿
    • 人们如何在网络中使用新闻稿
    • 我们该怎么做
    • 是否会带来变化
  • 第10章 调整语句
    • 10.1 调整语句的十大原则
    • 10.2 与网站用户对话——使用“你”
      • 用祈使语句来编写操作指南
      • 始终使用“你”
    • 10.3 案例分析10-1 直接称呼读者
      • 考虑环境
      • 挑剔原版设计
      • 使用“你”保持性别中立
      • 对特定人群使用恰当的性别指称
      • 即使对严肃的话题也可采用直接的对话形式
    • 10.4 使用“我”或者“我们”
      • 在使用“我”、“你”和“我们”的时候保持一致
      • 在博客和社会媒体中可以使用“我”
      • 对于你自己的作品可以使用“我”
      • 作为公司,可以使用“我们”
    • 10.5 尽量使用主动语态
    • 10.6 案例分析10-2 使用主动语态
    • 10.7 用简单、短小的语句
      • 非常短的句子也可以
      • 不完整语句也可能很有效
      • 忙碌的用户需要清晰的内容
    • 10.8 去掉不必要的词语
    • 10.9 将句子中多余的信息放到合适的位置
    • 10.10 案例10-3 理清一个复杂的语句
      • 找出潜在的句子
      • 改写句子
      • 考虑人物角色、对话
      • 从本案例分析中学到的
    • 10.11 保持段落简短
      • 可以一句话作为一段
      • 列表和表格的形式可能更好
    • 10.12 从上下文背景信息开始
    • 10.13 案例分析10-4 先介绍背景信息——主题
      • 调整顺序
      • 进一步简化
      • 从此案例分析中学到的
    • 10.14 用动词来表达行为
    • 10.15 使用网站用户的语言
      • 为你的用户编写内容
      • 了解用户
      • 尽量使用通俗的语言
    • 10.16 小结
  • 第11章 使用列表和表格
    • 11.1 编写出有用列表的6条原则
    • 11.2 对于条目或者选项等内容使用项目符号列表
    • 11.3 列表应匹配网站风格
    • 11.4 使用编号列表来呈现操作指南
      • 把段落转换成列表
      • 使用表格来呈现分支步骤
      • 不仅要叙述,还要展示
      • 在操作指南之外谨慎使用编号列表
    • 11.5 案例分析11-1 使用项目符号列表和编号列表
    • 11.6 确保大多数列表简短
      • 对于熟悉的列表,长一点也可以
    • 11.7 尽量让列表项有相同的开头
    • 11.8 将列表排列整齐
      • 减少介绍与列表之间的留白
      • 在较长的列表项之间留白
      • 换行要以文字的起始位置为准,而不是以项目符号为准
      • 如果需要说明结果,就让结果独立成行
    • 11.9 列表和表格的区别是什么
    • 11.10 编写出有用表格的6条原则
    • 11.11 用表格来表达一系列的“如果……那么……”句式
    • 11.12 用表格来对比数字
    • 11.13 考虑:表格=回答问题
    • 11.14 仔细考虑第一列的内容
    • 11.15 案例分析11-2 了解什么时候使用表格
    • 11.16 保持表格简洁
      • 多少行?
    • 11.17 将表格排列整齐
      • 按列对齐:不要将表格中的文字居中对齐
    • 11.18 小结
  • 插文4 法律法规信息可以很清晰
    • 准确、充分、清晰——你可以一石三鸟
    • 避免使用陈旧的法律语言
    • 避免使用专业术语
    • 在标题中使用用户的语言
    • 参照本书的其他原则
    • 案例分析 汇总
  • 第12章 编写有意义的链接
    • 12.1 帮助你编写有意义链接的7条原则
    • 12.2 不要把新项目或者新产品的名字单独作为链接
    • 12.3 预先想好:让链接的名称与其指向的页面标题一致
    • 12.4 用动词作为动作型链接的开头
    • 12.5 让链接有意义,不要只用“点击这里”或者“更多”这样的链接
      • “点击这里”没有必要
      • 只是“更多”和“了解更多”不够清楚
      • 说出“更多”是什么
    • 12.6 大多数内容中不要嵌入链接
      • 如果用户是在浏览,嵌入链接也可以
      • 把链接放在文章的结尾处、底部或者旁边
    • 12.7 把列表变成链接
    • 12.8 明确区分已点击的链接和未点击的链接
      • 链接要使用单独的颜色
      • 点击过的链接要改变颜色
    • 12.9 小结
  • 第13章 有效利用图示
    • 13.1 图示的5个作用
      • 具体物品展示:用户希望看到什么
      • 自助服务:怎样帮助用户自助操作
      • 流程:图示是否让文字容易记忆
      • 图表、图解、地图:是否帮助用户理解我的信息
      • 情绪:哪张图片支持对话
    • 13.2 有效使用图示的7条原则
    • 13.3 不要让人们猜测图示的内容以及呈现的原因
    • 13.4 选择合适的尺寸
      • 小图片一定要清晰
    • 13.5 保持多样性
      • 要考虑网站用户的广泛性
      • 展示用户的多样性,但要真实
      • 测试!测试!测试!
    • 13.6 不要让内容看上去像广告
    • 13.7 不要使用闪烁的、滚动的、飘动的、游走的文字或者图片干扰用户
    • 13.8 只在需要的地方使用动画
    • 13.9 让图示有良好的可达性
      • 替换文字要有意义
    • 13.10 小结
  • 第14章 从草稿到终版
    • 14.1 阅读、编辑、修订、校对你自己的内容
      • 把写作过程当作修订过程
      • 阅读自己写作的内容
      • 检查你的链接
      • 检查内容的准确性
      • 暂停一段时间
      • 大声朗读
      • 使用词典、手册和风格指南
      • 使用拼写检查,但不能只依靠拼写检查
    • 校对
      • 接受并在过程中学习
      • 与同事合作来配合内容战略
      • 分享局部的草稿
      • 请人大声朗读
      • 询问你的关键信息是什么
      • 愉快地收敛你的“个性”
    • 14.3 带着人物角色来检查对话
    • 14.4 让编辑帮忙
      • 在微观上得到帮助
      • 在宏观上得到帮助
    • 14.5 与审核者(和编辑)成功协商
      • 设置有效的审核
      • 从审核者那里得到有用的信息
      • 用好审核
    • 14.6 小结
  • 插文5 创建有机的风格指南
    • 用风格指南来达成一致性
    • 用风格指南来提醒人们
    • 不要重新创建风格指南
    • 指定一个负责人
    • 获得管理支持
  • 第15章 测试!测试!测试!
    • 15.1 为什么需要可用性测试
    • 15.2 可用性测试需要什么
    • 15.3 可用性测试不需要什么
    • 15.4 可用性测试做什么
      • 大多数人怎么做
      • 更快的做法“每月一晨”
    • 15.5 我们可以采用哪些变式
      • 有主持人的远程测试
      • 无主持人的远程测试
      • 全球测试
      • 小组测试
      • 实际方案对比测试(A/B组测试)
    • 15.6 为什么不能仅用焦点小组
      • 焦点小组需要什么
      • 为什么焦点小组不是最好的办法
      • 是否可以整合可用性测试和焦点小组
    • 15.7 测试内容
  • 参考资源
暂无相关搜索结果!
    展开/收起文章目录

    二维码

    手机扫一扫,轻松掌上学

    《胜于言传:Web内容创作与设计的艺术》电子书下载

    请下载您需要的格式的电子书,随时随地,享受学习的乐趣!
    EPUB 电子书

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度