x
 
Александр Сушко
25 апреля 2011

Здравствуйте, Артём.

Спрошу отдельного совета про стрелки, уж очень интересно. На картинке все разновидности, что я нашёл на странице советов.

Первые десять записей думалось мне, что цвет привязан к теме вопроса, но чем ниже я прокручивал страницу, тем меньше оставалось от этой мысли.

Мой вариант ответа: это настроение советчика (как на Вебораме). А правильный ответ какой?



Ну хорошо.

В 2007 году мы придумывали дизайн Советов. Ссылкой на ответ в списке вопросов должна была стать стрелочка. Чтобы стрелочки в ленте не были слишком одинаковыми, я решил сделать их разных весёленьких цветов, без всякого смысла:

Когда это увидел наш тогдашний технический директор Максим Попов, он выразил мне недоумение и неприкрытое разочарование. «Как это так, в бюро цвета должны что-нибудь значить!»

«Гм»,— подумал я.

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

Появились цветовые круги:

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

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

На этой картинке перекрываются триста с лишним советов, выходивших до прошлого лета. Хорошо видно, о чём нас в основном спрашивают.

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


Поделиться
Отправить

Комментарии

Александр Сушко
25 апреля 2011

Забыл спросить в совете: цвет выноски с количеством комментариев зависит от чего-то такого же интересного или от дискуссии в комментариях (чем она активнее, тем цвета ярче)?

К примеру, когда я в пятницу отправлял совет, в ленте были ещё синие выноски, сегодня только серые и тускло-синие.

Дмитрий Макаревич
25 апреля 2011

А что за совет в самом центре?

Арсений Лагутов
26 апреля 2011

Артём, а какой смысл в цветовой кодировке, если пользователь не догадывается о её значении?

Глеб Ревков
26 апреля 2011

Круто!

P. S. Нашёл на картинке свой первый совет про страховые выплаты и доходы.

P. P. S. Кстати, это ещё и один из первых советов :-)


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Почему бы не отвести часть правой стороны экрана под корзину? 13 Есть ли смысл оформлять подчеркиванием все ссылки вне основного текста? 16 11 Какую иконку придумать для кнопки вызова официанта 1




Недавно всплыло

2 2 При клике на кнопку нужно плавно прокрутить страницу к форме 2 В бюро есть таймтрекинг для сотрудников? 5