Переверстка
May 13, 2024

Переверстка таблицы про рэнкинг банков 

Было

Проблемы

  1. В таблице отсутствует группировка. Даже номер лицензии занимает отдельную колонку. Чем больше колонок, тем тяжелее таблица на первый взгляд. К тому же при группировке таблицей будет удобно пользоваться, схожая информация будет находиться рядом.
  2. Двухуровневая шапка тоже усложняет таблицу. Можно попробовать избавиться.
  3. Много вертикальных заголовков. Неудобно читать.
  4. Может быть не понятно, что такое МСБ.

Решения

Стало

Рейтинг

Место в рэнкинге и рейтинг кредитоспособности решают одну задачу — помогают оценить насколько банку можно доверять. Поэтому я их объединил.

Чтобы убрать вертикальную надпись о рейтинге, я вынес ее под заголовок.

А в заголовке расшифровал МСБ.

Заменил слово «рейтинг» на «надежность». Потому что слово рейтинг не несет в себе ничего, «рейтинг: ruAAA» выглядит так, будто ruAAA это название какого-то рейтинга. А слово «надежность» раскрывает суть этого рейтинга — показать насколько банку можно доверять при займе. Если хочется ознакомиться с расшифровкой, то все гуглится по запросу «надежность ruAAA».

Чтобы убрать информацию о предыдущем годе из отдельной колонки — показал сдвиг в рейтинге верхним индексом. Может это не так очевидно как было, но из контекста понятно, что сравнивается 2019 и 2018 год. Если таблица вне контекста, можно добавить в заголовок число 2019.

Банки и номер лицензии

Убрал юридические «ПАО» и т.п. Возможно это будет кому-то интересно, но кажется, что для удобства лучше убрать.

Добавил логотипы, которые небольшие, но как пятна считываются и работают на узнавание.

Номер лицензии убрал под банк, чтобы не распирать таблицу.

Деньги

Зачем нам нужна эта информация? Чтобы узнать сколько денег щас и оценить как изменились значения по сравнению с предыдущим годом

Поэтому я ее собрал в одно пятно, не разделяя на ячейки

Слева крупная цифра с портфелем на текущий год, потому что она самая важная. К тому же само по себе число есть визуализация. Просто по его размеру видно у кого намного больше денег. А остальные числа легко сравнить

Справа информация об изменении портфеля и точная цифра за предыдущий год

Версия Игоря

Можно использовать ее как горизонтальную версию таблицы. Все понятно и аккуратно. В заголовке красиво показано графическое обозначение для разных годов. А сам заголовок выглядит легким. Но для сохранения легкости появилась сноска.

Я изначально хотел сделать что-то такое, но потом решил попробовать большие цифры, после чего всеми силами пытался их сохранить и не делать отдельную колонку для 2018 года. Из-за этого у меня дольше надо понимать где текущий, а где прошлый год. Но если начать пользоваться таблицей по назначению, то все быстро станет ясно.