Designing the moment（WEB界面设计）

Designing the moment（WEB界面设计），Designing the Moment: Web Interface Design Concepts in Action 作者:Robert Hoekman Jr 今天看了这本书,说下自己觉得比较精彩的部分: 软件是为人类完成任务...

Designing the moment（WEB界面设计）

• 指引用户
  • 第一印象
    • 页面布局
      • 一步一步发现
    • 引导用户视线
      • 古藤堡图表
      • 颜色
  • 凸显个性
    • 统一设计风格
      • 使用符号
      • 颜色 （老罗英语培训学校）
  • 导航之道
    • 理解站点内部结构
    • 每个人都想当指挥
      • 用动宾替代名词
    • Login综合症
      • Login是名词，Sign in才是命令
    • 以用户为出发点，而不是以系统为出发点。系统是工具，而用户不是。
  • 链接生来不平等
    • 环境的提示
      • 链接字体大小
    • 岁月的痕迹
      • 链接颜色深浅
  • 标签云
    • 创新
    • 是否真的需要？
• 学习
  • 开门见山
    • 欢迎辞沒有用
    • 我们考虑的是做，而不是读
    • 毫无目的，对完成目标毫无帮助的文字
    • 浏览者不是客人，而需要完成工作
    • 简洁的文字，并且有“赶快行动”的含义
  • 为界面做标记
    • 我们需要假设用户毫不了解我们的软件，随后给他们足够的信息以便帮助他们理解。
    • 说明性文字，What's this? 链接，表意清楚的标记等等
  • 生动传神的视频
• 搜索
  • 把被动的浏览者变成主动的活跃用户
  • 提出搜索词建议
    • 帮助纠错
    • 快速获得信息
    • 可能会诱导用户放弃自己本来正确的想法
  • 列出搜索结果
    • 分页
    • Back to search results
  • 精炼你的搜索
    • 高级搜索
      • 递进显示更多搜索条件
      • reset form功能基本上没人用
• 深入
  • 视频播放器的标准化
  • 巩固你的表单布局
    • 单列布局
      • 标签和输入域对应
      • 更快浏览
    • 按钮
      • 左对齐 （？）
      • 哪个才是最重要的按钮？
        • 显示上区分重要性
        • tab键顺序
  • 驾驭wizard向导
    • 总共几步？帮助用户建立信心
    • 折叠面板。固定高度清晰地让用户知道下一个步骤需要多少输入
  • 最后一英里：即时校验
    • 警告对话框用得越多就越没有效果
    • 即时提示
    • 勾：填写正确。给予鼓励
    • 用户目标 ＝＝ 业务目标
      • 用户所希望完成的，同时与业务考虑相吻合，这才是最理想的任务。
  • 简化长表单
    • 建立清晰的预期
      • 进度条
    • quick win
      • 一步一步
  • 让他们登录
    • Forgot password？
      • 不需要一个新的页面重新输入用户名
    • 需要密码么？
      • 用户名和邮件地址就能登录
  • 计算字符数
    • twitter
      • up to 33 more chars
      • warning if less than a certain number
• 参与
  • 创建个人资料
    • 完善个人资料
    • 也是与别人交互的场所
  • 编辑
    • 工具太多
      • 正确的时间显示正确的工具
      • 递进显示
        • 把高级的工具藏起来
  • 开展社交活动
    • Become my friend
    • Follow me
  • 显而易见的博客
  • 邀请讨论
    • 让你的顾客发表意见
    • 标记来犯者
  • 得到一个好的评分
    • 清晰胜于效率
      • 评分结束给予提示
    • 信任该信任的
      • e.g. rated 15 times
• 管理信息
  • 让RSS更有意义
    • 一个新想法是否容易理解是成败的关键
    • 例如RSS或XML这种词语会妨碍用户形成稳固的直观印象
    • 除掉他们，事情就会变得让人容易接受
  • 自定义标签
    • Taxonomy VS Folksonomy
    • Folksonomy
      • Label 而不用 tag
      • 自动完成推荐tag
      • 并不能期望每个人都能发现原来用Tag搜索会更有效
      • 支持自然关键字搜索，而不仅仅是tag
  • 通过拖放来组织信息
    • 交互的三种状态
      • 邀请：页面上任何邀请你采取行动的元素
      • 行动：用户要完成一项任务必须要采取的所有行动
      • 实现：让用户知道他的交互已经实现了
  • 用系统通知来管理中断
    • 让用户为网站的变动做好准备
• 离开
  • 退出
    • 清晰的退出流程
    • 动员用户返回
      • gmail的sign in页面，利用多余空间进行行销推广
  • 唤醒沉睡的用户
    • newsletter
      • 加上链接鼓励用户进行探索
    • 个性化沟通
      • 询问很久没登录的用户
    • 市场即会话
    • 不要做得太过火
      • 每个设计都是为了提供更好得服务，以此收获忠诚
  • 由他们去吧
    • 优雅的失败
      • 留给用户的正面印象要远重要于失去用户的痛苦
• 设计即传达
  • 只需提供用户所需
  • 让初学者尽快转变为中级用户
  • 尽可能预防错误，如出错也应友善处理
  • 精简和优化交互和任务流程
  • 为支持特定行为而设计
  • 持续改进
  • 忽略用户的某些要求，坚信自己的理想和洞察力