Турция и Москва · фактыTurkey & Moscow

Каталог источников читается на телефонеThe source catalogue reads on a phone

· Открыть на сайтеOpen on the site

ЦельGoal

Инвестор хочет проверить, откуда взяты факты: сколько источников официальные, а сколько — заявления продавцов, когда их проверяли и какие страницы. Каталог источников — опора доверия к сайту, где каждый факт со ссылкой.An investor wants to check where the facts come from: how many sources are official and how many are seller claims, when they were checked and which pages. The source catalogue is what trust in a site where every fact links to its source rests on.

ЗадачаProblem

На телефоне таблица из пяти колонок не помещалась: заголовки и значения ломались по буквам («Ф а к т о в», «20 26 -10 -2 2»), строка домена занимала 127 px, страница — 13 613 px. На компьютере колонки «Фактов», «Последняя проверка» и «URL» тоже переносились. Выбрать только официальные источники было нельзя — 97 доменов подряд по алфавиту.On a phone the five-column table did not fit: headings and values broke letter by letter («F a c t s», «20 26 -10 -2 2»), a domain row took 127 px and the page 13,613 px. On desktop the «Facts», «Last checked» and «URL» columns wrapped too. There was no way to see only official sources — 97 domains in a row, alphabetically.

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

До и послеBefore and after

До: колонки ломаются по буквам / Before: columns break letter by letter
До: колонки ломаются по буквамBefore: columns break letter by letter
После: домен блоком, чипы типов / After: a block per domain, type chips
После: домен блоком, чипы типовAfter: a block per domain, type chips
Только официальные источники / Official sources only
Только официальные источникиOfficial sources only
Компьютер до: переносы в узких колонках / Desktop before: wrapping in narrow columns
Компьютер до: переносы в узких колонкахDesktop before: wrapping in narrow columns
Компьютер после / Desktop after
Компьютер послеDesktop after