《好设计不简单II UI设计师必须了解的那些事》 doing

产品设计 读书笔记 DOING

1 界面设计的重要性

不易操作的用户界面

• 怎样删除错误数据？无删除选项
• 怎么没有进行操作确认？突然出现全面更新的对话提示，难道是误操作了什么
• 为什么不能编辑？
• 系统仍然在运行吗？
• 本想转入下一页操作，可是...？误选了其他，结果当前的操作全没有了
• 究竟哪里填错了？

对界面设计人员的要求

• 配色
• 版面设计
• 形状
• 设置
• 操作方法
• 反馈方法

人为失误的增加及其带来的影响

• 根据人为操作进行分类
  
  • 疏忽：由于看错或者想错，进行了不当的操作而导致的失误
  • 疏漏：由于忘记要进行操作而导致的失误
  • 错误：由于操作本身出错而导致的失误
• 根据操作过程进行分类
  
  • 输入过程，如看错、听错
  • 传播过程，如判断错误、记忆错误
  • 输出过程，如系统或机器的操作失误

2 界面设计与效果

文字：重点不易突出，往往较长，可以采用颜色、大小等重点修饰，但效果不明显
图标：象征物体或动作形象的小图像，容易区分，整体效果松弛有度，有学习成本，与其意思之间可能不易直觉想到

电脑上常使用黑体，印刷使用宋体是因为分辨率不一样。
黄金比例与稳定的形状，卡片，人潜在会想去按按钮，而期待会发生什么。
视觉形状带来的效果，视错觉效果

认知趋势与方式

• 人类视觉中水平和垂直的区别
  
  • 人的活动空间是水平的
  • 水平200度，垂直130度左右，横着的字更容易看，电视电影的水平垂直比
  • 认知左右强，上下弱
• 上与下
  
  • 电梯、遥控器上的声音按钮等，有序上下
  • 吓人，手电从下往上照，是因为平常太阳光是上下照，而从下往上的阴影等不常见
• 左与右
  
  • 无意识赋予先左后右的顺序
  • 右三角表示播放，从左到右，进度条
  • 简历的左上角是最重要的
• 旋转
  
  • 汽车仪表盘、音响音量调节
  • 圆形更美观

颜色

• 属性
  
  • 色相：蓝、红等
  • 明亮度：明、暗
  • 饱和度：鲜艳、暗淡
• 不同效果
  
  • 颜色的温度：不同的颜色给人不同的温度感觉，冷色系、暖色系
  • 舒适度：兴奋色、安静色，windows的蓝屏
  • 时间：暖色让人感觉时间长（餐厅），冷色让人觉得时间短（医院）