手风琴和标签之间的区别

Kam*_*šík 2 html javascript user-interface jquery-ui

手风琴比标签有什么好处,反之亦然?

虽然许多Javascript UI框架/库都支持它们,但您可以在此处看到示例:http://jqueryui.com/demos/

对我来说,他们提供相同的目的(隐藏复杂性),除了手风琴是恕我直言更好的"连续阅读",它更容易快速进入下一部分,而Tabs似乎更"随机访问"

什么是他们的好处,我什么时候应该比后者更喜欢? (从UX的角度来看,我不关心水平/垂直和HTML代码差异)

Kam*_*šík 5

根据UX的转发,手风琴有固定的高度,它们必须适合整个屏幕(参见示例) - 这很重要,因为随时可以轻松选择不同的部分(我们不想向上/向下滚动以选择其他部分和我想象的一样).我完全错过了.

另一方面,标签可以具有不同的高度(尽管最好将它们固定并提供滚动条).与手风琴标签不同的标签标题在选择后保留在其位置.

手风琴最适合移动设备,其中没有足够的空间用于水平标签和垂直标签需要用户旋转头以便读取标题.在这种情况下,"移动标题"是必要的邪恶形式.