www.romver.ru
/ Раздел Статьи / Tabs vs. Accordion

Как заказать сайт



 
Доброго времени суток!

Tabs и Accordion. Все мы сталкивались с этими элементами юзабилити интерфейса стопятьсот раз. Но в чём принципиальная разница? Преимущества? Что где применимо, а где — нет? Хочу высказать свои мысли по этому поводу и послушать ваши.


Tabs


Один из переводов — закладка. Элемент интерфейса для отображения группы документов таким образом, что только 1 «текущий» документ показан, а остальные спрятаны. Пришёл этот эл-т интерфейса в компьютеры из офисного быта: папки с документами разделялись такими закладками на группы. Ну и конечно телефонные книги часто разделены табами по алфавиту.

Основные особенности:
  • Показан 1 документ, остальные спрятаны. Это избавляет интерфейс от перегрузки информацией.
  • Показан ровно 1 документ. Надо отдавать себе отчёт об этой особенности.
  • Как правило, табы показаны горизонтально. Но бывает и вертикально.

Основные плюсы:
  • Табы показаны в одном месте, рядом. Отсюда — удобство навигации. И целостность навигации, что тоже важно.
  • Все уже привыкли к табам, так как видят и используют их везде (те же телефонные книжки, каталоги в библиотеках, и т.д.). А значит и домохозяйка знает, как они работают.

Основные минусы:
  • Длинный текст в табах выглядит ужасно. Как правило, надписи приходится минимизировать.

Табы предназначены для отображения инфы типа «1 из N». Но я, к примеру, телефонную книгу не стал бы делать с использованием табов, а придумал бы что-то другое, чтоб я мог увидеть несколько «раскрытых букв» одновременно.

Accordion


По сути он очень похож на табы, т.к. тоже показывает 1 «текущий» документ, а остальные прячет (хотя есть разновидность, которая показывает > 1 раскрытого документа). Пришёл этот эл-т, вероятно, из России и назывался изначально — баян :) Отличие от табов: как правило, вертикальное расположение «клавиш» (или «мехов») и, как правило, анимация закрытия предыдущего эл-та одновременно с раскрытием нового (как будто движение мехов в аккордеоне при игре).

Основные особенности:
  • Как правило, показан ровно 1 документ, а остальные спрятаны. Но иногда встречаются и такие, в которых можно раскрыть больше одного (хотя, ИМХО, это уже не аккордеон).
  • Как правило, «клавиши» (или «меха») аккордеона показаны вертикально. Но бывает и горизонтально. Ну и движение этих «мехов» красиво анимировано.

Основные плюсы:
  • Запросто можно запихнуть длинный текст
  • Возможно, удобно использовать для Wizard'ов (я думаю, меня правильно поняли, волшебники тут ни при чём), т.к. ты дочитываешь текущий открытый документ до низу, и тут же переходишь на следующий шаг (т.к. следующая «клавиша» — вот она, перед глазами).

Основные минусы:
  • «Клавиши» разбросаны. Отсюда — неудобство навигации. И отсутствует целостность навигации, что тоже важно. Также можно легко потерять фокус (на каком варианте я сейчас? А какой он по счёту? А какие ещё были? И где они? Внизу, говорите?), когда раскрытый документ довольно «высок».

Отмечу, что хоть и не каждая домохозяйка играет на аккордеоне, тем не менее он довольно удобен и прост.

Вывод


А вывода нет. Вывод — выше, в моих суждениях. Однако по моему аккордеон — от лукавого, он гораздо неудобней и не-usable в использовании, чем табы (почему? см. выше: плюсы и минсы). Теперь вам слово, господа!
взято с хабра

Создание сайтов и бесплатный анализ под запросы основных поисковых машин
Контактная информация :
тел. +7(981) 760-8865

e-mail: w e b m a s t e r @ r o m v e r . r u
icq 3681771  © 1997 - 2024 romver.ru