Совет №11: Покажите им, куда кликать
В основе многих сайтов лежит одно ложное предположение: если объект отображается на экране, то на него кликнут. Это очень опасное предположение.
(В этой коллекции собраны переводы профессиональных советов по UX американского автора Джоэла Марша. Если вы тут впервые, то лучше начните сначала)
Статистика показывает, что пользователи кликают на все большое, яркое и анимированное. Поэтому дизайнеры баннеров так часто делают эти отвратительные баннеры… они привлекают больше внимания.
Вопрос в том, хотим ли мы, чтобы пользователи кликали по большим, ярким и анимированным объектам?
Цели — это хорошо.
Цели сайта должны быть понятны каждому (особенно вашему клиенту или боссу!). Цель не должна быть “кудрявой”, вроде “поощрять обсуждения в позитивном ключе для повышения популярности”. Это должно быть что-то реальное, например, “повысить процент завершивших процесс покупки”.
Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook | Instagram, Telegram
Что еще важнее, если большие, яркие, анимированные объекты не работают на наши цели, то на что они работают? Вы можете ожидать от пользователя регистрации, но гигантский баннер рядом с незаметной ссылкой на регистрацию в буквальном смысле крадет внимание пользователя.
Заманчиво думать, что все объекты на сайте важны и поэтому они все должны быть большими, яркими и анимированными. Эта тактика обречена на провал, потому что пользователя просто разорвет (или у него случится припадок). (Мысль: когда все вокруг двигается, наше внимание привлечет именно неподвижный объект).
Утонченный дизайн
Бывает заманчиво сделать какой-то объект небольшим и “менее очевидным”, чтобы он казался более эксклюзивным. И честно говоря, так и есть: большие кнопки совсем не смотрятся эксклюзивными. Так что же делать?
Вот фокус: вместо размера используйте пустое место. Одна небольшая кнопка на пустом экране получает 100% внимания. Небольшой логотип в океане пустого места сразу же привлекает взгляд. В газетах вокруг заголовков всегда оставляют немного свободного места, чтобы страницы было проще “сканировать”. Добавив немного пустоты, вы добьетесь большего, чем добавив множество разных элементов.
Вот базовый список вопросов для всех, кто обновляет дизайн сайта:
- Если бы сайт выполнял только одну функцию, какой бы они была?
- Достаточно ли путь достижения нужного результата очевиден для пользователя?
- Будет ли этот “путь достижения результата” первым, что увидит пользователь?
- Соответствует ли размер контента степени его важности?
Если вы хоть на один вопрос ответили “нет”, то вам есть над чем поработать.
… поэтому и нужно говорить им, куда кликать.
Хорошего дня!
А завтра нас ждет новый UX-совет: “Меню — для пользователя, а не для вас” →
Если вам понравилась статья и перевод, дайте нам знать — нажмите зеленую кнопку Recommend
А ещё, если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.
Нас можно найти в Facebook: Nancy Pong и Ринат Шайхутдинов.
Мобильное приложение «Заметки о психике» | Mental Notes
Подкидывает идеи как привлечь, удержать и направить внимание пользователя
Mental notes — это колода из 53 карточек с описанием психофизиологических моделей поведения людей, которые лежат в основе принципов веб-дизайна. Они помогают дизайнерам, проектировщикам лучше понять поведение пользователей и найти эффективные решения при создании дизайна интерфейсов.
Видеокурсы и практика по дизайну интерактивных систем: ux/ui, веб-дизайн и бренд-дизайн
Вас ждет плотная проектная практика по анимации интерфейсов, дизайну сайтов, а также мобильных и веб-приложений. Под руководством наставников в стиле «смотри и повторяй»!
Breezzly — это среда для тренировки digital-навыков. Здесь вы встретите комплекты видеокурсов в актуальных инструментах интерактивного дизайна, среди них Figma, Principle и Invision Studio. А каждый проект — это живой кейс с историей, собранной по горячим следам!