Внимание к мелочам. Сегодня мы поговорим о том, как можно улучшить наш любимый Хабр. А начнем мы, как ни странно, с мелочей – например, с иконки «translation»:

Летом прошлого года прошло замечательное событие — EPAM Software Engineering Conference'2006.

Из официального пресс-релиза:

В мероприятии приняло участие более 300 сотрудников компании из пяти стран, в которых находятся центры разработки EPAM Systems. В течение двух дней прозвучало более 40 докладов, охвативших широкий спектр тем: управление проектами, управление качеством, вопросы интеграции приложений, бизнес-анализ, управление требованиями заказчика, вертикальные решения, применение многократно используемых компонентов и т.д.

Конференция прошла «на ура».

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

Известный в СНГ и за его пределами дизайнер, основатель Дизайн-бюро и Учебного центра Артема Горбунова

Артем Горбунов

с 20 по 23 августа 2007 года проведет в Киеве тренинг

«Пользовательский интерфейс
и представление информации»

Ниже представлен перевод статьи Peter Morville, одного из авторов книги «Информационная архитектура в сети Интернет», руководителя и основателя SemanticStudios. Автор рассуждает о том, чем стал авторитет в сегодняшнем интернет мире. Статья 2005 года, но мне кажется вполне актуальная.

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

В старые добрые времена, еще не так давно, термин "авторитетность" использовался в качестве критерия оценки печатных изданий, чаще всего, библиотекарями. Помимо достоверности, объективности и актуальности источника, оценивалась его авторитетность. Кто автор? Какое издательство? Что известно об их престиже, компетентности и репутации? Редактировалась ли книга? Рецензировалась ли она? Можно ли ее считать авторитетным источником?

Но затем понятие "авторитет" попало в лапы пользователей Technorati, где быстро потеряло свое первоначальное значение, затерявшись в густой каше из достоверностей, популярностей, мощностей, надежностей и релевантностей. В буйстве семантической анархии этими словами разбрасывались направо и налево.

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

Информационный дизайн это типографика

В 1969 году, Эмиль Рудер, знаменитый швейцарский типограф, написал о современных ему материалах для печати то, что мы могли бы легко сказать о наших современных веб-сайтах:

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

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

Проблема: чтобы «прочитать» обычную столбиковую диаграмму, приходится дополнительно искать ключ её пониманию — читать подпись навроде «меньше значит лучше».

Ниразу не символично и, как следствие, замедляет восприятие и чревато ошибками. А ведь диаграммы и созданы как раз для того чтобы предоставлять информацию на этом символическом уровне, а не заставлять читать текст (привет таблицам). Таким образом, эти сопроводительные надписи противоречат самой идее диаграммы.

Дополнительная трудность состоит в том, что если диаграмм собралось в одном месте много, становится трудно переключаться между противоположными полаганиями: «чем меньше, тем лучше» и «чем больше, тем лучше».


(копия изображения)

Задача: на символическом уровне показать кто выигрывает, а кто проигрывает (в какой стороне хорошо, а в какой плохо).

При представлении цифровых данных тот, кто хорошо умеет строить диаграммы, имеет решающее преимущество перед тем, что этого делать не умеет.

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

Джин Желязны в своей книге «Говори на языке диаграмм» предложил весьма забавное упражнение, с помощью которого можно оценить насколько эффективно (или неэффективно) та или иная форма диграммы может представлять лежащие за ней данные.

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

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

Go, go, go!

На восприятие слайда у аудитории есть максимум 10—15 секунд. Если за это время информация не поступит в мозг, то слайд бесполезен. Параллельные списки как раз позволяют сократить время восприятия текста.

Давайте рассмотрим пример:

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

Далее следует простой формализованный алгоритм как проиллюстрировать данные диаграммой. Вкратце, он таков:

           Идея → Тип сравнения → Тип диаграммы

 

Ищем идею

Идея есть сама суть того что мы собираемся рассказать пользователю при помощи диаграммы. Рождается либо «сама», в результате обнаружения зависимости, либо «от ума», когда хочется подтвердить свои мысли, идеи, свой образ жизни на протяжении последней пары лет, а может даже — о ужас! — что-то внушить целевой аудитории; тут уж как у кого получится :-)

Если ввести в Google слово «Инфографика», то первым в выдаче можно увидеть ссылку на сайт «РИА НОВОСТИ». Действительно, это агентство делает много инфографических штуковин на самые разные темы, начиная от описания штурмовика Су-25 до первой помощи при обморожении. Все их можно покупать по доступным ценам для дальнейшего использования. Большинство из этих творений — чудесные примеры дизайнерской беспомощности в попытках наглядно и логично отобразить информацию.

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

