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

Проектирую интерфейсы в Контуре. Кофейный гик. Люблю бег и Nike.

Студия Лебедева существует с 1995 года и по её работам можно отследить эволюцию веб-дизайна в России. Работы Студии за первые четыре года кажутся убогими сегодня. В начале двухтысячных начинается расцвет графдизайна, а текст все ещё обделен вниманием. В середине—конце двухтысячных композиция работ становится лучше, на первый план выходят качественные иллюстрации. Понятно, что в каждом году есть выбросы, например сайт Московского метро невероятно крут для 1996 года. Но средний уровень работ за год все равно можно оценить.

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

Ну и можно делать так :)
— Этот кандидат — примерно 2008 года, можно взять джуниором.
— Нет, нам нужно не раньше 2012 года.

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

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

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

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

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

cover

Зачем избавляться от лишнего

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

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

С тех пор, как я избавился от машины, у меня больше нет:

  • кредита;
  • страховки;
  • необходимости носить с собой пачку документов;
  • отдельного органайзера для них;
  • необходимости следить за её состоянием;
  • необходимости менять расходники;
  • необходимости переобуваться два раза в год;
  • необходимости регулярно мыть машину;
  • беспокойства о росте цен на бензин;
  • беспокойства о месте для парковки у работы;
  • беспокойства о том, чтобы не попадать в пробки и успевать на работу;
  • необходимости подстраивать свой вечерний график под обстановку на дорогах;
  • беспокойства за её сохранность, когда я оставляю её где-то;
  • беспокойства из-за поведения других водителей на дороге;
  • беспокойства из-за обстановки на дорогах во время сильных снегопадов и ливней;
  • необходимости платить за охраняемую стоянку возле дома или за КАСКО;
  • необходимости не пить на праздниках и в гостях, даже когда хочется.

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

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

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

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

Неправильно

Правильно

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

Казалось бы, такой очевидный ход. Но я очень часто сталкиваюсь с тем, что создатели забыли о нем.

Контур.Стафф

Необязательно показывать курсор — важно, чтобы ввод происходил в поле, когда пользователь начнет печатать на клавиатуре. В справочнике сотрудников СКБ Контура все сделано правильно — поле выделено, курсор в поле не мигает, но набор происходит там, где это нужно.

Если в вашем экране есть только одно поле ввода, не забудьте поставить туда фокус. Это справедливо почти всегда. И особенно, когда в этом экране пользовательский сценарий реализуется через поиск.

17 мая 2014, 1:19

KEEP CALM and LOOSE LEGACY UI

Хорошие IT-People опубликовали видеозаписи с ДАМПа.
Вот мое выступление:

Я рассказываю о том, как мы переводили 500 000 пользователей на новый интерфейс и о том, что делать когда коллеги начинают паниковать и объяснять что вы все делаете не так.

Прошел курс по иллюстрации и основам техдизайна. За неделю сделал вот такую картинку, в спокойном темпе.

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

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

На воркшоп я пошел с нулевыми навыками обтравки, внедрения картинок в среду, поэтому считаю что воркшоп прошел не зря.

Если нравится — поставьте лайк или ретвитните, мне будет приятно. :)

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

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

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

Deep House

Больше всего я люблю слушать дип. Под него можно даже писать тексты.
Беру его на promodj.com.
Вот, например, самый любимый трек.

Миксы Ильи Бирмана

Это уже поэнергичнее, но тоже пойдет.

Вот они все.

Пост-рок

Недавно открыл для себя God Is An Astronaut и он очень хорошо пошел.

Coffitivity

Для любителей ненавязивого белого шуба — бесплатное приложение. Оно висит в трее и проигрывает запись из кофейни. Доступно в AppStore.

Console.fm

Бесплатный веб-сервис с музыкой, отсортированной по направлениям. Есть избранное. Без регистрации и смс. Единственный минус — бесячий лоадер.

Focus@Will

Веб-сервис, который заточен на музыку для работы. Платный и бесплатный доступ. Бесплатный не ограничен по времени, отсутствуют только дополнительные плюшки.

А что слушаете вы во время работы?

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

Прошареный бариста скажет мне: «Вова, причем тут пенка? Главное — это эспрессо.» Не вопрос, но по вкусу эспрессо не многие смогут определить его качество. С пенкой всё проще — ее качество объективно, а глаза есть у всех.

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

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

Не пенка, а говно

Делать ретина-пенку меня научили с первого раза. Оказалось, что это просто. Я делаю ее в домашних условиях, при помощи микроволновки и электровенчика из Икеи. Он стоил около 160 рублей.

Одна из первых попыток

В кофейнях — профессиональные эспрессо-машины стоимостью от 5 до 15 тысяч евро. И бариста умудряются делать дрянную пенку на таком оборудовании. Этому есть единственная причина — им наплевать на результат. То есть дело не в технике и не в опыте, а в отношении к результату своего труда.

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

5 апреля 2014, 16:05

God Is An Astronaut — Origins

На курсе «Типографика для экрана» было задание поставить на фотографию заголовок, несколько строк текста и форму регистрации. Один из участников поставил текст о группе God Is An Astronaut.

«Полное погружение в пучину безысходности вместе с God Is An Astronaut. Только один вечер позволит вам раскрыть все каналы связи со вселенной. Только на их концертах мужчины рыдают на плечах друзей. Только они способны провести вас в самые далекие и закрытые от всех части вашего внутреннего космоса.»

Оказалось, пост-рок подходит для работы и пробежек.

30 марта 2014, 18:43

Я покупаю ПО и музыку

Некоторые люди смотрят на меня как на идиота, когда узнают, что я покупаю себе приложения в AppStore и музыку в iTunes. В этот момент повисает неловкое молчание и я слышу возражения, мол как так. Можно ведь всё с качать с торрнетов.

Меня всё больше раздражает такая реакция. В последний раз такое было, когда я купил себе Sketch, за 90$.

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

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

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

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

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

Ретвит, если согласны.

Ctrl + ↓ Ранее