移动UI设计模式(0201)

记录概要,以下均为常规标题模式,随着平台的发展,可能有些许差异,但大体框架应该大同,本书可作为APP设计参考。

1. 导航

1.1 主要导航模式

  • 跳板式
  • 列表菜单式
  • 选项卡菜单式
  • 陈列馆式
  • 仪表式
  • 隐喻式
  • 超级菜单式

1.2 次要导航模式

  • 页面轮盘式
  • 图片轮盘式
  • 扩展列表式

2. 表单--常见表单模式

  • 登录表单
  • 注册表单
  • 核对表单
  • 计算表单
  • 搜索表单
  • 多步骤表单
  • 长表单

3. 表格和列表

  • 基本表格
  • 无表头表格
  • 行分组表格
  • 固定列表格
  • 级联式表格
  • 可编辑表格
  • 带有视觉指示器的表格
  • 带有内容总览和数据的表格

4. 搜索、分类和过滤

  • 显性搜索
  • 自动补全搜索
  • 范围搜索
  • 保存搜索记录并显示最近搜索内容
  • 搜索标准(表单)
  • 搜索结果
  • 屏内分类
  • 分类排序选择器
  • 分类表单
  • 屏内过滤
  • 过滤容器
  • 过滤对话框
  • 过滤表单

5. 工具

  • 工具栏
  • 重叠菜单
  • 情景工具
  • 内联操作
  • 调用操作按钮
  • 批量操作

6. 图表

  • 带过滤器的图表
  • 总览加数据式图表
  • 滚动预览图表
  • 数据点细节图
  • 详细信息图
  • 缩放图
  • 数据透视表
  • 火花谱线图

7. 视觉吸引

  • 对话框
  • 提示
  • 使用向导
  • 视频演示
  • 幻灯片
  • 首次使用引导
  • 持续视觉吸引
  • 可发现的视觉吸引

8. 反馈与功能可见性

常见反馈

  • 出错
  • 确认
  • 系统状态

功能性可见性模式

  • 触摸
  • 滑动
  • 拖曳

9. 帮助

  • 使用说明
  • 界面元素说明
  • 使用向导

10. 反模式

  • 标新立异
  • 隐喻错位
  • 愚蠢的对话框
  • 图表垃圾
  • 按钮海

你可能感兴趣的:(移动UI设计模式(0201))