Блог компании Taucraft Limited → Компания Taucraft. Инфографика
Мы хотим рассказать о нашей компании, об условиях работы, процессах и флагманском продукте. Зачем вам это надо знать? Нам в Минске нужно несколько отличных разработчиков. Но отличные разработчики не особенно интересуются открытыми вакансиями. Поэтому мы хотим найти людей, которым подходит именно наша компания. Так что никакой рекламы, голая правда и и цифры.
Блог компании Winter Night → Not another social network или о том, как мы решили создать свою социальную сеть (Часть 2 – организация информационного пространства на новостных порталах)
В начале хотелось бы поблагодарить всех, кто заинтересовался нашим проектом и присоединился к нам. Как и было обещано в прошлом посте, мы продолжаем прямую трансляцию с разработок социальной сети новостей.
В этом обзоре мы рассмотрим проблемы организации информации на крупных новостных порталах. Поводом для этого поста послужил комментарий от claustrofob:
"Меня всегда интересовало, чем руководствуются дизайнеры и разработчики, когда делают на главной мешанину из маленьких блоков со статьями. Я, когда захожу на такой сайт, у меня голова болеть начинает, информация размазана по всей странице, я не знаю на чём сконцентрироваться. И это касается практически любого новостного сайта.
Скажите, это правда удобно, этим пользуются? Есть какие-то исследования на эту тему?"
Этот комментарий заставил нас задуматься над тем, как вообще новостные порталы могут размещать информацию.
В этом обзоре мы рассмотрим проблемы организации информации на крупных новостных порталах. Поводом для этого поста послужил комментарий от claustrofob:
"Меня всегда интересовало, чем руководствуются дизайнеры и разработчики, когда делают на главной мешанину из маленьких блоков со статьями. Я, когда захожу на такой сайт, у меня голова болеть начинает, информация размазана по всей странице, я не знаю на чём сконцентрироваться. И это касается практически любого новостного сайта.
Скажите, это правда удобно, этим пользуются? Есть какие-то исследования на эту тему?"
Этот комментарий заставил нас задуматься над тем, как вообще новостные порталы могут размещать информацию.
Инфодизайн в IT → Магазин виджетов с информационной и новостной графикой для интернет-изданий
Дизайн-бюро Артёма Горбунова открыло сайт infograms.ru через который будут распространятся инфограммы — интерактивные диаграммы на Flash, каждая на свою тему. Такую инфограмму можно безвозмездно вставить в личный блог; для коллективных блогов, форумов и СМИ это стоит 1000 руб./штука.
Вот скриншот первой ласточки (извините, тысячи на флэшку не нашлось):

