如何使用操作正确设计列表项

How to properly design list item with actions

这可能是基于意见的答案而不是固定的答案,但我认为提出这个问题并从更有经验的开发人员那里获得意见也不错。

我在我的应用回收器视图中实施,回收器视图中的每个项目都应该有一些操作,例如

目前我通过滑动操作和上下文操作模式实现了删除和更改图标逻辑(点击应用栏更改为带有删除按钮的“新”应用栏)

我想继续实施所有其他操作,例如项目本身的提醒和旋转器,但我不知道这是否是个好主意。

经过一番研究,我想到了几种方法:

  1. 将所有操作直接放在项目视图本身中,这意味着用户会立即看到所有可能的操作。

  2. 使用弹出菜单(项目上的三个点,并打开带有操作的小菜单)

  3. 扩展将包含所有操作的上下文操作模式

  4. 甚至可能采用完全不同的方法,将所有操作都放在项目详细信息屏幕中

您认为更好的方法是什么?

对于它的价值,Material Design specs(向下滚动到 List Controls,我无法得到 link 多么讽刺)推荐主要和(可选)次要操作,可能有左右滑动手势(通常被理解为以某种方式“摆脱此项目”,如归档和删除)

我个人认为这是一个很好的方法(你不需要遵循 MD 但它是一套很好的基本原则,特别是如果你自己不是设计师或 UX 人员) - 它避免了混乱, 让用户更清楚他们的主要选择是什么。

您可以实现 tap behaviour on the list item 以打开一个对话框(全屏或其他方式),您可以在其中添加许多其他选项、​​解释它们的标签等。您不限于大小一个列表项,如果需要,您可以在将来轻松添加到它,而不是致力于尝试将所有内容都放入一个列表项中。

此外,还需要考虑可访问性 - 列表项 很小 ,你不会得到太多 space(尤其是在用户使用大字体的较小设备上启用)那么你要把所有这些东西放在哪里?将一些移动到上下文操作模式是可行的,但那里也没有太多 space,用户必须意识到他们需要在那里查找。它对依赖线性导航的盲人用户是否有效?

基本上,您可以通过遵循已建立的模式来避免很多这些麻烦,其他人已经完成工作以使其“正常工作”。我自己的个人经历一直在尝试以不同的方式做事,并最终回到“推荐”的方式,并希望我一开始就这样做了!