手风琴和标签之间的区别

Question

手风琴对标签有什么好处，反之亦然？

虽然许多Javascript UI框架/库都支持它们， 你可以在这里看到例子：http://jqueryui.com/demos/

对我来说，他们的服务目的是相同的（隐藏复杂性），除了手风琴是恕我直言更好的“连续阅读”，更容易快速进入下一部分，而Tabs似乎更“随机访问”

他们有什么好处，我什么时候应该比后者更喜欢？ （从UX的角度来看，我不关心水平/垂直和HTML代码差异）

Answer 1

根据repost on UX，手风琴有固定的高度，它们必须适合整个屏幕（see example） - 这很重要，因为随时都可以轻松选择不同的部分（我们不想像往常一样向上/向下滚动以选择其他部分）。 我完全错过了。

另一方面，标签可以有不同的高度（虽然最好也固定它们并提供滚动条）。标签符号与手风琴标题不同，选择后会保留在原位。

手风琴最适合移动设备，其中没有足够的空间用于水平标签，垂直标签需要用户旋转头来阅读标题。在这种情况下，“移动标题”是必要的邪恶形式。

Answer 2

手风琴对标签的一个优点是，如果您将信息分成有序的步骤或导致下一部分内容的内容等等，当您完成阅读时，查看下一部分的标签是正确的你的眼睛在哪里，而不是必须回到顶部，然后单击下一个选项卡。这可能看起来不是什么大问题，但它类似于垂直堆叠形式更容易使用并且比水平对齐形式更少引起混淆的原因。它并不总是最好的选择，但是当您订购了内容时，阅读它会容易得多，如果您想继续阅读，请立即点击您眼睛已经到达的位置。

Answer 3

美学上的区别在于，当手风琴分割内容时，制表符代表内容部分的清晰分隔符。

Answer 4

所有这些+

手风琴是动画的，标签不是。由于手风琴是蹩脚的，动画很烦人......标签是你的朋友。只需确保URL定义了打开选项卡。