x
 
Константин Дунаев
15 сентября 2020
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Насколько оправдан звук в веб-интерфейсах? Например: клик по ссылке, добавление товара в корзину, удаление из корзины и т. д.


Важно, чтобы сайт давал оче­вид­ную обрат­ную связь. Но на пере­чис­лен­ные вами дей­ствия она и так есть, при­чём при­выч­ная и понят­ная. При клике что‑то откры­ва­ется или начи­на­ется загрузка, что видно бла­го­даря инди­ка­ции на стра­нице или в бра­у­зере. При добав­ле­нии в кор­зину около товара пере­кра­ши­ва­ется кнопка, а рядом с икон­кой самой кор­зины уве­ли­чится число това­ров и сто­и­мость. При уда­ле­нии из кор­зины товар исче­зает из неё прямо перед тво­ими гла­зами (тут жела­тельно также преду­смот­реть отмену). Озвучка ничего не доба­вит к этому, но вызо­вет раз­дра­же­ние у поль­зо­ва­те­лей своей непрошенностью.

Но если у вас есть убе­ди­тель­ный ответ на вопрос о том, почему именно на вашем сайте нужен ещё и звук, то — делайте.

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Соломон Шаич
16 сентября 2020

Илья, у меня есть убедительный ответ: забота о людях со слабым зрением.

Георгий Коваленко
17 сентября 2020

Помнится, в старых Интернет Эксплорерах был довольно бесящий меня звук на каждый переход. Очень рад, что в какой-то момент его убрали.

Что до людей со слабым зрением — звук далеко не единственная возможность сделать лучше.

Для людей с действительно плохим зрениям есть экранные читалки, скринридеры. И для этих штук важна структура страницы. Правильное использование HTML элементов, альты к картинкам, aria-атрибуты, работа с фокусом — это всё поможет скринридерам понимать и читать сайт лучше. А дальше они уже сами озвучат, и где там ссылка, и куда она ведёт, и факт перехода по ней. Кстати, мои знакомые сеошники считают, что и поисковикам грамотно структурированные страницы нравятся больше. Так что может быть, есть смысл этим заниматься не только ради «0.3% посетителей со скринридерами».

Нормальные размеры шрифтов и контрастный к фону текст могут помочь не только людям со слабым зрением, но и всем остальным. Человек с плохим (но не настолько, чтобы переходить на скринридер) зрением скорее всего ещё выкрутит масштаб, так что дополнительно можно проверить, а не разъехалась ли страница при изменении масштаба.

Это я, опять же, не к тому, что звук — непременно что-то плохое. А к тому, что есть много способов сделать лучше. И если мы решаем задачу доступности для людей с ограничениями, то, возможно, какие-то из этих (в целом стандартизированных) решений окажутся действеннее, чем просто звук клика, которого нет на большинстве других сайтов.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

6 Что лучше использовать: спинер или прогрессбар? 5 7 3




Недавно всплыло

Как правильно защитить свою позицию перед заказчиком, который боится «потерять» клиентов 5 Я устроилась на работу журналистом и поняла, что ваша книга мне вряд ли пригодится в работе 6 Что нужно, чтобы сайт на Айфоне выглядел также как на Андроиде, а не в два раза меньше? 1 5