Телефон: предложения выше, кнопки крупнее / Phone: offers higher up, bigger buttons

ЦельGoal

На телефоне инвестор открывает ссылку и сразу видит предложения, а не панель управления; всё, что нужно нажать, легко попасть пальцем.On a phone an investor opens the link and sees offers right away, not a control panel; everything to tap is easy to hit with a thumb.

ЗадачаProblem

Над списком стояли три ряда переключателей («Проекты / Все юниты таблицей», «Сортировка», «Список / Карта»), поиск с подписью и кнопка «Фильтры» отдельной строкой. Первая карточка начиналась на 453 px из 844 (54% экрана). Кнопки и чипсы городов были высотой 30–32 px — меньше стандарта 44 px для пальца.Three rows of switches sat above the list («Projects / All units as a table», «Sort», «List / Map»), plus a labelled search and a separate «Filters» row. The first card started at 453 px of 844 (54% of the screen). Buttons and city chips were 30–32 px tall — below the 44 px touch standard.

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

Поиск и «Фильтры» — в одной строке, как в приложениях бронирования; подпись поиска осталась для экранного диктора, место на экране она больше не занимает.Search and «Filters» share one row, as in booking apps; the search label stays for screen readers but takes no space.
«Проекты | Юниты» и сортировка — один ряд над списком; «Список / Карта» — плавающий переключатель внизу экрана (как у Airbnb и Booking).«Projects | Units» and sorting form one row above the list; «List / Map» is a floating switch at the bottom (as on Airbnb and Booking).
Все кнопки, чипсы, поиск и сортировка на телефоне — высотой 44 px; шрифт поиска 16 px, чтобы iPhone не увеличивал страницу при вводе.All buttons, chips, search and sort are 44 px tall on a phone; the search font is 16 px so an iPhone does not zoom in on typing.
Итог: первая карточка начинается на 356 px (42% экрана, было 54%), на главной — на 381 px (было 478). Автотест первого экрана теперь требует: карточка в верхних 60% экрана, элементы над списком не ниже 44 px, переключатель «Список / Карта» плавающий.Result: the first card starts at 356 px (42% of the screen, was 54%), on the home page at 381 px (was 478). The first-screen test now requires: the card in the top 60% of the screen, controls above the list at least 44 px tall, a floating «List / Map» switch.

До и послеBefore and after

До: три ряда переключателей, первая карточка в середине экрана / Before: three rows of switches, the first card mid-screen — До: три ряда переключателей, первая карточка в середине экранаBefore: three rows of switches, the first card mid-screen

После: один ряд управления, карточка выше, «Список / Карта» внизу / After: one row of controls, the card higher up, «List / Map» at the bottom — После: один ряд управления, карточка выше, «Список / Карта» внизуAfter: one row of controls, the card higher up, «List / Map» at the bottom

Карта до: переключатели сверху / Map before: switches at the top — Карта до: переключатели сверхуMap before: switches at the top

Карта после: больше места под карту / Map after: more room for the map — Карта после: больше места под картуMap after: more room for the map

Телефон: предложения выше, кнопки крупнееPhone: offers higher up, bigger buttons

ЦельGoal

ЗадачаProblem

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

До и послеBefore and after