Мы продолжаем регистрацию на бесплатный интернет-семинар (вебинар) по теме «Манипулятивная диаграммология», а сегодня расскажем об очередных приемах подачи диаграмм.

В современном мире капитализма «рост» — понятие весьма относительное.

Посмотрим на это через призму диаграмм: вот торговое предприятие, у которого открываются новые торговые точки. Казалось бы, надо радоваться!

В 1930х годах профессор Отто Нойрат (Otto Neurath) возглавлял команду талантливых специалистов, разработавших систему визуальной презентации данных — Isotype. Они создали так называемый международный изобразительный язык, использующий самоочевидные символы, основанные на научном смысле и психологических экспериментах.

Isotype является прародителем всех современных пиктограмм, но благодаря научно-практическому подходу к своему созданию, обладает свойствами простоты и однозначности дизайна.

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

http://nordisk.pp.ru/design/22/

Вот на этом сайте можно посмотреть сканы книжек с примерами использования. Нажмите там на кнопку Back, чтобы перейти к списку дополнительных ресурсов по Изотайпу.

http://www.fulltable.com/iso/menu.htm

А вот картинка

A. S. C. Ehrenberg в 1977 году написал и прочитал перед английским Королевским статистическим обществомхорошую и полезную статью о дизайне таблиц: Rudiments of Numeracy. Он привел 6 простых правил как улучшить читаемость,легкость анализа табличных данных и привлекательность таблицы в целом.

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

Не так



А так



Остальное резюме моей записи тут
http://nordisk.pp.ru/design/41/
или под катом

Лица Чернова (Chernoff Faces) — это схема визуального представления мультивариативных данных в виде человеческого лица. Каждая часть лица: нос, глаза, рот — представляет собой значение определенной переменной, назначенной для этой части (всего 18).

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



В 1981 году Бернард Флури и Ганс Ридвил (Bernhard Flury and Hans Riedwyl) улучшили концепцию и добавили лицам Чернова асимметрию. Таким образом количество переменных увеличилось вдвое — до 36.

Итак, каждое лицо — это массив из 18 элементов, каждый из которых принимает значение от 0 до 1. Значению соответствует внешний вид соответствующей части лица. Параметры исследуемых объектов приводятся к этим значениям. Экстремумы реальных данных будут приняты как 0 и 1. Все остальное — лежащим в этом промежутке. По полученному массиву конструируется лицо.

Описание параметров лица и примеры их использования в моей записи тут
nordisk.pp.ru/design/44

или под катом

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

В маркетинге есть понятие «демаркетинга», действий направленных на снижение спроса. Компания может извлечь из этого выгоду в определенных условиях. Аналогом демаркетинга для решения задач уменьшения доступности данных является антидизайн.

Антидизайн — это не просто игнорирование или незнание законов дизайна. Это сознательное их несоблюдение для извлечения выгоды.

Вот, например, в полном соответствии с законом «1 + 1 = 3», предупреждение о вреде курения становится нечитаемым месивом. Глаз его просто будет игнорировать. Это конечно идет на руку производителям сигарет.



Еще примеры и рассуждения в моем посте тут
nordisk.pp.ru/design/45

или с некоторыми изменениями под катом

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

Я подумал, что для такого графика можно попробовать перевернуть шкалу. Поэтому я нарисовал вот такую картинку и стал показывать коллегам:



Я демонстрировал график человеку и спрашивал: «Какой результат лучше?»

Потом я спрашивал: «Какой результат хуже?»

И, наконец: «Почему ты так решил?»

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

Ответы под катом, а в этом посте более длинная трепотня по теме опроса коллег
nordisk.pp.ru/design/53

[Уже появилась и Часть 3]

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

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

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

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

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

В этой статье я начну с разбора очевидных, прямых и явных способов антидизайна.

1. Кодирование

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



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

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



Дальше — под катом.

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

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

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

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

1. Механические препятствия

Когда человек читает книгу и видит на одной странице график вместе с описанием, ему не надо использовать свою память. Если же перенести график на другую страницу, человеку придется листать книгу туда-сюда, чтобы проверить его на соответствие описанию. Таким образом можно спрятать небольшие неточности в одном или другом.

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



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

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

Мини-пост в выходные :)

В Envisioning Information у Тафти был пример про цветовое кодирование.

У всех в школе ведь была геометрия? Вспомните, как выглядели все теоремы в учебнике? Примерно вот так:



В 1847 году Оливер Бирн, школьный учитель математики, гм… раскрасил шесть классических книг Евклида о геометрии. Вышло так:



Я покопался в интернетах, нашел отсканированные страницы этой книги и сделал из них PDF. Можно скачать, если кому не жалко 85 Мб трафика.

nordisk.pp.ru/on-line/files/+blog/83140BAF-4151-44E0-8DC7-C4D1D1BBDF7A/euclid_byrne.pdf