Есть ли лучший способ, чем полоски зебры

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

73 голоса | спросил Hakan Isik 2 J000000Wednesday14 2014, 20:49:44

4 ответа


102

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

A исследование было проведено в 2008 году , в котором рассмотрен вопрос о том, как эффективная полоса зебры находится на таблицах, и она сделала несколько интересных выводов.

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

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

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

Исследование показало, что полоса зебры не наносит вреда, а в некоторых случаях улучшает производительность пользователя:

  

введите описание изображения здесь>> </p>
  
  <p> В таблице показано, что для трех из восьми вопросов полосатая версия давала более точный ответ, чем простые и выровненные версии. Четвертый вопрос очень близок к статистически значимым. Для остальных четырех вопросов разница в точности между всеми тремя стилями настолько мала, что не может быть статистически отделена от случайного шума. В этих случаях производительность с чередованием зебры так же хороша, как и, конечно, не хуже, чем простая или выстроенная версия. </p>
  
  <p> Это означает, что в этом исследовании, по крайней мере, полоса зебры не влияет на производительность - и во многих случаях это фактически приводит к улучшению. </p>
</blockquote>

<h2> Пользовательские предпочтения </h2>

<p> Мало того, что чередование улучшало производительность, но пользователи указали на явное предпочтение в пользу них (и сильное отвращение к простым таблицам): </p>

<blockquote>
  <p> <img src =

ответил Charles Wesley 2 J000000Wednesday14 2014, 21:57:54
14

Это зависит от

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

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

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

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

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

<p> Итак, мой подход к этому заключается в использовании простой таблицы с выделенной строкой заголовка и нижней колонтитулой  (Если таблица имеет нижний колонтитул) , вы можете выделить несколько специальных строк или ячеек, Я сделал в примере ниже. </p>

<p> <a href= Демо

Формат обычной таблицы

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

<hr>
<p> Недавно я использовал шахматный паттерн, но это полезно, когда вы хотите показать пользователю, что ни одна из ячеек не связана друг с другом ... Например </p>

<p> <a href= Демо

Формат таблицы шахмат

Вышеприведенный шаблон помогает пользователю сосредоточиться на одной ячейке.

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

ответил Mr. Alien 3 J000000Thursday14 2014, 10:46:37
3

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

(Или, конечно, полностью вытащить данные из таблицы и представить их в более удобной форме.)

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

ответил keshlam 3 J000000Thursday14 2014, 05:48:20
0

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

Мои таблицы имеют тенденцию быть довольно широкими: -)

ответил Lenne 4 J000000Friday14 2014, 16:49:01

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

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

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