https://blogengine.ru/blogs/tags/akkordeon/ Автоматически собираемая лента заметок, написанных в блогах на Эгее ru Aegea 11.0 (v4079e) Автоматически собираемая лента заметок, написанных в блогах на Эгее no 123069 https://ilyabirman.ru/meanwhile/all/ui-course-frag-114/ Sun, 17 Sep 2023 22:34:17 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-114/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Рассказываю, почему аккордеон — это плохо. 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/n4Cb774L2_U?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Был и <a href="https://ilyabirman.ru/meanwhile/all/no-accordion/">пост в блоге об этом</a>.</p> <p>Это фрагмент № 114 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 апреля 2023 года.</p> <p>До 6 октября идёт запись на курс, который пройдёт с 7 октября по 5 ноября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 123252 https://ilyabirman.ru/meanwhile/all/no-accordion/ Tue, 29 Aug 2017 22:44:58 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/no-accordion/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Есть такой элемент интерфейса — аккордеон. Это когда в вертикальном списке есть распахивающиеся секции:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/accordion@2x.jpg" width="300" height="597" alt="" /> <div class="e2-text-caption">Из работы студента школы дизайнеров</div> </div> <p>Этот элемент очень неудобен.</p> <p>Невозможно удержать в голове, какая секция раскрыта, а какая нет, поэтому найти что-то в таком списке очень трудно. В приятный и лёгкий процесс прокрутки вмешивается клик, причём эти жесты нужно чередовать, а кликать приходится в строчки, постоянно меняющие своё положение — это приводит к ошибкам. Расстояние между элементами тоже плавает из-за того, что между ними может оказаться сколько угодно раскрытых секций — это дезориентирует и мешает вырабатываться привычке.</p> <p>Реализации, в которых при разворачивании одной секции все другие сворачиваются, ещё хуже: там все эти спецэффекты происходят ещё и помимо воли пользователя.</p> <p>На телефоне, где экран маленький, с аккордеоном особенно тяжело. Недаром такого элемента нет среди стандартных элементов интерфейса Эпла и ни в одном их приложении.</p> <p>Не используйте аккордеон.</p>