Блог Владимира Кутового

Работаю в Контуре, отвечаю за дизайн Контур.Экстерна

Ctrl + ↑ Позднее

We will finish the race

25 апреля журнал Boston Magazine вышел с такой обложкой. Сильно.

Boston Magazine honors the victims of the Boston Marathon bombings with this uplifting, evocative cover featuring a heart created from the shoes of the marathon runners.

Кстати, RunKeeper призывает жертвовать средства на помощь пострадавшим при взрывах, здесь.

2013   бег   плакат

Уроки кофе

Что такое идеальный кофе

Кофе — это класс напитков, приготовленных путем экстракции веществ из зерен кофейного дерева.

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

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

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

После вкуснейшего латте в Коворкафе не могу пить череповецкий(

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

Технология экстракции такого состава веществ называется эспрессо. Именно о напитках на основе эспрессо идет речь, когда кто-то восторгается кофе.

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

2013   кофе

О тестовых заданиях для дизайнеров

Некоторые компании в вакансиях для UI/UX дизайнеров просят выполнить тестовое задание.

Я встречал, например, такое:

Возьмите любой экран нашего приложения и переделайте его. Опишите, что с ним не так.

Так вот, это плохое задание.

Что же оно делает?
Оно выявляет способность дизайнера искать ошибки в уже разработанной системе.

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

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

Поиск ошибок в решении абстрактной задачи без знания ее условий похож на профанацию.

А как правильно?
Уровень проектировщика в первую очередь характеризуется способностью правильно строить интерфейс в условиях технических и бизнес-ограничений, в разрезе целей пользователя, с учетом его сценариев.

Противоположный пример
Тестовое задание на должность дизайнера интерфейсов в Контуре предлагает кандидату придумать требования к системе самостоятельно.

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

Кстати, у нас в Контуре очень хорошо. Особенно новичкам.
Об этом хорошо написала Оля Романова.

Источник раздражения.

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

Меня просто бесит когда людей держат за идиотов.

Вот мой провайдер, Акадо-Урал, в конце января прислал письмо, что с 1 февраля повышает цены на 6%. Так и написано:

С 01.02.13 года стоимость услуг Интернет увеличивается на 6% в связи с улучшением связи. Подробности на сайте www.akado-ural.ru

Но *качество связи* они точно не могли улучшить потому что оно всегда было отличным: потери пакетов не превышали уровня, критичного для «домашнего» интернета; аварии случались раз в год и очень оперативно устранялись. За что же тогда стали брать больше денег?

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

Здравствуйте, Кутовой В. А.!
Увеличение стоимости на тарифах связано с повышаем скорость и текущей модернизацией сети.
С уважением, Дежурный сотрудник технической поддержки

Ликбез. Так называемая «скорость» в тарифах  — всегда максимальная (гипотетически возможная), а не гарантированная и за ее отсутствие практически невозможно спросить с провайдера. Ограничивается она самим провайдером и если «скорость» увеличилась, это значит, что провайдер ослабляет установленное им же ограничение пропускной способности. Грубо говоря, меняет настройки на своем оборудовании, только и всего.

Та вот, без дураков: на моем тарифе «скорость» была 50, а должна стать 70 МБит/с. На следующем по стоимости тарифе она была 75 МБит/с.

Провайдер как будто бы приподнял всем «скорость» почти до величины следующего тарифа и при этом немного приподнял абонентскую плату. Раз тариф напрямую зависит именно от «скорости», можно сказать, что провайдер решить начать продавать услуги своим абонентам в немного большем объеме. Жуликоватый подход.

Но это только на первый взгляд. По факту скорость увеличилась где-то на 5 МБит/c, что вообще неощутимо.

Но это всё не важно потому что разница чувствуется между «скоростью» 2 Мбита и 10 Мбит. А если 50, то больше и не надо.

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

Товарищи, мы круто работаем и заслужили больше денег и нам выручки не хватает. Дом.ру вон вообще 740 в месяц берёт за тот же полтос! Поэтому вы будете платить 690 р. в месяц.

или просто

Мы поднимаем цены на 6%. Ваше Акадо.

Вместо этого они впаривают какое-то неуклюжее оправдание, далекое от действительности. Вот где мерзость.

Конкурс года: Метро 2013

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

Решение задач на скорость


Последние две недели лучшие дизайнеры страны выкладывались по полной в рисовании схем. Потому что 1 ноября 2012г. Дептранс объявил конкурс на лучшую схему всей Москвы московского метро. Наблюдать за этим было одно удовольствие: те и другие круглосуточно допиливали свои схемы в деталях, на ходу подробно рассказывая Рунету о происходящем.

Вот все посты в блоге Людвига Быстроновского. А вот Илья Бирман пишет о своей схеме.

Интересно, что иногда из дискурса об этом конкурсе выпадает РИА Новости в лице их дизайнера-финалиста Антона Мизинова. Вот рабочий процесс в блоге автора: часть 1 и часть 2.

РИА Новости стали делать две схемы — «Прогрессивную» и «Консервативную». Непонятно, почему они так называются: что прогрессивного в «прогрессивной» и почему современная схема метро — консервативная. Это скорее Сырая и Нормальная версии. Первую, кстати, делал коллектив авторов под руководством арт-директора. А прошедшую в финал Консервативную Антон дедал в одного.

В чем конкретно кайф

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

Работы

Схема Студии Артемия Лебедева

Схема Ильи Бирмана

Схема Антона Мизинова

Можно посмотреть здесь.

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

Какая схема лучше


Очевидно что и схема Студии и схема Ильи являются образцовыми и вообще стоят друг друга. При этом схема РИА Новости (ни одна из двух) до них не дотягивает, но «консервативный вариант» это неплохая попытка.

Чисто субъективно мне приятнее схема Студии. Но она мне приятна также, как любые другие работы, которые интересно рассматривать. В ней концентрация информации на единицу площади носителя просто зашкаливает.

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

Что дальше


Сегодня здесь начнется голосование за новую схему московского метро когда они наконец починят и запустят голосовалку. Оно продлится до 31 января.

Выбирая схему, вы выбираете концепцию изменения метро. Потому что автор выбранной схемы автоматически становится человеком, который позже будет заниматься и многим другим. Ну, как минимум, навигацией. Это понятно и так, и следует из того же объявления Дептранса.

То есть, если победит вариант Бирмана, то есть шанс, что когда-нибудь будет реализована его Перезагрузка метро. Я бы проголосовал за схему Ильи хотя бы поэтому, помимо всех достоинств его схемы.

Всех неравнодушных я прошу проголосовать вне зависимости от города проживания.

UX Cafe: How to write a perfect pop song

Вообще, можно учиться, слушая курс лекций в подкастах. Там встречаются нормальные лекции, которые могли бы читаться в каком-нибудь европейском университете.
Например, UX Cafe в iTunes.
Мне очень нравится вот эта запись: How to write a perfect pop song
Давно хотел рассказать о этой находке. Тут в очень популярной форме рассказывается о том, как должен быть построен рабочий процесс проектировщика интерфейсов, на примере написания музыкального хита. Ничего нового для тех, кто давно работает, но подача материала — просто отпад.

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

Глубокие ссылки и кнопка «Скопировать»

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

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

Неправильно в вордпрессе

Наполовину правильно в Fireworks

Они поставили кнопку «Скопировать», но забыли про кнопку «Вставить».
Если бы это было реализовано в CS6, имело бы смысл обновиться только из-за этой фичи.

На дороге

По роману Джека Керуака

Пьянь, оргии, дорога, пьянь, оргии, дорога, драма, дорога, драма, дорога, ...

Я специально наснимал хороших картинок, они не отражают настроение фильма.

Если вас не высаживают депрессивные фильмы о людях, у которых все плохо, то можете посмотреть.

2013   кино

Just do it

Недавно в нашем Блогове был написал пост — все желающие рассказали о тех компаниях, которые их вдохновляют. Я тогда не мог внятно ответить на этот вопрос, а теперь могу.

Меня вдохновляет компания Найк.

Когда-то давно моя одноклассница похвалила в своем блоге кроссовки Найк. Тогда они понравились мне чисто внешне, но рекомендации были что надо — от спортсмена: «…это самые удобные кроссовки которые у меня были.»

Странно было бы не послушать. Я зажмурился и купил их где-то спустя пол года. Радость от той покупки длится до сих пор. В этих кроссовках я набегал уже около 130 км и они ни сколько не испортились, а в моем случае это огромный успех. И, да, наконец бег стал приносить мне удовольствие.

Это не все.

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

Здесь хорошо то, что они упрощают появление состязательности в занятиях индивидуальными видами спорта. Мне нравится и то, что Найк занимается этим на постоянной основе. Они как минимум один раз полностью переделывали это приложение, сделав из хорошего идеальное. И выпустили с десяток других. В том числе Nike+ Training. Это для жестких воркаутов без железа, с толковыми роликами-инструкциями. Но там для снятия показаний уже нужны сенсоры.

Я когда-то при установке Runing зарегистрировал себе аккаунт в их сервисе и забыл. Теперь, когда я установил приложение Trainig, я увидел, что Nike все хранит и конвертирует мои километры в свои у.е. — так называемые nike fuel. То есть я вижу, что они поддерживают созданную ими «биосферу» и это круто.

Cамое главное

Однажды я увидел их рекламу «If you let me play», это был отвал башки. Они рекламировали не какой-то свой продукт, они пропагандировали спорт и показывали важность занятий спортом в формировании личности человека.

Вот этот ролик.


If you let me play (1995)

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


Voices

Вот, например, ролик о том что нужно забить на всех и заниматься тем, что тебе нравится.

— Just wanted play ball.
— Just do it.


Why sport

А этот ролик юмористично рассказывает, зачем.


Fate

О судьбе


Failure

О провалах


No excuses

О «мне некогда». Обожаю. Чистый Just do it.


Sport doesn’t care who you are

Правда, это уже не Найк. Если все еще кажется, что спорт это не для всех, посмотрите это.

Друг

Отталкиваюсь от этимологии, насколько скудные источники позволяют мне это сделать.

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

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

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

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

Ctrl + ↓ Ранее