Использовать или не использовать «полосы зебры» или чередующиеся рядовые цвета для таблиц

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

введите описание изображения здесь>> </p>

<p> Мне обычно проще связывать поля ввода с именами строк, пока таблица отформатирована правильно. Итак, я не уверен, что чередование цветов фактически добавляет к пользовательскому опыту, но я думаю, я могу понять, почему это стилистически привлекательно. </p></body></html>

81 голос | спросил sklein 16 FebruaryEurope/MoscowbWed, 16 Feb 2011 17:05:27 +0300000000pmWed, 16 Feb 2011 17:05:27 +030011 2011, 17:05:27

7 ответов


62

Джессика Эндерс написала статью о A List Apart о трех исследованиях, которые она сделала, чтобы определить, являются ли «полосы зебры» полезно.

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

  

Рекомендация

     

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

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

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

ответил Patrick McElhaney 16 FebruaryEurope/MoscowbWed, 16 Feb 2011 17:49:09 +0300000000pmWed, 16 Feb 2011 17:49:09 +030011 2011, 17:49:09
26

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

ответил Lie Ryan 16 FebruaryEurope/MoscowbWed, 16 Feb 2011 17:35:38 +0300000000pmWed, 16 Feb 2011 17:35:38 +030011 2011, 17:35:38
4

Цель состоит в том, чтобы упростить чтение и сканирование данных. Полосы Zebra - это лишь один элемент, который может быть использован для этого.

Часто они подвергаются насилию и становятся нежелательными.

Я бы предположил, что они должны быть последним инструментом. Если компоновка данных не может скрепляться друг с другом, легко сканировать строки, а затем бросать в полосы. Но будьте предельно утончены с ними, чтобы начать.

ответил DA01 16 FebruaryEurope/MoscowbWed, 16 Feb 2011 17:55:18 +0300000000pmWed, 16 Feb 2011 17:55:18 +030011 2011, 17:55:18
4

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

+1 Положите Райана на эффект зависания. Наш трекер времени выделяет строки при наведении. Спасатель. И более того, он предоставляет дополнительные данные во всплывающем окне инструмента. Постепенная победа.

ответил Benxamin 17 FebruaryEurope/MoscowbThu, 17 Feb 2011 00:20:57 +0300000000amThu, 17 Feb 2011 00:20:57 +030011 2011, 00:20:57
3

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

ответил Henrik Ekblom 16 FebruaryEurope/MoscowbWed, 16 Feb 2011 17:15:57 +0300000000pmWed, 16 Feb 2011 17:15:57 +030011 2011, 17:15:57
3

Так как люди легко группируют вещи в пучки 3-7 (в зависимости от человека), я всегда задавался вопросом, почему полосы зебры относятся к ряду, а не к каждой группе.

Я также нашел подсветку на mouseover (или нажмите, если вы хотите поддерживать сенсорные экраны, такие как смартфоны), чтобы быть полезным - немного похоже на полосу зебры, которая только визуально группирует конкретную строку, которую вы интересуете, на момент.

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

ответил Chris Moschini 16 FebruaryEurope/MoscowbWed, 16 Feb 2011 23:01:55 +0300000000pmWed, 16 Feb 2011 23:01:55 +030011 2011, 23:01:55
2

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

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

Этот список вводит в заблуждение, когда он говорит о полосах из-за предмета, однако сам текст является «полосами», а полоса в таблице на самом деле является тем, что ломается и облегчает чтение.

ответил Brad Hutchison 18 AM000000120000001831 2011, 00:36:18

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

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

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