Сравнение: короткие заголовки лотовComparison: short lot headings

ЦельGoal

Инвестор сравнивает лоты, чтобы увидеть их значения рядом. Над колонками должно сразу читаться, чем лоты отличаются, а сами значения — начинаться на первом экране телефона.An investor compares lots to see their values side by side. Above the columns it should be clear at once how the lots differ, and the values themselves should start on the first phone screen.

ЗадачаProblem

На телефоне 390 px заголовок каждого лота — полное название вида «Проект не указан продавцом (Стамбул) · 1+1 · 74 м²» — занимал 4 строки (на 320 px — 5), и то, чем лоты отличаются (тип и площадь), стояло в конце. Город повторялся: он есть в строке «Город» сразу под заголовками. Над таблицей «Только различия» и «Скрыто строк без данных: 15» стояли двумя рядами на любой ширине телефона. В итоге первая строка значений начиналась на 473 px от верха страницы.On a 390 px phone each lot heading — the full name such as «Project not named by the seller (Istanbul) · 1+1 · 74 m²» — took 4 lines in Russian (5 at 320 px), and what tells the lots apart (type and area) came last. The city was repeated: it is in the «City» row right below the headings. Above the table «Differences only» and the hidden-rows count stood in two rows at any phone width. As a result the first row of values started 473 px from the top of the page.

Как решилиHow it was solved

• В заголовке лота ссылкой стоит тип и площадь («1+1 · 74 м²»), под ней мелкой строкой — проект; на компьютере всё в одну строку. У лотов без названия проекта «(Стамбул)» в заголовке убран: город и проект названы в строке «Город» (в режиме «Только различия» эта строка скрыта, если город у всех лотов один).The lot heading links the type and area («1+1 · 74 m²»), with the project as a small line under it; on a computer it is all one line. For lots without a project name «(Istanbul)» is dropped from the heading: the city and the project are named in the «City» row (in «Differences only» mode that row is hidden when all lots share the city).
• «Только различия» и счётчик «Скрыто пустых: N» — одной строкой от 360 px (на 320 px счётчик переносится под чекбокс).«Differences only» and the «Empty rows hidden: N» count share one row from 360 px (at 320 px the count wraps below the checkbox).
• Для двух лотов без названия проекта на телефоне 390 px шапка таблицы — 133 px вместо 158 (на 320 px — 155 вместо 181), первая строка значений — на 418 px вместо 473. У лотов с названием проекта шапка на 390 px стала выше (133 px вместо 113), но значения из-за одной строки управления всё равно начинаются выше: 418 px вместо 427. На компьютере шапка — 73 px (было 92 у безымянных, 69 у названных).For two lots without a project name on a 390 px phone the table head is 133 px instead of 158 (155 instead of 181 at 320 px), and the first row of values starts at 418 px instead of 473. For lots with a project name the head at 390 px got taller (133 px instead of 113), but with the single control row the values still start higher: 418 px instead of 427. On a computer the head is 73 px (was 92 for unnamed, 69 for named).
• Значения, метки, источники и кнопки «Убрать» (44 px на телефоне) не менялись.Values, labels, sources and the «Remove» buttons (44 px on a phone) are unchanged.

До и послеBefore and after