Каталог источников на телефоне — адреса во всю ширину строкиSource catalogue on a phone — addresses use the full row width
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор, который на телефоне раскрывает «N URL» у домена, чтобы проверить, откуда взяты факты, читает адреса страниц без лишних переносов и сразу видит, где кончается один адрес и начинается следующий.An investor who opens «N URLs» for a domain on a phone to check where the facts come from reads the page addresses without needless line breaks and sees at once where one address ends and the next begins.
ЗадачаProblem
На телефоне список адресов под «N URL» начинался с отступом 40 px и маркером «•», правее текста «N URL». Длинные адреса переносились: на 320 px самый длинный занимал 7 строк, 4 строки и больше — 110 из 266 адресов, всего 868 строк; на 390 px — до 6 строк, 4 и больше — у 34 адресов, всего 680 строк (в обоих языках одинаково).On a phone the address list under «N URLs» started with a 40 px indent and a «•» bullet, to the right of the «N URLs» text. Long addresses wrapped: at 320 px the longest took 7 lines, 110 of the 266 addresses took 4 lines or more, 868 lines in total; at 390 px up to 6 lines, 34 addresses took 4 or more, 680 lines in total (the same in both languages).
Как решилиHow it was solved
- Адреса начинаются на одной вертикали с текстом «N URL» (8 px от края — место для рамки фокуса), без маркера, между адресами 4 px. На 320 px самый длинный адрес — 6 строк вместо 7, 4 строки и больше — у 72 адресов вместо 110, всего 768 строк вместо 868; короче стали 100 адресов. На 390 px 4 строки и больше — у 21 адреса вместо 34, всего 625 строк вместо 680; короче стали 55 адресов. Длиннее не стал ни один.Addresses start on the same vertical line as the «N URLs» text (8 px from the edge — room for the focus ring), with no bullet and 4 px between addresses. At 320 px the longest address takes 6 lines instead of 7, 72 addresses take 4 lines or more instead of 110, 768 lines in total instead of 868; 100 addresses got shorter. At 390 px 21 addresses take 4 lines or more instead of 34, 625 lines in total instead of 680; 55 addresses got shorter. None got longer.
- Со всеми раскрытыми списками каталог стал короче: на 320 px — на 1 485 px, на 390 px — на 513 px (оба языка). В закрытом виде высота и ширина не изменились; рамка фокуса у адресов видна целиком, как раньше. На компьютере каталог — таблица со списком с маркерами, как раньше.With all lists opened the catalogue got shorter: by 1,485 px at 320 px and by 513 px at 390 px (both languages). With the lists closed the height and width are unchanged; the focus ring of the addresses is shown in full as before. On a computer the catalogue is a table with a bulleted list as before.
До и послеBefore and after
