User interface 最好的方式来表示；“可拖动性”；在web应用程序中（或一般情况下）？

你知道有任何视觉线索表明物品的“可拖动性”吗

显而易见的是：

• “单击此处拖动！”
• 偶像
• 以及（我计划实现）鼠标上方的闭合指针

---

谢谢你的帮助

第二个是最好的。另外，当有人单击某个可拖动的对象时，将其边框设为虚线或虚线，以表示该对象可以移动。

我不喜欢这三个选项中的任何一个，但目前还没有更好的解决方案。在3个元素中，第二个是最好的，但是元素也应该有视觉上可区分的东西（标题栏、颜色或“句柄”），表明它们可以移动。

当拖动能力不明显时（你问题中的示例1），我通常会在看起来像可以抓取东西的地方的对象上寻找“句柄”。例如，在堆栈溢出答案框的底部有一个用于调整文本输入大小的选项。

我也不喜欢任何选项，但#2可能是您提供的最清晰的选项。

我认为最好的提示是一个可视句柄，即一个图形元素，它表明您可以在那里抓取一些东西。我经常看到它被设计成带肋的表面。比如在回答框下方的手柄上，或者在滚动条手柄上的带肋元素中。

我真的无法解释原因，但iphone上的拖动背景图标对我来说是有意义的。它只有三条水平线。在我开发和销售的一个web应用程序中，人们马上就明白了这一点（好吧，在一个经典的“鼠标UI”上，鼠标指针gfx也变为您提到的前一个，这是鼠标用户界面的一些非常重要的额外线索）

我还立即将它与一个可拖动的东西联系起来！只有三条水平线

但是，它只适用于某些可拖动的行或行。我不知道你的预期应用需要什么细节

背景（只有三条简单的水平线）：

iPhone上的使用示例：

---

（来源：）

好的，这是一个web应用程序。所以它不应该留下任何悬而未决的问题。这取决于拖放界面对应用程序的重要性。一般来说，第二种选择已经足够好了——然而，一个人可能会这样做

＞P>不能将指针拖动在可拖动的元素上——考虑触摸屏使用。
• 未能注意到光标形状已更改，因为它们被其他内容分散了注意力

> p>参阅光标改变形状，但只是看起来困惑，仍然不考虑尝试拖放。令人惊讶的是，许多人，尤其是年纪较大的人和缺乏计算机经验的人，对这种控制概念一点也不满意，甚至那些正在接受的人也可能会有糟糕的一天，无法理解它

在最坏的情况下，这个人花了大约10秒钟不知道该做什么，放弃你的应用程序，转到这里

如果可以在不使用的情况下或多或少地使用完整的功能，并且拖放是一种方便的功能，那么选项2/3可能正好合适

然而，它可能会得到回报，使它完全万无一失

• 提供一个清晰的图标，指示可拖动的控件-你必须试验在你的特定布局中什么看起来最好-可能是简单的箭头或手，也可能是2或3个框的图片和一个箭头，显示你希望人们做什么。就我个人而言，我发现3行图标过于个人化，只适合那些愿意深入熟悉界面的人，所以它在iPhone上工作，但可能对你的web应用程序不好

• 将此图标直接放置在可拖动的控件上或其附近。与解决方案2、3的区别在于，它始终可见

• 在同一页中，提供一个颜色突出的方框，并带有此图标和文字说明。如果您怀疑这样一个框可能会损害可用性，请为用户提供一种永久或一天隐藏它的方法。用户可以意外地点击一个警告-很多人根本不读他们点击的东西，所以，虽然这可能是一个过度，考虑强迫用户拖动这个通知到一个特定的区域（比如弹出式回收站），以隐藏它，以确保他真的明白拖拽是什么。哦（也许我应该申请专利……哎呀，太晚了！）

如果您不想提供文本解释，请设计您的界面，使其可以在不进行拖放的情况下使用。还可以考虑，拖拽对每个输入设备都不起作用，尤其是触摸板用户如果你强迫他们，他们可能会讨厌你。

---

编辑：现在是早上6点，任何发现拼写错误的人都应该保留它们。

现代浏览器支持抓取/抓取光标：

.dragHandle {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.dragHandle:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

---

有关更多信息（以及IE故障切换），请阅读：

如果您的UI元素可以自由移动，那么为其提供“递减”边缘和阴影是有意义的。这样，UI元素看起来不那么固定，因为它看起来与UI的其余部分断开连接。有点像窗户

---

如果您的UI元素只能沿一个轴移动，“凹槽”表面对我来说很有意义。

使用上下箭头显示可以拖动的内容。

通过大量用户使用的拖放界面（Avocado，一种流行的情侣应用程序）对列表项进行重新排序时，会使用汉堡菜单的变体（四行而不是三行）：

---

为了全人类的利益，请不要使用字幕标签。唯一更糟糕的是眨眼。这是个玩笑！：-）啊，好的。那很好。当我第一次看到这一点时，我有点担心哇，这看起来真的很好-即使是垂直排列。另外，请检查“如何”你的网站或网络应用程序被认为。如果它被认为是一个应用程序（类似于桌面应用程序），那么您可以继续使用这个拖动手柄图标。但是如果它是percei