Говорит и показывает Артём Горбунов:
Вот скриншот первой ласточки (извините, тысячи на флэшку не нашлось):
Говорит и показывает Артём Горбунов:
Эту инфографику мы сделали в виде виджета, который можно вставить на сайт издания в статью вместо иллюстрации. Это первый продукт в магазине инфограмм который мы открываем через несколько часов и это будет первым продуктом который выйдет здесь. Дальше, начиная с 15 января, мы будем выпускать по три инфограммы в неделю, дальше будем наращивать это количество. Сейчас интерактивная инфографика — это достаточно горячая тема, наилучшие вещи сейчас происходят на Западе, в газете, например, “Нью-Йорк Таймс” — там делаются совершенно сумашедшие вещи. Мы хотим чтобы на сайтах наших изданий и СМИ появился тоже такой формат.
Мы работаем с информационными партнёрами, первым из которых стал Фонд “Общественное Мнение”. Вместе с ними мы будем делать инфографику в разрезе социологии на самые разные темы: политика, общество… на более популярные, скорее научно-популярные темы. Например у нас будут вещи связанные с научной визуализацией… рассказать людям чуть больше о том что такое грипп, как он работает, почему он свиной, козий и так далее. Другим партнёром является “Фонд дикой природы” и совместно с журналом National Geographic мы делаем инфографику на тему сохранения тигров.
Дизайн в IT → Антидизайн. Часть 3 (последняя). Неочевидные приемы
Дизайн — это не только оформление, но и конструирование решения определенной задачи. Хороший дизайнер может предсказать поведение потребителей своего продукта. Он сделает его не только красивым, но так же удобным для пользования. В необходимых местах он расставит подсказки, предотвратит неверное использование. Поэтому дизайн связан с психологией и поведением, а дизайнер фактически программирует возможные пути хода мысли потребителя.
Но только ли о потребителе может беспокоиться дизайнер? Ведь у него есть заказчики, которые преследуют собственные цели, да и сам дизайнер — тоже человек. У него есть потребности, он хочет денег, спокойствия безопасности. Хороший дизайнер — это хороший психолог, умеющий манипулировать людским поведением. Ему ничего не стоит встать на темную сторону силы, и применять свои навыки не для решения настоящих проблем, но для извлечения корыстной выгоды, обогащения за счет окружающей среды, нашего с вами кошелька и здоровья.
В прошлых статьях (1, 2) я показал как антидизайн — применение законов дизайна для извлечения выгоды нечестным путем — может приводить к созданию лжи, манипуляций общественным мнением, созданию целых «индустрий-кровососов», кормящихся за счет усложнения нашей жизни.
В этой статье я расскажу о неочевидных приемах антидизайна. Они берут корни из очевидных приемов, описанных ранее, и в моих примерах будут скорее казаться психологическими, чем оформительскими. Но на то они и неочевидные, чтобы мимикрировать и всплывать в самых неожиданных ситуациях и продуктах.
Когда человек читает книгу и видит на одной странице график вместе с описанием, ему не надо использовать свою память. Если же перенести график на другую страницу, человеку придется листать книгу туда-сюда, чтобы проверить его на соответствие описанию. Таким образом можно спрятать небольшие неточности в одном или другом.
В бизнесе часто искусственные препятствия воздвигаются, когда надо придушить какой-то продукт. Допустим, компания купила конкурирующую СУБД, и чтобы придушить ее популярность, прячет техническую документацию подальше на своем сайте, прикрыв ворохом уверений в продолжении поддержки и ценности доставшихся им пользователей. Только самые стойкие поклонники такой СУБД преодолеют все трудности, чтобы продолжить пользоваться любимым продуктом.

Одно время прайсы операторов мобильной связи были похожи на договоры о заклании души. Количество сносок и сносок к сноскам зашкаливало. Конечно же чтобы прочитать примечание надо было перевернуть лист, а потом еще и разглядеть мизерные буковки, которыми оно было набрано.
Если такой прием плохо спрятать, то он все еще кажется очевидным. Перейдем к более хитрым штукам. Они под катом
Но только ли о потребителе может беспокоиться дизайнер? Ведь у него есть заказчики, которые преследуют собственные цели, да и сам дизайнер — тоже человек. У него есть потребности, он хочет денег, спокойствия безопасности. Хороший дизайнер — это хороший психолог, умеющий манипулировать людским поведением. Ему ничего не стоит встать на темную сторону силы, и применять свои навыки не для решения настоящих проблем, но для извлечения корыстной выгоды, обогащения за счет окружающей среды, нашего с вами кошелька и здоровья.
В прошлых статьях (1, 2) я показал как антидизайн — применение законов дизайна для извлечения выгоды нечестным путем — может приводить к созданию лжи, манипуляций общественным мнением, созданию целых «индустрий-кровососов», кормящихся за счет усложнения нашей жизни.
В этой статье я расскажу о неочевидных приемах антидизайна. Они берут корни из очевидных приемов, описанных ранее, и в моих примерах будут скорее казаться психологическими, чем оформительскими. Но на то они и неочевидные, чтобы мимикрировать и всплывать в самых неожиданных ситуациях и продуктах.
1. Механические препятствия
Когда человек читает книгу и видит на одной странице график вместе с описанием, ему не надо использовать свою память. Если же перенести график на другую страницу, человеку придется листать книгу туда-сюда, чтобы проверить его на соответствие описанию. Таким образом можно спрятать небольшие неточности в одном или другом.
В бизнесе часто искусственные препятствия воздвигаются, когда надо придушить какой-то продукт. Допустим, компания купила конкурирующую СУБД, и чтобы придушить ее популярность, прячет техническую документацию подальше на своем сайте, прикрыв ворохом уверений в продолжении поддержки и ценности доставшихся им пользователей. Только самые стойкие поклонники такой СУБД преодолеют все трудности, чтобы продолжить пользоваться любимым продуктом.

