Есть ли у вас все необходимое, чтобы стать выдающимся UX-разработчиком в 2022 году? Добавьте эти фокусы в свой арсенал!Правило трех кликовПравило трех кликов — это неофициальное правило веб-дизайна, касающееся дизайна навигации по веб-сайту. Оно предполагает, что пользователь веб-сайта должен иметь возможность найти любую информацию не более чем за три клика мышью.
Почему это важно? Снижение концентрации вниманиялюдей в последнее время привело к возникновению этого правила. Клик — это взаимодействие, которое приводит к высшей когнитивной нагрузке, поскольку щелчок работает только на небольшом участке поверхности.
В качестве альтернативы снижению нагрузкина мозг вы можете использовать жесты ввода, такие как смахивание или двойное касание (например, в Instagram и LinkedIn ). Общее правило — площадь поверхности касания должна быть большой, иначе вы попадете в ту же ловушку, что и с кликом.
Надлежащее использование пустого пространства
Это один из наиболее важных столповв современном UX. Как вы можете видеть здесь, вариант с большим количеством пустого пространства выглядит более профессионально.
По мере того, как вы приобретаете больше опыта в проектировании, вы постепенно начинаете замечать этопо умолчанию. Также важно поддерживать постоянный интервал (отступы/поляслева и справа должны быть одинаковыми, то же самое и в случае отступов/полейсверху и снизу).
Вы также должны поддерживать адекватное расстояние между секциями: за секцией с большим интервалом должна следовать секция с малым интервалом.
Чтобы избежать неравномерного интервала, можете использовать альтернативное позиционирование:
Взаимодействия прокрутки
Популярность взаимодействий прокрутки, таких как Scroll Storytelling, Parallax и т. д., постоянно растети может привести к созданию действительно захватывающих веб-сайтов. Даже использует эффекты прокрутки на странице продукта!
Эти иммерсивные возможности прокрутки обычно реализуются с использованием метода, известного как Scroll Hijacking, при котором поведение прокрутки изменяется в соответствии с требованиями разработчика. Несмотря на то, что у него есть огромные преимущества, у него есть один серьезныйнедостаток: если его не реализовать должным образом, это может привести к серьезным проблемам с доступностью.
Плиточная сетка
Masonry Grid существовала уже давно, но после выхода Windows 8 ее популярность быстро росла. Он включает в себя сетку элементов разного размераи дает новое ощущение по сравнению с традиционными элементами сетки.
В отличие от большинства других элементов в этом списке, этот, возможно, проще всего реализовать, так как он требует только знания CSS .
Взаимодействие с курсором
Взаимодействия с курсором — это идеальный способ удержать внимание пользователя на вашем веб-сайтев эпоху сокращения концентрации внимания. У вас есть шведский стол вариантовна выбор, начиная с Custom Cursors:
ПРИМЕЧАНИЕ. Целевой аудиторией для взаимодействий с курсором являются пользователи компьютеров, поэтому, если ваша целевая аудитория состоит в основном из пользователей телефонов, вы можете отказаться от использования этих взаимодействий.
В этой статье мы рассмотрели несколько крутых приемов UX, которые вы можете использовать в своих приложениях, чтобы придать им современный вид. Надеюсь, это поможет вам!
Удачной разработки!