Лот на телефоне: два действия в одну строку, 44 pxA lot on a phone: two actions on one line, 44 px
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор на странице лота на телефоне уверенно нажимает «Объявление продавца» и «+ сравнить» и быстрее доходит до фактов лота.An investor on a lot page on a phone taps «Seller's listing» and «+ compare» with confidence and reaches the lot's facts sooner.
ЗадачаProblem
Кнопка «Добавить к сравнению» была 34 px в высоту — меньше принятых 44 px для касания пальцем. «Открыть объявление у продавца (сайт)» занимала всю ширину в две строки, а сравнение стояло отдельной строкой ниже. Вкладки лота начинались на 542 px из 844.The «Add to compare» button was 34 px tall — under the usual 44 px touch target. «Open the listing on the seller's site (site)» took the full width in two lines, and compare sat on a line of its own below. The lot's tabs started at 542 px of 844.
Как решилиHow it was solved
- На телефоне «Объявление продавца» (сайт продавца мелко под подписью) и «+ сравнить» — рядом, в одну строку, обе 44 px.On a phone «Seller's listing» (the seller's site small below) and «+ compare» stand side by side, both 44 px.
- Подписи — как у кнопок в таблицах юнитов: «+ сравнить» / «✓ в сравнении».Labels as on the units-table buttons: «+ compare» / «✓ comparing».
- Вкладки поднялись на 53 px (542 → 489 px). На компьютере — без изменений: «Открыть объявление у продавца (сайт)», «Добавить к сравнению».The tabs moved up by 53 px (542 → 489 px). On a computer nothing changes: «Open the listing on the seller's site (site)», «Add to compare».
До и послеBefore and after
