Ключ — значение

Маленькая заметка про недооцененный способ визуализации текстовой информации, который я ставлю в один ряд с таблицами, списками и т.п.

В этой небольшой статье хотел бы отметить простой, но недооцененный подход по представлению данных во всяких отчётах, достаточно универсальный и самостоятельный, чтобы выделить отдельным способом. Я его называю «ключ — значение», но может быть есть и другое название. Он хорошо работает не только с отчётами, но и различной структурированной справочной информацией, когда у нас есть набор параметров и их величин, характеристик.

На мой взгляд он должен быть таким же стандартным как таблицы, списки, графики и т.п. — и при проработке решений выбираться наравне с ними.

Выглядит он вот так (данные на картинке левые, из головы):

Соединительная линия тут очень важна, ибо помогает держать взгляд.

Чем он хорош и почему самостоятелен?

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

Во-вторых, он достаточно знаком по оглавлениям книг и документов, при этом очень хорошо распознаётся, не спорит визуально с таблицами, списками и тем более графиками.

В-третьих, хоть значения выровнены по правому краю, начало строки достаточно легко находится благодаря соединительным линиям, мы поддерживаем взгляд. Каждая пара выглядит цельно, легко идентифицируется как самостоятельная (в таблицах это даже порой сложнее, но все же сравнивать подходы на мой взгляд некорректно).

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

В-пятых, он содержит все необходимые решения для крайних, пограничных случаев, когда ключ или значение, например, очень длинные — ничто не мешает разбить их на несколько строк, и соединить линией последнюю строку ключа с первой строкой значения. А перенесенное на несколько строк значение даже выровнять по левому краю (хотя там есть технические нюансы).

Ограничения

Понятно, что есть и свои ограничения. Очень большие списки читать трудно, пестрит. Если значение представлено списком, то данный подход уже не справляется, хотя и можно попробовать элементы списка (если они короткие) поставить друг под другом.

Пример использования

Для того чтобы облегчить представление, когда этот подход полезен, приведу пример. Я использовал его в карточках объектов на морских картах — это когда тыкаешь курсором или пальцем в буй, в линию разделения трафика, в городской объект, в маяк и т.п. — и, понятно, что состав данных отличается радикально, но хочется иметь какой-то единый подход к презентации. То же касается информации по разной номенклатуре запчастей. Как я говорил, он идеально подходит для информационных отчётов (то есть read-only информации).

В общем, имейте в виду и используйте, может и пригодится.