Разбор иконок аккордеона опубликовал 23 октября Smashing Magazine, автор — Виталий Фридман, который опирается на тесты Nielsen Norman Group. В них участники нажимали примерно одинаково часто и на подпись, и на иконку — кроме случая с уголком: его нажимали чаще самой подписи. То есть выбор иконки меняет не только вид пункта, но и то, куда человек целится.
Что в разборе получилось хуже:
- стрелка вправо не говорит о переходе на страницу, а стрелка вниз не говорит о раскрытии списка — обе читаются по-разному;
- плюс и минус понятны, но перегружены смыслами и путают в многоуровневом меню;
- самодельные иконки чаще всего не считываются как знак раскрытия;
- составная кнопка, где подпись ведёт на страницу, а иконка раскрывает список, тесты не проходит.
Если у категории есть и своя страница, и вложенные пункты, автор советует раскрывать меню по нажатию на категорию, а ссылку на саму страницу категории ставить внутри раскрывшегося списка.
Зачем об этом знать
Иконка в пункте меню — не украшение, а обещание: по ней человек решает, откроется страница или развернётся список. Когда обещание не совпадает с поведением, посетитель жмёт второй раз, возвращается назад и считает меню сломанным, хотя сломана только иконка. Цена ошибки выше всего в мобильном меню и в блоке вопросов и ответов, через который проходит почти каждый посетитель.
Что делать:
- Поставить уголок вниз у всех пунктов, которые раскрываются, и разворачивать его при раскрытии.
- Убрать иконку у пунктов-ссылок и подчёркивать их вместо иконки.
- Не делать так, чтобы подпись и иконка в одном пункте вели в разные места.
- Внутри раскрытого списка дать отдельную ссылку на страницу категории.
- Проверить блок вопросов и ответов и мобильное меню на то, что у всех раскрывающихся пунктов знак одинаковый.