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

Но улучшить такие таблицы можно, подсветив в них отличия:

Чего нет — забледнено, а что быстрее, выше, сильнее — подсвечено.

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

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

ТаблицыСравненияПредставление информации
Отправить
Поделиться
Запинить

Комментарии

Поделюсь своим мнением как такие автоматические таблицы лучше устраивать.

Выделение цветом (== признаком) усложняет:

— потому что если в трех колонках разные значения (в примере это строка ProMotion), то тебе как пользователю еще требуется сравнивать их между собой — нет ли в них отличий (120/140HZ),

— а как разработчику требуется еще хранение логики иерархии, что лучше (строка 1000 nits), чтобы подсвечивать лучшие/старшие.

Такие таблицы, из моего анализа и опыта лучше оставлять без дополнительного кодирования и обрабатывать сценарий «А чем отличаются?» отдельно:

25 окт 2022

Я всё, что повторяется, делаю бледным.

26 окт 2022

Рекомендуем другие советы