Каталог источников на планшете — адреса во всю ширинуSource catalogue on a tablet — addresses across the full width
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор на планшете (экран 641–799 px), который раскрывает «N URL» у домена, чтобы проверить, откуда взяты факты, читает адреса страниц в несколько строк, а не столбиком из обрывков.An investor on a tablet (a 641–799 px screen) who opens «N URLs» for a domain to check where the facts come from reads the page addresses in a few lines, not as a column of fragments.
ЗадачаProblem
На экране 641–799 px каталог источников был таблицей из пяти колонок, и под текст адресов оставалось 70–172 px. На 641 px самый длинный адрес занимал 22 строки (en — 14), 4 строки и больше — 255 из 266 адресов (en — 231); на 700 px — до 16 строк (en — 12); на 799 px — до 12 (en — 10), 4 и больше — 218 (en — 170). На экране 600–640 px те же адреса занимали не больше 3 строк.On a 641–799 px screen the source catalogue was a five-column table, leaving 70–172 px for the address text. At 641 px the longest address took 22 lines (Russian) / 14 (English), 255 / 231 of the 266 addresses took 4 lines or more; at 700 px up to 16 / 12 lines; at 799 px up to 12 / 10, 4 or more for 218 / 170. At 600–640 px the same addresses took at most 3 lines.
Как решилиHow it was solved
- До 799 px каждый домен — отдельный блок, как на телефоне: домен, строка «тип · N фактов · проверено», под ней «N URL» и адреса во всю ширину строки. Таблица — с 800 px. На 641–799 px ни один адрес не длиннее 3 строк (было 4 строки и больше у 170–255 адресов); всего строк адресов на 641 px — 400 вместо 2 626 (en — 400 вместо 1 648), на 799 px — 337 вместо 1 466 (en — 337 вместо 1 069). Длиннее не стал ни один адрес.Up to 799 px each domain is a block of its own, as on a phone: the domain, the «type · N facts · checked» line, then «N URLs» and the addresses across the full width. The table starts at 800 px. At 641–799 px no address takes more than 3 lines (170–255 took 4 or more); the addresses take 400 lines in total at 641 px instead of 2,626 (Russian) / 400 instead of 1,648 (English), 337 instead of 1,466 / 1,069 at 799 px. No address got longer.
- Со всеми раскрытыми списками каталог стал короче: на 641 px — на 43 277 px (en — на 22 015), на 799 px — на 19 357 (en — на 10 757). С закрытыми списками он длиннее — в 1,5–2,4 раза: на 641 px — на 3 754 px (en — на 5 898), на 799 px — на 6 511 (en — на 6 551): у каждого домена теперь друг под другом домен, строка «тип · N фактов · проверено» и кнопка «N URL» высотой 44 px. Найти домен помогают поиск и фильтр по типу над списком. До 640 px и с 800 px ничего не изменилось.With all lists opened the catalogue got shorter: by 43,277 px at 641 px (Russian) / 22,015 (English), by 19,357 / 10,757 at 799 px. With the lists closed it is 1.5–2.4 times longer: by 3,754 / 5,898 px at 641 px, by 6,511 / 6,551 at 799 px — each domain now stacks the domain, the «type · N facts · checked» line and a 44 px «N URLs» button. The domain search box and the type filter above the list help to find a domain. Nothing changed up to 640 px or from 800 px.
До и послеBefore and after
