Untitled

Думаю тебе поможет вот что:

  1. Определись с тем, какую информацию пользователь должен обязательно понять, изучив таблицу.
  2. Удали вообще всё оформление: картинки, иконки и цвета.
  3. Начинай постепенно добавлять картинки, элементы, иконки.
  4. Самое важное, например, Most popular можно выделить цветом подложки, чтобы это было первым, что бросится в глаза.
  5. Группировка элементов по смыслу — это хорошая идея, снизит когнитивную нагрузку пользователя.
  6. Повторяющиеся элементы можно «вынести за скобки» и написать один раз. В данном случае можно объединить четыре ячейки с надписью «1 Year, Parts & Labor».

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

а) есть договорённость с верстальщиком, и он знает, как это сделать;

б) такой вид не влияет на восприятие товаров и помогает их сравнить.

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

Видео по теме

Очень бодро и наглядно всего за минуту

Очень бодро и наглядно всего за минуту

Очень вдумчиво, дотошно и с объяснениями

Очень вдумчиво, дотошно и с объяснениями