《一目了然:Web软件显性设计之路》阅读笔记

重读《一目了然:Web软件显性设计之路》,仍然获得相当多的灵感和感悟。读到澎湃处,便用FreeMind对主要的框架和要点做了整理(仅针对自己的需求整理,不一定适合所有人,读者请自鉴),并导出成html。对于交互设计和用户体验研究者来说,真的有广阔的领域能从中得以学习,真正深入其中便能乐在其中。这里顺便推荐一下FreeMind,轻量级的脑图软件,相当好用乃。

  • 一目了然:Web软件显性设计之路
    • 1.显性设计定义
      • Web三层:人、界面、数据
      • 目标:设计出用户直观有效使用的产品
      • 卓越软件的品质
        • 遵循用户的交互的行为方式
        • 只提供所需的功能
        • 符合用户心智模型
        • 迅速入门,成为中级用户
        • 避免出错或很容易从错误中恢复
        • 一致性
        • 将混乱降低
      • 好的软件让用户感觉不到它的存在
      • 显性设计框架
        • 了解构建什么
        • 了解什么决定卓越
        • 了解实现的最佳途径
    • 2.理解用户,然后忽略他们
      • 理解用户对所做事情的思考
        • 低碳水化合物汉堡的失败
        • Amazon一键购买的设计过度
      • 理解用户真正如何做事
        • 心智模型
        • Word就是文字处理软件,Excel就是电子表格
      • 知道如何揭开真相
        • 切勿假设
        • 依靠调研
        • 实境调查
        • 遥控用户研究
        • 用户角色
          • 勾勒目标和行为
        • 为活动而设计
          • 活动是一系列任务的集合
          • 任务流程表
          • 撰写用例
    • 3.够用就好
      • 功能越多,挫折越大
        • Blinksale的例子
      • 去掉一般性功能
        • 非必要性测试
        • 60秒期限
        • 少即是多(2/8定律)
        • 界面诊断
        • 一般性功能的再评估
        • 倾听用户
    • 4.支持用户的心智模型
      • 为心智模型而设计
        • 运用隐喻:Backpack的例子
        • 界面诊断:将实现模型转变为心智模型,树形图转变为层叠列表
        • 消除实现模型
          • 用线框图确定事情
            • 3R:需求(Requirements)、精简(Reduction)、规则(Regularity)
            • 应用Kaizen(迭代设计)
            • 原型设计
              • 纸质原型
              • HTML
              • FLASH
              • 点进原型
            • 公开测试
              • 缺失浏览器自测
              • 5分钟测试
              • 访谈测试
              • 实境可用性测试
              • “吃自己的狗粮”
    • 5.让菜鸟即刻上路
      • 欢迎界面:Dreamweaver和Flash的案例
      • 小提示:box.net和Squidoo的案例
      • 有效利用空白:Basecamp、Backpack和My Yahoo的案例
      • 指导性暗示:Kiko和JotSpot Live的案例
      • 界面诊断(应用指示性设计):一个注册表单修改案例
      • 选择合适的默认值:Google Page Createor
      • 整合偏好
      • 信息设计(用户搜寻信息的4种模式)
        • 了解型:导航、索引和搜索
        • 探索型:显示相关信息
        • 不知道型:短小精炼的提示到更详尽的信息
        • 重新搜寻型:标注喜欢和记录最近
      • 卡片分类
      • 重复利用欢迎界面,让它成为提醒中心
      • 使用一键点击
      • 设计模式:《Designing Interface》
      • 提供帮助
    • 6.巧妙应对出错
      • 利用Poka-yoke处理错误(预防错误)
        • 预防程序
          • 大问题,小修补
          • 消除错误发生的可能性
        • 检查程序
          • 优化出错提示页面
          • 嵌入式验证
      • 把错误化为机会:Squidoo搜索结果为空的案例
      • 让用户感到聪明
      • 摒弃模式化
        • 重新设计不友好的模式
        • 使用无模态小帮手:Gmail可以撤销操作的案例
      • 撰写有用的出错提示
      • 设计宽容的软件
    • 7.一致性设计
      • 用户用50毫秒决定一个网页是否有用
      • 设计的一致性
        • 视觉层次
        • 比例
        • 对齐
        • 排版
        • 空间记忆
      • 将一致性贯穿软件始终
        • 理解设计模式
        • 聪明的不一致
      • 平衡无规则性
    • 8.精简与优化
      • 消除混乱
        • 降低图形比例
        • 较少抄袭
        • 设计空白空间
        • 清理任务流程
      • 实践Kaizen
      • 杜绝浪费
      • 将复查进行到底
    • 9.改良比创新更重要
      • 让软件友好一些
        • 不要打断用户的操作流程
        • 让用户快速完成
        • 不要强迫用户理解与操作无关的事情
      • 提升意味着赋予个性
      • 提升意味着构建随需应变的界面

其他你可能感兴趣的:

  • 暂时没有相关文章!

0 Responses to “《一目了然:Web软件显性设计之路》阅读笔记”


  • No Comments

Leave a Reply