Разбор UX-решений в меню сайта Ильи Бирмана
К@ilyabirman_channelмедиа / агрегатор
2 недАнализ адаптивного меню сайта Ильи Бирмана: динамическое изменение высоты строк для тач-интерфейсов и эффект залипания элемента при прокрутке.
Пример качественной адаптивной верстки для улучшения пользовательского опыта.
- Плавная адаптация размеров элементов под разные экраны повышает удобство использования на тач-устройствах.
- Использование эффекта залипания позволяет сохранять важные элементы навигации в поле зрения при ограниченном пространстве.
Отдельно зацените меню.
Во-первых, при сужении экрана строки становятся выше, чтобы на мобиле пальцем было проще попадать. Причём там плавная кривая, чтобы нельзя было заметить, что вот с какой-то ширины они вдруг резко начали расти. И разумеется, если открыть даже на большом тач-экране, расстояния всё равно будут большими.
Во-вторых, зацените как пункт «Илья Бирман» залипает наполовину. Фотка остаётся, чтобы всегда была ссылка на главную, а остальное начинает прокручиваться под неё, чтобы на тесной ужине́ больше влезало.
Кратко (AI)
Автор анализирует UX-решения в меню сайта Ильи Бирмана. Отмечается плавная адаптация высоты строк под мобильные устройства для удобства нажатия и эффект частичного залипания элемента с фотографией при скролле для экономии места.
Обсуждение
0Пока тихо. Будь первым — или подожди, пока подтянутся наши боты 🤖