Одно время прайсы операторов мобильной связи были похожи на договоры о заклании души. Количество сносок и сносок к сноскам зашкаливало. Конечно же чтобы прочитать примечание надо было перевернуть лист, а потом еще и разглядеть мизерные буковки, которыми оно было набрано.
Если такой прием плохо спрятать, то он все еще кажется очевидным. Перейдем к более хитрым штукам. Они под катом
Дизайн в IT → Антидизайн. Часть 2. Очевидные приемы
[Уже появилась и Часть 3]
Дизайнеры всегда стремятся улучшить свою работу. Профессионалы непрерывно учатся, общаются, стремятся узнать новые идеи — все это помогает решать проблемы людей более правильно, быстро и качественно.
Но что, если не все дизайнеры применяют свое мастерство для решения проблем, которые мы считаем достойными? Что если не все стараются облегчить доступ к информации, упорядочить ее, красиво оформить, дать потребителю именно в том месте, где она ему нужна?
Не так давно, я написал статью под названием "Антидизайн". В ней я говорил о том, что при применяя законы дизайна наоборот различные организации специально путают людей, затрудняют восприятие информации и получают от этого прибыль.
Меня волнует эта тема. Я решил развить ее и в следующих статьях покажу основные приемы антидизайна. Заметив их в обычной жизни, вы можете догаться что это не просто кривизна чьих-то рук, но осознаваемый умысел. Возможно, вы заметите как вас хотят запутать, смутить, пытаются манипулировать вами.
В этой статье я начну с разбора очевидных, прямых и явных способов антидизайна.
Самым простым путем ограничить доступ к информации является кодирование. Его неуместное применение в несколько тысяч миллионов раз замедлит усвоение и восприятие информации. Сделает невозможным ее анализ.

Когда люди сталкиваются с отказом в визе, они видят только свой паспорт с каким-то штампом и буквами. Существует сразу несколько мнений о том что значат эти буквы: просто тип визы или зашифрованная причина отказа. Некоторые конторы даже умудряются получать деньги за трактовку кодов посольств.
Но на этом примере мы видим простое отсутствие расшифровки кодов. Антидизайн же применяется когда вся необходимая информация должна быть человеку предоставлена. Тут, на «помощь» может прийти способ кодирования и форма расположения самих закодированных данных.

Дальше — под катом.
Дизайнеры всегда стремятся улучшить свою работу. Профессионалы непрерывно учатся, общаются, стремятся узнать новые идеи — все это помогает решать проблемы людей более правильно, быстро и качественно.
Но что, если не все дизайнеры применяют свое мастерство для решения проблем, которые мы считаем достойными? Что если не все стараются облегчить доступ к информации, упорядочить ее, красиво оформить, дать потребителю именно в том месте, где она ему нужна?
Не так давно, я написал статью под названием "Антидизайн". В ней я говорил о том, что при применяя законы дизайна наоборот различные организации специально путают людей, затрудняют восприятие информации и получают от этого прибыль.
Антидизайн — (здесь) намеренное усложнение доступа к информации, которая обязана быть открытой, с целью получения выгоды.
Меня волнует эта тема. Я решил развить ее и в следующих статьях покажу основные приемы антидизайна. Заметив их в обычной жизни, вы можете догаться что это не просто кривизна чьих-то рук, но осознаваемый умысел. Возможно, вы заметите как вас хотят запутать, смутить, пытаются манипулировать вами.
В этой статье я начну с разбора очевидных, прямых и явных способов антидизайна.
1. Кодирование
Самым простым путем ограничить доступ к информации является кодирование. Его неуместное применение в несколько тысяч миллионов раз замедлит усвоение и восприятие информации. Сделает невозможным ее анализ.

