о подаче информации, айдентике, интерфейсах и жизненной среде.
Посмотреть работы · Поддержать · Подписаться

Позднее Ctrl + ↑

Обновление графика финишей

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

Особенно интересно было пересобрать финиши. Было:

Первая проблема прошлой версии —две временные шкалы. Один ползунок и две шкалы сбивают с толку. Шкалы равнозначные, поэтому догадаться, что верхняя — относительна ко времени суток, а нижняя — абсолютная, сложно. Усугубляет порядок: сверху стоит второстепенная информация, а снизу — главная. Отсчёт от старта важнее, отсчёта от девяти утра. Плюс шкалы стоят далеко друг от друга и взгляд перепрыгивает с верхних индикаторов времени на нижние и обратно. (см. о локусе у Расскина.)

Склеиваю шкалы в одну и выделяю главное:

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

Чтобы исправить проблему поставлю время над ручкой ползунка:

Лучше, но теперь цифры над ручкой пересекаются с цифрами на шкале. Увеличиваю ручку и ставлю текущее время на неё. Дополнительный плюс — большую ручку удобнее хватать (см. закон Фитса у Раскина):

Конструкцию починил. Теперь детали. Пройденный путь слабо контрастирует с линейкой шкалы. Убираю линейку и делаю рисочки заметнее — теперь они «держат» шкалу. Путь выравниваю по высоте с рисочками.

От ползунка идёт линейка. Внутри ручки она розовая, а снаружи — чёрная, неконтрастная к графику. Два цвета для одного элемента — перебор. Объединил в один и покрасил в него же время на ползунке (см. естественное соответствие в книге Нормана):

Нижняя линейка с рисочками теперь не нужна. Убираю:

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

Метафора для Дизайн-бюро Артёма Горбунова

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

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

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

Запрыгивать на мчащийся поезд — то ещё удовольствие. Мало кто рискнёт дважды. Удача, если ковбой зацепится за вагон. Только в кино прыгают ловко и просто. В жизни «прыгуны» такого уровня водят свой поезд.

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

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

На крыше — сложнее. Теперь о постороннем присутствии уже знают, к борьбе с собой добавится борьба с маршалами и поручителями. Они привыкли передвигаться по движущемуся составу и знают техники. А герой еле справляется с ветром. Шанс что лошадь не выдохнется к этому моменту невелик — падение предвещается жёсткое.

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

Состав длинный, маршалов и поручителей клиентов достаточно, чтобы свалить на твёрдую землю.

Войти в кабину практически невозможно. Как и представить, что ждёт внутри.

Добраться до конца в состоянии только изобретательные и выносливые психологически и физически. А хорошая физическая форма ещё и при падении пригодится.

Зачем герою в кабину? Можно же из вагонов ценностей собрать. Герои играют по-крупному: люди в кабине решают куда пойдёт поезд, а с ним и весь груз. Герой хочет всё, а не набитые побрякушками карманы. К тому же не сложно найти способы набить карманы попроще.

Бесплатный логотип — 4: отзыв

Дмитрий Гринкевич, один из основателей свободного пространства «Кто такой Джон Голт?», поделился впечатлениями о участии в проекте «Бесплатный логотип»:

Спасибо Кириллу за отличный инициативный проект.

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

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

Бесплатный логотип — 4: Кто такой Джон Голт?

В начале июня мы выбрали свободное пространство «Кто такой Джон Голт?». Ребята классные, и место получается приятное.

За прошедшие две недели разработали логотип. Клиент решение не принял. Приятно было понять ещё до встречи, что нашли сильное решение, но не подходящее клиенту — почувствовали профессиональный рост.

Понимание задачи и слайды из презентации:

Принимаем заявки на «Бесплатный логотип — 5».

Конспект встречи

Не все знают о пользе конспектов встреч.

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

Да, поначалу это неудобно. С практикой станет быстрее и легче.

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

Конспектирование повышает внимание к идеям собеседника. Потому что лень бездумно строчить всё сказанное, и потом перечитывать эту гору. Удобнее понять и записать основные мысли или метко процитировать. Собеседнику тоже приятно ваше внимание.

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

Даже общаясь с друзьями и родственниками можно вести конспект. Особенно помогает при общении голосовом, когда легко отвлечься на посторонние сообщения. Запись слов собеседника заставляет на этих словах сфокусироваться.

Ранее Ctrl + ↓