Подборщик сравнения на телефоне: кнопка «+» вместо «+ сравнить», названия лотов корочеCompare picker on a phone: a «+» button instead of «+ compare», shorter lot names

24 окт. 202624 Oct 2026 · Открыть на сайтеOpen on the site

ЦельGoal

Инвестор отметил один лот и на телефоне выбирает второй в списке «Добавьте ещё хотя бы один лот». Название лота (проект, тип номера, площадь) должно читаться с одного взгляда, а в экран — помещаться больше вариантов.An investor has marked one lot and on a phone picks a second one from the «Add at least one more lot» list. A lot name (project, room type, area) should read at a glance, and more options should fit on the screen.

ЗадачаProblem

В каждой строке списка рядом с названием стояла кнопка «+ сравнить» шириной 109 px, и названию оставалось 167 px из 320. В Анталье, где названия проектов длинные, первые 8 строк шли в 4–5 строк каждая. В Стамбуле — 2–3 строки на название.Each row had a 104 px «+ compare» button beside the name, leaving the name 172 px of 320. In Antalya, where project names are long, the first 8 rows ran to 4 lines each in English (4–5 in Russian). In Istanbul — 2–3 lines per name.

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

На экранах до 480 px кнопка в строке подборщика — квадрат «+» 44×44 px. Слово «сравнить» остаётся в кнопке для экранных чтецов — скрыто так же, как «Убрать» у «×» выбранного лота. После нажатия, как и раньше, «✓».On screens up to 480 px the picker row button is a square 44×44 px «+». The word «compare» stays in the button for screen readers, hidden the same way as «Remove» next to the chosen lot's «×». Once pressed it shows «✓», as before.
Названию лота достаётся 232 px вместо 167 на 320 px. Анталья, 320 px: 4–5 → 3–4 строки (по-английски 4 → 3), высота первых 8 строк списка 1146 → 942 px; на экране 320×568 — 4 варианта и начало пятого. Стамбул, 320 px: 2–3 → 2 строки, 874 → 720 px. Анталья на 360 и 390 px: 3–4 → 2–3 строки.The lot name gets 232 px instead of 172 at 320 px. Antalya, 320 px: 4 → 3 lines (4–5 → 3–4 in Russian); in Russian the first 8 rows shrink from 1146 to 942 px; a 320×568 screen shows 4 options and the start of a fifth. Istanbul, 320 px: 2–3 → 2 lines, 874 → 720 px. Antalya at 360 and 390 px: 3–4 → 2–3 lines in Russian; in English 3 → 2–3 (360 px) and 3 → 2 (390 px).
Первая кнопка подборщика осталась на том же месте (на первом экране, как после итерации 34). На компьютере, в таблицах юнитов и на страницах лотов кнопка по-прежнему «+ сравнить» со словом.The first picker button stays where it was (on the first screen, as after iteration 34). On desktop, in units tables and on lot pages the button still reads «+ compare» with the word.

До и послеBefore and after

До: «+ сравнить» 109 px, названия в 4–5 строк (Анталья, 320 px) / Before: the 109 px «+ сравнить» button, names in 4–5 lines (Antalya, Russian, 320 px) — До: «+ сравнить» 109 px, названия в 4–5 строк (Анталья, 320 px)Before: the 109 px «+ сравнить» button, names in 4–5 lines (Antalya, Russian, 320 px)

После: «+» 44 px, названия в 3–4 строки, на экране 4 варианта и начало пятого (Анталья, 320 px) / After: a 44 px «+», names in 3–4 lines, 4 options and the start of a fifth on screen (Antalya, Russian, 320 px) — После: «+» 44 px, названия в 3–4 строки, на экране 4 варианта и начало пятого (Анталья, 320 px)After: a 44 px «+», names in 3–4 lines, 4 options and the start of a fifth on screen (Antalya, Russian, 320 px)