设计模式
屏幕中的一部分
提示用户执行一个手势,这个手势可以影响屏幕中的一部分,例如滑动卡片。
整个屏幕
提示用户执行一个手势,这个手势会影响到整个屏幕,例如双指缩放。
提示用户执行一个手势,这个手势可以影响屏幕中的一部分,例如滑动卡片。
提示用户执行一个手势,这个手势会影响到整个屏幕,例如双指缩放。
附加手势应该在用户需要的时候触发。它不需要集中在用户第一次使用应用时触发。他应该是智能的,和用户所处情境相关的,帮助用户与元素以他们没有使用过的方式进行交互。
无论手势是只影响屏幕的一部分,还是影响整个屏幕,都会使用类似的定位和触发指南。
定位 | 触发 |
仅向尚未执行过手势的用户显示附加手势。 | 附加手势出现在:
如果某个手势是用户体验的核心,则在用户首次体验应用时,在和用户所处情境相关的时刻,显示附加手势。 如果某个手势对用户体验不重要,则可以在稍后的会话中,在和用户所处情境相关的时刻显示它。例如,在 Chrome 中滑动工具栏可切换标签页。 |
显示应用中显示的附加手势的数量。
如果某个手势对用户体验至关重要,则在用户首次体验应用时,可以最多显示两个附加手势提示。
大部分附加手势提示应该只显示一次。
如果某个手势对用户体验至关重要,则在不同会话中,最多显示两次。
设计
示例 UI 应该模拟其所代表的真实 UI 的移动。
当监测到触摸手势时,手势指示器应暂停然后消失。示例中的手势应该是关闭示例 UI 的唯一方法。例如,只有向左或向右滑动才会关闭描述滑动手势的卡片。
书写
用简短明确的文本描述手势的结果。
设计
全屏手势应该用 snackbar 来说明手势会做什么。
当用户点击屏幕时,页面内容应该返回到其默认状态,同时移除手势指示器。继续显示底部卡片,直到用户和元素进行了交互,例如点击按钮。
书写
用简单明确的文本描述手势的结果。