Домашка про таблицу совместимости

[Andrew Shapiro]

Ситуация: таблица никуда не годится.
Задача: сделать хорошо.

[Denis Fadeev]

Задача: показать информацию более понятно и удобно, не увеличивая количества чернил и бумаги. Носитель все тот-же — черно-белая книга.
Особенно не нравится повторяемость данных, таблица симметрична относительно диагонали. Пока не придумал, как исправить.
Для начала так.

[Andrew Shapiro]

Кстати, вот здесь классно Processing использовать. Вот какая идея исходя из твоей визуализации. Видно, что некоторые группы продуктов ютятся друг к дружке, они совместимы и хотят друг с другом «дружить» — тёмные пятна. Что если выбрать пространственное расстояние, близость, за мерило совместимости. Тогда можно попытаться выстроить схему из кластеров названий: совместимые стоят рядом, несовместимые в удалении. Те редкие варианты, что выбьются из схемы, можно подписать или отметить отдельно.

Заносим таблицу в Процессинг, делаем быстро алгоритм, по которому участники схемы взаимно притягиваются или  отталкиваются в зависимости от данных, пока все условия не будут учтены. Смотрим что получилось (если вообще сойдётся), делаем итоговую схему с или без пометок или списываем метод/алгоритм и думаем дальше.

-

Андрей Шапиро

18.02.2012, в 22:58, Denis Fadeev написал(а):

Задача: показать информацию более понятно и удобно, не увеличивая количества чернил и бумаги. Носитель все тот-же — черно-белая книга.
Особенно не нравится повторяемость данных, таблица симметрична относительно диагонали. Пока не придумал, как исправить.
Для начала так.

<Food-Compatibility-Table.png>

[Denis Fadeev]

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

[Andrew Shapiro]

Тогда следующий шаг такой:

Далее я бы сделал кругляки разным размером — максимальный у совместимых, и можно уже их в приятный зелёный окрасить. Несовместимые хорошо оставить безжизненно бесцветными. И у них будут небольшие точки. Не беда если большие кругляки будут чуть налезать друг на друга. Будут такие шлейфы. Сразу станет видно, что зелень почти со всем совместима, а мясо вообще мало с чем сочетается.

-

Андрей Шапиро

18.02.2012, в 22:58, Denis Fadeev написал(а):

Задача: показать информацию более понятно и удобно, не увеличивая количества чернил и бумаги. Носитель все тот-же — черно-белая книга.
Особенно не нравится повторяемость данных, таблица симметрична относительно диагонали. Пока не придумал, как исправить.
Для начала так.

<Food-Compatibility-Table.png>

[Владимир Кузнецов]

Мне так же сразу захотелось избавиться от второй половины матрицы.
Дублирование ускорит поиск для очень большого перечня. Но в нашем
случае для 27 типов оно лишнее, с моей точки зрения.

Потом я посмотрел на предыдущие диаграммы и мне захотелось
уменьшить количество градаций серого, так как с ходу не отличишь
2 от 3 и 3 от 4, если их не ставить рядом.

Сначала я попробовал не рисовать маркеры для 1 вообще. Стало
лучше, но в некоторых частях «потерялась» ритмичность таблицы из-за
больших дырок.

Отказался от легенды.

Пересортировал некоторые строки, чтобы точки совместимости (5)
расположились плотнее друг к другу (простоквашу и сыр поменял местами;
перекомпоновал строки сало, масло, сметана). Надеюсь ничего
не перепутал со значениями.

http://jsfiddle.net/mistakster/UNDqA/embedded/result/

[Владимир Кузнецов]

В jsfiddle ещё пресортировал фрукты опять, чтобы точки отличной
совместимости были плотнее друг к другу.

[Владимир Кузнецов]

Реплики в твиттере и тестирование на случайных людях показало, что
мало кто понимает что означают кружки.
Было даже предположение, что «черное — это очень плохо». Добавил
легенду в подвал.

[Denis Fadeev]

Есть подозрение, что этим вообще слёту не воспользоваться. Таблица в обычном виде — это привычно. Здесь Надо еще сообразить, как найти нужное. Можно подсказать хотя бы направление. Легенда хоть и плоха сама по себе, но в подвале сереньким она не заметна. Информация о том, что хорошо, а что плохо нужна раньше, чем сама таблица. И она (легенда) сама по себе намекает, как пользоваться таблицей.

19 февраля 2012 г. 17:15 пользователь Владимир Кузнецов <mista...@gmail.com> написал:

[Andrew Shapiro]

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

-

Андрей Шапиро

19.02.2012, в 17:47, Denis Fadeev написал(а):

[Denis Fadeev]

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

Как-то так?

[Andrew Shapiro]

Я вот о чём ↓

Но у меня тоже неудачно выбраны примеры: оба показывают частный случай, когда точка лежит рядом с обозначением осей. Надо показать один из примеров внутри гущи точек.

Ну и с цветом веселее. =)

-

Андрей Шапиро

19.02.2012, в 18:57, Denis Fadeev написал(а):

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

Как-то так?

<Food-Compatibility-Table.png>

[Андрей Энч]

Эцсамое, а есть ограничения по формату? Скажем, сделать таблицу не для
книжки, а по формату журнального разворота.

[Denis Fadeev]

Нет. Я выбирал ч/б книгу,  потому что так было изначально. Можно сделать хоть интерактивный вариант.

19.02.2012 23:33 пользователь "Андрей Энч" <capta...@yandex.ru> написал:

[denswor]

не совсем ответ на вопрос, но несколько по этой теме:

http://ria.ru/infografika/20120711/696963329.html

[Алексей Кулаков]

> не совсем ответ на вопрос, но несколько по этой теме:
> http://ria.ru/infografika/20120711/696963329.html

Я почему-то даже не думал в сторону интерактива. А прием действительно
классный, если не для печатных вариантов!

--
Алексей К.