Тренды

5 UX-хитростей, которые вы должны знать в 2022 году

Автор Freelance.Today

Есть ли у вас все необходимое, чтобы стать выдающимся UX-разработчиком в 2022 году? Добавьте эти фокусы в свой арсенал!

Правило трех кликов

Правило трех кликов — это неофициальное правило веб-дизайна, касающееся дизайна навигации по веб-сайту. Оно предполагает, что пользователь веб-сайта должен иметь возможность найти любую информацию не более чем за три клика мышью.

Почему это важно? Снижение концентрации вниманиялюдей в последнее время привело к возникновению этого правила. Клик — это взаимодействие, которое приводит к высшей когнитивной нагрузке, поскольку щелчок работает только на небольшом участке поверхности.

В качестве альтернативы снижению нагрузкина мозг вы можете использовать жесты ввода, такие как смахивание или двойное касание (например, в Instagram и LinkedIn ). Общее правилоплощадь поверхности касания должна быть большой, иначе вы попадете в ту же ловушку, что и с кликом.

Надлежащее использование пустого пространства

Это один из наиболее важных столповв современном UX. Как вы можете видеть здесь, вариант с большим количеством пустого пространства выглядит более профессионально.

По мере того, как вы приобретаете больше опыта в проектировании, вы постепенно начинаете замечать этопо умолчанию. Также важно поддерживать постоянный интервал (отступы/поляслева и справа должны быть одинаковыми, то же самое и в случае отступов/полейсверху и снизу).

Вы также должны поддерживать адекватное расстояние между секциями: за секцией с большим интервалом должна следовать секция с малым интервалом.

Чтобы избежать неравномерного интервала, можете использовать альтернативное позиционирование:

Взаимодействия прокрутки

Популярность взаимодействий прокрутки, таких как Scroll Storytelling, Parallax и т. д., постоянно растети может привести к созданию действительно захватывающих веб-сайтов. Даже Mac Proиспользует эффекты прокрутки на странице продукта!

Эти иммерсивные возможности прокрутки обычно реализуются с использованием метода, известного как Scroll Hijacking, при котором поведение прокрутки изменяется в соответствии с требованиями разработчика. Несмотря на то, что у него есть огромные преимущества, у него есть один серьезныйнедостаток: если его не реализовать должным образом, это может привести к серьезным проблемам с доступностью.

Плиточная сетка

Masonry Grid существовала уже давно, но после выхода Windows 8 ее популярность быстро росла. Он включает в себя сетку элементов разного размераи дает новое ощущение по сравнению с традиционными элементами сетки.

В отличие от большинства других элементов в этом списке, этот, возможно, проще всего реализовать, так как он требует только знания CSS .

Взаимодействие с курсором

Взаимодействия с курсором — это идеальный способ удержать внимание пользователя на вашем веб-сайтев эпоху сокращения концентрации внимания. У вас есть шведский стол вариантовна выбор, начиная с Custom Cursors:

 

ПРИМЕЧАНИЕ. Целевой аудиторией для взаимодействий с курсором являются пользователи компьютеров, поэтому, если ваша целевая аудитория состоит в основном из пользователей телефонов, вы можете отказаться от использования этих взаимодействий.

 

В этой статье мы рассмотрели несколько крутых приемов UX, которые вы можете использовать в своих приложениях, чтобы придать им современный вид. Надеюсь, это поможет вам!

Удачной разработки!

Источник

 
  • 1863