Все вкладки лота и проекта видны на телефонеAll lot and project tabs are visible on a phone
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор открывает лот или проект и сразу видит, какие разделы о нём есть: обзор, аренда, проект, налоги, чего мы не знаем, источники. Это третья часть цели сайта — «видит всё об объекте по вкладкам».An investor opens a lot or a project and immediately sees which sections exist: overview, rental, project, tax, what we don't know, sources. This is the third part of the site's goal — «sees everything about the object in tabs».
ЗадачаProblem
На телефоне вкладки стояли в одну строку с горизонтальной прокруткой: целиком видны были 3 из 6 («Обзор», «Аренда», «Проект и оператор»), от четвёртой — обрывок «Налог». Вкладки «Налоги и право», «Чего не знаем» (список вопросов продавцу — одна из главных функций сайта) и «Источники» оставались за краем экрана, и узнать о них можно было, только если догадаться пролистать строку вбок.On a phone the tabs sat in one horizontally scrolling row: only 3 of 6 were fully visible («Overview», «Rental», «Project and operator»), with a fragment «Tax» of the fourth. «Tax and law», «What we don't know» (the list of questions for the seller — one of the site's key features) and «Sources» stayed off-screen; you only found them if you guessed to swipe the row sideways.
Как решилиHow it was solved
- На телефоне вкладки — сетка 3 × 2 в стиле переключателей сайта («Проекты | Юниты», «Список | Карта»): все шесть видны сразу, выбранная — тёмная.On a phone the tabs are a 3 × 2 grid in the style of the site's other switches («Projects | Units», «List | Map»): all six visible at once, the selected one dark.
- Каждая вкладка высотой 44 px — стандарт размера касания.Each tab is 44 px tall — the touch-target standard.
- Короткие подписи на телефоне: «Проект», «Налоги»; полные («Проект и оператор», «Налоги и право») — на компьютере, где вкладки по-прежнему в одну строку.Short labels on a phone: «Project», «Tax»; the full ones («Project and operator», «Tax and law») stay on desktop, where the tabs are still one row.
- Итог: на телефоне видны 6 вкладок из 6 вместо 3; строка вкладок стала выше на 50 px.Result: 6 of 6 tabs visible on a phone instead of 3; the tab area is 50 px taller.
До и послеBefore and after
