Сравнение: одинаковое — одной строкойCompare: what is the same, once
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор, который сравнивает юниты, сразу видит, чем они различаются, а общее для всех читает один раз.An investor comparing units sees at once how they differ and reads what they share only once.
ЗадачаProblem
Когда сравнивают юниты одного проекта (у каждого юнита на странице проекта есть «+ сравнить»), статус проекта, тип, оператор, программа аренды, гарантированный доход, город и расстояние до аэропорта у всех одинаковы — и таблица повторяла каждый текст в каждой колонке. На телефоне при трёх юнитах страница была 2,9 тыс. px, а различия (цена, площадь, тип номера) терялись между повторами.When units of one project are compared (each unit on the project page has «+ compare»), the project status, type, operator, rental programme, guaranteed income, city and airport distance are the same for all — and the table repeated every text in every column. On a phone, three units made a 2.9k px page, and the differences (price, area, room type) were lost among the repeats.
Как решилиHow it was solved
- Значение, одинаковое у всех лотов, — одна ячейка на всю ширину; у названия поля пометка «одинаково у всех».A value the same for every lot is one cell across the full width; the field name says «same for all».
- Сливаются только ячейки с тем же текстом и теми же источниками; если у лотов разные источники, у каждого остаётся своя ячейка.Only cells with the same text and the same sources merge; when lots have different sources, each keeps its own cell.
- Различия остаются рядом, колонками. На телефоне общая ячейка не уходит за край, когда таблицу листают вбок. «Только различия» по-прежнему скрывает общие строки.Differences stay side by side in columns. On a phone the shared cell stays in view while the table scrolls sideways. «Differences only» still hides the shared rows.
- Итог для трёх юнитов одного проекта на 390 px: таблица 2372 → 1503 px, страница 2911 → 2042 px.Result for three units of one project at 390 px: table 2372 → 1503 px, page 2911 → 2042 px.
До и послеBefore and after
