Карточка и строка юнита нажимаются целикомThe whole card and unit row are tappable
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор листает проекты с телефона и одним касанием открывает тот, что заинтересовал, а в проекте — нужный юнит. От этого зависит, дойдёт ли он до фактов, ради которых пришёл.An investor scrolls projects on a phone and opens the interesting one with a single tap, then the right unit inside it. That decides whether they reach the facts they came for.
ЗадачаProblem
Карточку проекта можно было открыть только через заголовок высотой 22 px: нажатие по цене, площади или пустому месту ничего не делало. Из площади карточки на нажатие отвечало 18%, из строки юнита в проекте — 9% (ссылка «Открыть» высотой 18 px и кнопка «+ сравнить» высотой 26 px). Стандарт размера касания — 44 px (Apple) и 48 dp (Google).A project card could only be opened via its 22 px title: tapping the price, the area or empty space did nothing. Only 18% of a card's area responded to a tap, and 9% of a unit row on a project page (an 18 px «Open» link and a 26 px «+ compare» button). The touch-target standard is 44 px (Apple) and 48 dp (Google).
Как решилиHow it was solved
- Вся карточка проекта — ссылка на проект, как на маркетплейсах и в каталогах недвижимости. Ссылка на город, «Юниты (N)» и «на карте» внутри карточки работают как раньше.The whole project card links to the project, as on marketplaces and property catalogues. The city link, «Units (N)» and «on map» inside the card work as before.
- На телефоне вся строка юнита открывает лот; «+ сравнить» по-прежнему только добавляет к сравнению.On the phone the whole unit row opens the lot; «+ compare» still only adds it to the comparison.
- На телефоне «+ сравнить» и «Юниты (N)» высотой 44 px вместо 26 и 21.On the phone «+ compare» and «Units (N)» are 44 px tall instead of 26 and 21.
- Итог: из площади карточки на нажатие отвечает 94% вместо 18% (остальное закрывает переключатель «Список / Карта»), из строки юнита — 100% вместо 9%. На скриншотах зелёным отмечено, куда можно нажать.Result: 94% of a card's area responds to a tap instead of 18% (the rest is under the «List / Map» switch), and 100% of a unit row instead of 9%. Green on the screenshots marks where a tap works.
До и послеBefore and after
