移动应用UI设计模式 7.2分
读书笔记 第五章
香蒲
  • 第 5 章工具
    • 5.1 工具栏…
    • 5.2 选项菜单
    • 5.3 调用动作按钮
    • 5.4 情境工具
    • 5.5 内联操作
    • 5.6 多状态按钮
    • 5.7 批量操作・

第 5 章工具

工具栏(Toolbar)、

重叠菜单(Overlay Menu)、

情境工具(Contextual Tool)1、

内联操作(Inline Action)、

调用操作按钮(Call to Action Button)、

批量操作(Bulk Action)。

直截了当(Make It Direct)和轻量化设计(Keep It Lightweight)。

“直截了当”指在输入域周围显示结果,界面应该直接反映用户的交互结果。

5.1 工具栏…

工具栏也称为操作栏(Action Bar),其中包含实现屏幕级操作的工具。

5.2 选项菜单

5.3 调用动作按钮

如果某一屏内只有一个主要的操作选项,

5.4 情境工具

作用于屏幕内特定的操作对象。 例如,在 ChartDroid 应用中,长按某个对象(Android 系统特有的手势)能调出图表选项;在 WebOS 系 统下的 Tweed 中,触摸某条推信能调出一个选项列表(见图 5-16 至图 5-18)。

情境工具可以是模态化的,如先前的例子;也可以是非模态化的,如 DailyBurn 和 Twittermobile 的设计(见图 5-19)。

【模态化?】

5.5 内联操作

内联操作也可作用于屏幕上某个特定的对象,但与前一模式不同的是,其操作总是可见。

很多程序的内联操作都采用了全状态按钮(State-full Button),如 ACL 中的“添加” 按钮,点击后会变成“移除”按钮,OpenCaching 中的“收藏”星标可以开启或关 闭(见图 5-21)。

【内联,call to action .可能相对于其他按钮来说,这种按钮特征更明显。】

5.6 多状态按钮

例如前面的添加变移除。

App Store 右上角的购买后变成打开。

5.7 批量操作・

常见的批量操作包括:选择、添加 / 删除和重新排序。程序的主屏幕内不应该塞满此类操作选项,而应该采用批量操作模式的设计。

照片app里面的全选

0
《移动应用UI设计模式》的全部笔记 11篇
豆瓣
免费下载 iOS / Android 版客户端