Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
用户体验模式6 分钟阅读·Updated 2026 年 10 月·ExodeUI 团队

滑动操作用户体验:使隐藏手势可被发现且安全

如何设计列表中的滑动操作:指示符、阈值、完全滑动提交、撤消、可访问性,以及为什么滑动永远不应该是唯一的方法。

直接总结和定义

核心要点

滑动操作是频繁列表操作(例如存档或删除)的快速快捷方式,但它们是隐藏的,因此它们绝不能成为执行某些操作的唯一方法。将它们用于预期的操作,在项目移动时显示清晰的阈值,让部分滑动显示和完全滑动提交,并为破坏性操作提供撤消。

可用性问题

Nielsen Norman Group 发现滑动显示操作反复出现的问题:缺乏指示符使得滑动的作用不清楚,滑动背后的非标准操作让那些希望删除或存档的人感到惊讶,滑动背后隐藏的许多操作使它们难以被发现,并且当相同的手势也在各个部分之间导航时,滑动可能会不明确。

滑动操作应如何表现

Material Design 描述了 Android 上的常见模式:列表项可以在滑动时显示按钮,主要操作是最终的末端对齐选项,完全滑动会直接触发该选项。

  • 保持滑动以执行频繁的预期操作:存档、删除、标记为已读。
  • 当项目移动时显示操作及其颜色,并在提交阈值处明显地更改它。
  • 如果在阈值之前释放,则将项目弹回。
  • 对于破坏性操作,提供撤消或要求确认。
  • 不要在同一屏幕上混合水平滑动操作和水平滑动导航。
两个列表项,其中一个部分滑动以显示其后面的红色存档操作
部分滑动即可显示操作;完全滑动即可提交;释放早春。

从来不是唯一的方法

由于滑动是不可见的,因此请将相同的操作放在可见的菜单、长按菜单或详细信息屏幕中。这还涵盖了辅助功能:屏幕阅读器用户和无法执行精确手势的人需要非手势路线,而平台正是为此目的提供辅助功能操作。

动作让滑动感觉值得信赖

该项目应该准确地跟踪手指,并且在释放时,承载手指速度的弹簧使提交或弹回感觉物理。在平台支撑的门槛处进行短暂的触觉敲击,可在手指抬起之前确认操作。

要记住的关键 Principle

  • 滑动隐藏:始终提供可见的替代方案
  • 将其用于频繁的、预期的操作
  • 部分滑动显示,完全滑动提交,早期发布反弹
  • 撤消或确认破坏性操作
  • 避免在一个屏幕上出现冲突的水平手势

常见问题解答

来源

  1. Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
  2. Lists guidelines — Material Design 3

相关指南和示例

用真正的弹簧感受手势

在浏览器中拖动、轻拂并释放,并调整弹回的感觉。

打开游乐场
免费试用