Когда люди сталкиваются с отказом в визе, они видят только свой паспорт с каким-то штампом и буквами. Существует сразу несколько мнений о том что значат эти буквы: просто тип визы или зашифрованная причина отказа. Некоторые конторы даже умудряются получать деньги за трактовку кодов посольств.
Но на этом примере мы видим простое отсутствие расшифровки кодов. Антидизайн же применяется когда вся необходимая информация должна быть человеку предоставлена. Тут, на «помощь» может прийти способ кодирования и форма расположения самих закодированных данных.

Дальше — под катом.
Дизайн в IT → Антидизайн
Цель — получение прибыли — может быть достигнута как действиями, которые мы привыкли воспринимать «со знаком плюс», так и такими, которые мы видим «со знаком минус».
В маркетинге есть понятие «демаркетинга», действий направленных на снижение спроса. Компания может извлечь из этого выгоду в определенных условиях. Аналогом демаркетинга для решения задач уменьшения доступности данных является антидизайн.
Антидизайн — это не просто игнорирование или незнание законов дизайна. Это сознательное их несоблюдение для извлечения выгоды.
Вот, например, в полном соответствии с законом «1 + 1 = 3», предупреждение о вреде курения становится нечитаемым месивом. Глаз его просто будет игнорировать. Это конечно идет на руку производителям сигарет.

Еще примеры и рассуждения в моем посте тут
nordisk.pp.ru/design/45/
или с некоторыми изменениями под катом
В маркетинге есть понятие «демаркетинга», действий направленных на снижение спроса. Компания может извлечь из этого выгоду в определенных условиях. Аналогом демаркетинга для решения задач уменьшения доступности данных является антидизайн.
Антидизайн — это не просто игнорирование или незнание законов дизайна. Это сознательное их несоблюдение для извлечения выгоды.
Вот, например, в полном соответствии с законом «1 + 1 = 3», предупреждение о вреде курения становится нечитаемым месивом. Глаз его просто будет игнорировать. Это конечно идет на руку производителям сигарет.

Еще примеры и рассуждения в моем посте тут
nordisk.pp.ru/design/45/
или с некоторыми изменениями под катом
Инфодизайн в IT → Метод представления данных «Лица Чернова» и их развитие с помощью асимметрии
Лица Чернова (Chernoff Faces) — это схема визуального представления мультивариативных данных в виде человеческого лица. Каждая часть лица: нос, глаза, рот — представляет собой значение определенной переменной, назначенной для этой части (всего 18).
Основная идея в том, что для человека очень естесственно смотреть на лица, ведь все люди делают это каждый день. Поэтому анализ данных получается эдаким «натуралистичным». Легко делать сравнения и легко выявлять отклонения. Даже блондинки смогут производить мультивариативный анализ значительного количества данных.

В 1981 году Бернард Флури и Ганс Ридвил (Bernhard Flury and Hans Riedwyl) улучшили концепцию и добавили лицам Чернова асимметрию. Таким образом количество переменных увеличилось вдвое — до 36.
Итак, каждое лицо — это массив из 18 элементов, каждый из которых принимает значение от 0 до 1. Значению соответствует внешний вид соответствующей части лица. Параметры исследуемых объектов приводятся к этим значениям. Экстремумы реальных данных будут приняты как 0 и 1. Все остальное — лежащим в этом промежутке. По полученному массиву конструируется лицо.
Описание параметров лица и примеры их использования в моей записи тут
nordisk.pp.ru/design/44/
или под катом
Основная идея в том, что для человека очень естесственно смотреть на лица, ведь все люди делают это каждый день. Поэтому анализ данных получается эдаким «натуралистичным». Легко делать сравнения и легко выявлять отклонения. Даже блондинки смогут производить мультивариативный анализ значительного количества данных.

