Вокруг «зебры» в таблицах вечные споры. Одни дизайнеры считают, что это признак дурного вкуса и полосы мешают восприятию, другие считают, что «зебра» помогает быстрее находить информацию. Разберёмся в вопросе через исследования.
UX-проектировщица Джессика Эндерс выяснила, как полосатые таблицы влияют на скорость и точность поиска. Она провела целых три исследования, чтобы разобраться в вопросе.
Оказалось, что полосы незначительно увеличивают скорость поиска, и большинству людей они нравятся. Но её исследования были не до конца объективны
Первое исследование. «Зебра» побеждает, но незначительно
В первом исследовании, Джессика дала участникам таблицу (выше) и задания по поиску в таблице. Например, найдите какой винт стоит $35.66. Чтобы проверить точность и скорость решений, участников ограничили по времени.
В исследовании участвовали 244 человек, которых разделили на две группы:
- Первая группа сначала искала заданные значения в простой таблице, а затем на таблице с зеброй.
- Вторая, наоборот, начала с полосатой.
В целом, все участники справились примерно одинаково. У полосатой таблицы был незначительный прирост скорости и точности ответов. При этом, большинство людей сказало, что им приятнее видеть полосатые таблицы.
Во время исследования, Джессика заметила, что люди помогают себе пальцем или курсором мыши, двигаясь вдоль строки.
Второе исследование. «Зебра» побеждает
В более позднем исследовании приняли участие 2 276 человек, и не было ограничения по времени. В этом исследовании задание изменилось: респондентов поделили на две группы и каждый работал только с таблицей одного вида. Кроме того, добавился третий вид таблицы — с разделительными линиями между строк.
На этот раз, полосатая таблица показала немного лучший результат. Полосатые таблицы увеличили точность ответов в трёх вопросах из девяти. Оранжевым подсвечены случаи, максимально близкие к статистически значимым.
Вот тут и скрывается необъективность исследования. Эта таблица таблица слишком большой ширины для своего контента, дыры огромны. Ясно дело, тут сработают лучше полосы. Ведь взгляд улетит пока дойдёт до контента.
Третье исследование. «Зебру» любят
В третьем исследовании 1200 человек попросили выбрать самую приятную и неприятную таблицу из этих шести.
Больше всех людям понравилась таблица с зеброй (обе), затем разлинованная и только потом простая, без разделителей.
Так полезна ли «зебра»?
Да, если:
- У вас нет выбора, кроме как сделать широкую таблицу с большими дырами.
- Когда важно сохранить положение глаза: дизайн будет использоваться во время тряски, на открытом воздухе, при плохом освещении. На форуме Тафти обсуждают альтернативы: разделять по 3 строки или использовать другие приёмы для разделения информации строки, так что чересполосица — не панацея
Лучший из примеров — Файндер в Мак Ос. Здесь чересполосица есть потому, что размер окна предсказать сложно. Однако, почему они не выделяют файл при наведении — для меня загадка.
В Виндоуз, проводник сжимает информацию и обходится даже без полос. Выглядит легче, но само окно несбалансированно: тяжелые края, пустота справа. Зато строка подсвечивается при наведении.
Возможно, Зебра так же поможет на терминалах на вокзалах и аэропортах, чтобы было проще найти свой рейс: один раз запомнил, что он на тёмном фоне и следишь глазом. Однако проще сверстать плотно, как это сделала студия Лебедева
Можно и без «зебры»
Главный вывод этих исследований — людям нужно помогать выделять линию так, чтобы они не ошиблись. Эту проблему можно решить с помощью подсветки полосы.
В остальных случаях делайте так, не ошибётесь:
Маленькие дыры — делайте пусто.Непредсказуемые дыры — делайте линии.
Если статья вам понравилась — оцените её ❤️, мне будет приятно.
Больше о дизайне рассказываю в телеграм-канале Дизайн Печь🔥
