常用的交互设计
廖家龙 用心听,不照做

交互事件:

事件:当我们给元件添加了某个交互之后,其实就是增加了一个交互事件

交互样式:(鼠标悬停、鼠标按下、获取焦点可以直接触发,选中、禁用需要设置交互动作)

  1. 鼠标悬停
  2. 鼠标按下
  3. 选中
  4. 禁用
  5. 获取焦点

鼠标和键盘交互:

  1. 单击时
  2. 双击时
  3. 鼠标右击时
  4. 鼠标按下时
  5. 鼠标松开时
  6. 鼠标移动时
  7. 鼠标移入时
  8. 鼠标移出时
  9. 鼠标停放时
  10. 鼠标长按时
  11. 按键按下时
  12. 按键松开时

形状交互:

  1. 移动时
  2. 旋转时
  3. 尺寸改变时
  4. 显示时
  5. 隐藏时
  6. 获取焦点时
  7. 失去焦点时
  8. 选中
  9. 取消选中时
  10. 选中改变时
  11. 载入时

页面交互:

  1. 窗口尺寸改变时
  2. 页面载入时
  3. 视图改变时
  4. 窗口向上滚动时
  5. 窗口向下滚动时
  6. 窗口滚动时

内联框架交互:

  1. 移动时
  2. 尺寸改变时
  3. 显示时
  4. 隐藏时
  5. 载入时

动态面板交互:

  1. 手势交互
  2. 动态面板交互

中继器交互:

  1. 载入时
  2. 每项加载时
  3. 列表项尺寸改变

条件/情形:

  1. 条件设置:设置条件项、选择元件、设置具体条件内容、设置条件的匹配(注意if和else的设置)

文本框交互:

下拉列表交互:

单选/复选交互:

树交互:

交互动作:

事件+动作=交互效果,比如单击时给元件设置文本

链接动作:

  1. 打开链接
  2. 关闭窗口
  3. 框架中打开链接
  4. 滚动到元件

元件动作:

  1. 显示/隐藏
  2. 设置面板状态
  3. 设置文本
  4. 设置图片
  5. 设置选中
  6. 设置列表选中项
  7. 启用/禁用
  8. 移动
  9. 旋转
  10. 设置尺寸
  11. 置于顶层/底层
  12. 设置不透明
  13. 获取焦点
  14. 展开/收起树节点

中继器动作:

  1. 添加排序
  2. 移除排序
  3. 添加筛选
  4. 移除筛选
  5. 设置当前显示页面
  6. 设置每页项目数量
  7. 添加行
  8. 标记行
  9. 取消标记
  10. 更新行
  11. 删除行

其他动作:

  1. 设置自适应视图
  2. 设置变量值
  3. 等待
  4. 其他(在弹出窗口中显示提示文字)
  5. 触发事件