В 1981 году Бернард Флури и Ганс Ридвил (Bernhard Flury and Hans Riedwyl) улучшили концепцию и добавили лицам Чернова асимметрию. Таким образом количество переменных увеличилось вдвое — до 36.
Итак, каждое лицо — это массив из 18 элементов, каждый из которых принимает значение от 0 до 1. Значению соответствует внешний вид соответствующей части лица. Параметры исследуемых объектов приводятся к этим значениям. Экстремумы реальных данных будут приняты как 0 и 1. Все остальное — лежащим в этом промежутке. По полученному массиву конструируется лицо.
Описание параметров лица и примеры их использования в моей записи тут
nordisk.pp.ru/design/44/
или под катом
Персональные блоги → Правила оформления табличных данных. Rudiments of Numeracy by A. S. C. Ehrenberg
A. S. C. Ehrenberg в 1977 году написал и прочитал перед английским Королевским статистическим обществомхорошую и полезную статью о дизайне таблиц: Rudiments of Numeracy. Он привел 6 простых правил как улучшить читаемость,легкость анализа табличных данных и привлекательность таблицы в целом.
1. Округлять к двум значимым цифрам. Не надо приводить в таблицах данные с большой точностью. Для задач сравнения и анализа, человеку вполнедостаточно (и будет легче) видеть только две смысловые цифры в каждом числе.
Не так

А так

Остальное резюме моей записи тут
http://nordisk.pp.ru/design/41/
или под катом
1. Округлять к двум значимым цифрам. Не надо приводить в таблицах данные с большой точностью. Для задач сравнения и анализа, человеку вполнедостаточно (и будет легче) видеть только две смысловые цифры в каждом числе.
Не так

А так

Остальное резюме моей записи тут
http://nordisk.pp.ru/design/41/
или под катом
Инфодизайн в IT → Isotype by Otto Neurath — вспомогательный визуальный язык представления данных
В 1930х годах профессор Отто Нойрат (Otto Neurath) возглавлял команду талантливых специалистов, разработавших систему визуальной презентации данных — Isotype. Они создали так называемый международный изобразительный язык, использующий самоочевидные символы, основанные на научном смысле и психологических экспериментах.
Isotype является прародителем всех современных пиктограмм, но благодаря научно-практическому подходу к своему созданию, обладает свойствами простоты и однозначности дизайна.
Вот тут мой пост со ссылками на примеры и книжку самого Нойрата, рассказывающую про идею и основы языка
http://nordisk.pp.ru/design/22/
Вот на этом сайте можно посмотреть сканы книжек с примерами использования. Нажмите там на кнопку Back, чтобы перейти к списку дополнительных ресурсов по Изотайпу.
http://www.fulltable.com/iso/menu.htm
А вот картинка
Isotype является прародителем всех современных пиктограмм, но благодаря научно-практическому подходу к своему созданию, обладает свойствами простоты и однозначности дизайна.
Вот тут мой пост со ссылками на примеры и книжку самого Нойрата, рассказывающую про идею и основы языка
http://nordisk.pp.ru/design/22/
Вот на этом сайте можно посмотреть сканы книжек с примерами использования. Нажмите там на кнопку Back, чтобы перейти к списку дополнительных ресурсов по Изотайпу.
http://www.fulltable.com/iso/menu.htm
А вот картинка
Презентации. Практика и теория. → Так оно растет или как?
Мы продолжаем регистрацию на бесплатный интернет-семинар (вебинар) по теме «Манипулятивная диаграммология», а сегодня расскажем об очередных приемах подачи диаграмм.
В современном мире капитализма «рост» — понятие весьма относительное.
Посмотрим на это через призму диаграмм: вот торговое предприятие, у которого открываются новые торговые точки. Казалось бы, надо радоваться!
В современном мире капитализма «рост» — понятие весьма относительное.
Посмотрим на это через призму диаграмм: вот торговое предприятие, у которого открываются новые торговые точки. Казалось бы, надо радоваться!