разница между аккордеоном и вкладками - PullRequest
2 голосов
/ 17 апреля 2011

Каковы преимущества аккордеона над вкладками и наоборот?

Хотя оба они поддерживаются во многих инфраструктурах / библиотеках Javascript UI, вы можете увидеть пример здесь: http://jqueryui.com/demos/

Для меня они служат практически той же цели (чтобы скрыть сложность), за исключением того, что аккордеон ИМХО лучше для "непрерывного чтения", легче перейти к следующему разделу, в то время как вкладки кажутся более "произвольными"

Каковы их преимущества, когда я должен предпочесть один из них последнему? (с точки зрения UX, меня не волнуют горизонтальные / вертикальные и html-различия кода)

Ответы [ 4 ]

5 голосов
/ 18 апреля 2011

Согласно репосту на UX , аккордеоны имеют фиксированную высоту, и они должны умещаться на весь экран ( см. Пример ) - это важно из-за легкости выбора разных разделов в любое время (мы не хотим прокручивать вверх / вниз, чтобы выбрать другой раздел, как я думал). Я полностью пропустил это.

С другой стороны, вкладки могут иметь различную высоту (хотя лучше также исправить их и предоставить полосы прокрутки). Заголовки вкладок, в отличие от аккордеонных, остаются на своих местах после выбора.

Аккордеоны лучше всего подходят для мобильных устройств, где недостаточно места для горизонтальных вкладок , а для вертикальных вкладок пользователю потребуется вращать головой, чтобы читать заголовки. «движущиеся заголовки» являются формой необходимого зла в этом случае.

3 голосов
/ 11 августа 2011

Одно преимущество, которое аккордеон имеет над вкладками, состоит в том, что если вы разбиваете информацию на упорядоченные шаги или контент, который приводит к следующему биту контента и т. Д., Когда вы закончите чтение, вкладка для просмотра следующей части будет правильной то, что вам нужно, вместо того, чтобы вернуться наверх и щелкнуть следующую вкладку. Это может показаться не большим делом, но это похоже на причину, по которой вертикально сложенные формы проще в использовании и вызывают меньше путаницы, чем горизонтально выровненные. Это не всегда лучший выбор, но когда вы заказали контент, его намного легче прочитать, и если вы хотите продолжить, нажмите сразу под тем местом, где вы уже находитесь.

2 голосов
/ 17 апреля 2011

Эстетическая разница заключается в том, что вкладки представляют собой четкие разделители частей контента, а аккордеон делит контент.

1 голос
/ 17 апреля 2011

Все это +

Аккордеон анимирован, а вкладки - нет.А поскольку аккордеоны хромают, а анимация раздражает ... Вкладки - это твои друзья.Просто убедитесь, что URL-адрес определяет, какая вкладка открыта.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...