Каковы аргументы против использования тикера /выделения на веб-сайтах?

Недавно мне было предложено добавить тикер (с ежедневными обновлениями) в одну из наших панелей на основе HTML. (Тикер будет прокручивать текст по экрану. В прошлом вы могли бы достичь чего-то подобного с тегом marquee в HTML.)

пример прокрутки шатра /тикера

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

У вас теперь больше аргументов против использования тикеров?

89 голосов | спросил stefan.s 27 PMpMon, 27 Apr 2015 14:10:59 +030010Monday 2015, 14:10:59

9 ответов


142

Тикеры похожи на карусель , но хуже.

Поскольку вы просите о недостатках, тикеры - это антипаттерн, потому что:

  • контент непредсказуем для пользователей. Пользователи не знают, насколько велик контент, какой порядок он появляется, где он начинается или заканчивается, и сколько времени потребуется, чтобы прочитать все это.

  • Он либо прокручивается слишком медленно, либо слишком быстро . Если читатель сосредоточен на чтении тикера, она будет читать его быстрее, чем свитки, что создает разочарование. С другой стороны, если скорость прокрутки увеличивается, то пользователям, не сосредоточенным на тике, будет сложно сосредоточиться на контенте, потому что он слишком быстро перемещается.

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

  • визуально отвлекает . Перемещение элементов на странице автоматически привлечет внимание пользователей. В случае тикера контент обычно должен быть периферийным для основного содержимого на странице, но анимация заставляет его отвлекать на основное содержимое.

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

ответил tohster 27 PMpMon, 27 Apr 2015 15:22:12 +030022Monday 2015, 15:22:12
50

Это только мое мнение, но это ответ.

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

В реальном мире они предлагают преимущество в том, что они могут отображать больше информации, чем дисплей может статически отображаться, но в меньшей и, следовательно, более дешевой недвижимости.

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

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

ответил DarrylGodden 27 PMpMon, 27 Apr 2015 14:56:33 +030056Monday 2015, 14:56:33
19

Прокрутка текста может быть препятствием для доступности, поэтому WCAG требует, чтобы вы предоставили элемент управления, который позволяет пользователю приостанавливать, останавливать или скрывать движущийся контент ( SC 2.2.2 Пауза, Стоп, Скрыть ).

  

Содержимое, которое перемещается или автоматически обновляется, может стать препятствием для всех, кто имеет   быстро читайте неподвижный текст, а также любой, кто имеет   проблема с отслеживанием движущихся объектов. Это может также вызвать проблемы для экрана   читатели.

     

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

ответил Matt Obee 27 PMpMon, 27 Apr 2015 19:34:01 +030034Monday 2015, 19:34:01
13

В качестве следствия для очень хороших ответов @tohster и @Matt Obee есть дополнительное соображение:

Тикеры удаляют контроль у человека, просматривающего информацию

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

Наконец,

Тикеры представляют собой более низкое представление информации, чем статический текст, и могут даже ломаться на мобильных

Рассмотрим ответ Даррила Годдена. Помимо попытки использовать тикер как ненужный анахроничный skeuomorph для визуального эффекта (я даже не могу сказать «призыв» здесь), какова цель этого тикера? Какова была цель размещения на странице?

Предположительно, он (а) представил информацию и (б) обратить внимание на эту информацию.

Если информация вписывается в горизонтальное пространство тикера, то единственная причина для ее перемещения - попытаться нарисовать глаз. Но движение затрудняет чтение и является раздражающим, отвлекающим элементом, пытаясь сосредоточиться на другом контенте на странице.

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

По сути, использование тикера не будет распространять информацию, а также статический текст.

Если вы не можете быть уверены, что кто-то, посетивший страницу, прочитает тикер (полностью или даже совсем) по этим разным причинам, вы не можете разместить значительную информацию в тикере, так почему бы вам даже есть тикер?

ответил taswyn 29 AMpWed, 29 Apr 2015 02:00:30 +030000Wednesday 2015, 02:00:30
5

Личное мнение: Тикеры хороши, как указано выше, когда определен объем пространства, который у вас есть (например, тикер на телеканале новостей). Это хорошо, потому что вы можете быстро прочитать краткое изложение новостей, поскольку телеведущий подробно рассказывает новость. Это также имеет то преимущество, что, поскольку он (обычно) со звуком включен, вы можете прочитать тикер и одновременно слушать презентатора.

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

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

EDIT:

Если вы просто демонстрируете это людям, конечная цель - будет ли она отображаться на экране телевизора или на компьютере (или что-то еще, где человек может взаимодействовать с ним)? - все еще стоит. Там может быть хорошей причиной для использования тикера, если это первый из них. Если это не так, то вы можете сказать им, что «это лучший способ отображения этой информации». Вы эксперт, а не люди, с которыми вы играете.

ответил Algy Taylor 28 PMpTue, 28 Apr 2015 12:06:25 +030006Tuesday 2015, 12:06:25
2

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

Люди видят этот скользящий текст и ссылаются на их визуальную ассоциацию NEWS! ПРОЧТИ МЕНЯ! СМОТРИ СЮДА!! НОВОСТИ! И т. Д. Архх, вытащи меня отсюда!

Это было сделано до смерти - так много, что люди автоматически удалятся после второго просмотра, потому что это неприятная визуальная связь и связь с памятью.

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

ответил Jeremy Thompson 28 PMpTue, 28 Apr 2015 13:13:56 +030013Tuesday 2015, 13:13:56
1

Тикеры хороши во времена, когда у вас очень ограниченное вертикальное пространство (несколько тикеров на некоторых телевизионных каналах) или очень ограниченное пространство в целом (задняя часть полицейской машины, как и предыдущий ответ).

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

ответил Pentium100 27 PMpMon, 27 Apr 2015 15:21:36 +030021Monday 2015, 15:21:36
1

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

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

ответил chylex 27 J0000006Europe/Moscow 2015, 22:17:08
-3

Может возникнуть проблема с доступностью: как экранный ридер для слабовидящих справится с областью?

Теперь я вижу, что кто-то поднял эту проблему, хотя и не конкретно о устройствах для чтения экрана.

ответил WP Craig 5 AM00000030000005731 2015, 03:48:57

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132