Меня зовут Владис­лав Головач. Я неза­ви­симый¹ дизайнер, работающий в основном с интерфейсами. Я делаю слож­ные проекты со сложной деятель­нос­тью пользо­вателей и/или вы­со­ки­ми эргоно­мичес­кими требова­ни­ями (вроде кассового тер­минала, панели управления, онлайн-банка или личного кабинета). Эргоно­микой и юзабилити я занимаюсь с прошлого тыся­челетия и в этом деле собаку съел. Я написал несколько книг о проек­­ти­ровании интер­фей­сов и дизайне, а так же государственный учебный стандарт² по этой теме. Помимо интерфейсов, я занимаюсь сервис-дизайном (CX & UX) и дизайном просто.

15 лет я был партнером и арт-директором в Usethics, первой в России интерфейсной дизайн-компании. Потом надоело.

Над стандартом работал не только я, но я написал ⅔ текста.

Работы

Модуль маркетингового анализа клиентских профилей

Система сегментирует клиентскую базу крупного дистрибьютора автомобилей. Мноуровневые  фильтры позволяют собирать выборки на основании любых данных из досье клиентов. В этом проекте я выполнял и роль аналитика, прорабатывая и согласовывая функциональность. Зато графического дизайна почти не было: интерфейс строился на готовом фреймворке.

Подробнее на Behance

Модуль маркетингового анализа клиентских профилей

Система сегментирует клиентскую базу крупного дистрибьютора автомобилей. Мноуровневые  фильтры позволяют собирать выборки на основании любых данных из досье клиентов. В этом проекте я выполнял и роль аналитика, прорабатывая и согласовывая функциональность. Зато графического дизайна почти не было: интерфейс строился на готовом фреймворке.

Подробнее на Behance

Личный кабинет spn24.ru. Версия №1

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

Подробнее на Behance

Etazhy.ru, новая мобильная и обновлённая десктоп-версии

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

Подробнее на Behance

Личный кабинет spn24.ru. Версия №2 и далее

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

Подробнее на Behance

БКС Персей. Рабочее место брокера

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

Подробнее на Behance

Онлайн-школа Iamit

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

Подробнее на Behance

Фонд поддержки интернет

Фонд поддерживает интернет-СМИ, их авторов и редакции. В созданном мной логотипе есть и Ф и И, а его цвета — синий стандартной ссылки и фиолетовый, цвет ссылки посещённой.

Рустелематика

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

Подробнее на Behance

Индекс

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

Кроме того, я сделал дофига проектов, когда был партнёром в Usethics. Их краткая сводка →

Делаю

Я один из лучших русско­языч­ных специалистов в области юзабилити и интер­фейсов¹ — и меня легко нанять.

Двадцать лет работы в юзабилити и дизайне интерфейсов, десять лет арт-директорства, две первые русскоязычные книги по теме и куча статей, членство в МЭА и ACM SIG CHI (в котором был президентом российского отделения) и т.п. — в общем, регалий и достижений не перечислить. Подробнее →

Если у вас есть интерактивный продукт с плохим интерфейсом и/или пользовательским опытом, я:

— Спроектирую интерфейс как с нуля, так и для новой версии

— Создам визуальный стиль продукта

— Составлю и напишу проектную документацию

— Проведу интервью с пользователями и клиентами или  иное пользовательское исследование

— Составлю карту взаимодействия (Customer Journey Map) с продуктом или сервисом и помогу её внедрить.

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

Технически, я ИП на УСН, работаю­щий как попроектно, так и в форме внештатного сотрудника. Практика показывает, что второй вариант — в котором мы просто договариваемся, сколько часов моей работы потребуется в месяц — работает лучше. Как правило, я нахожусь в Израиле, но могу приехать и в Россию (хотя всё равно предпочитаю работать удалённо²).

Разумеется, когда надо, я приезжаю к вам и/или вашим пользователям и клиентам.

Ставка начинается с 2 500 ₽/час, в крохотных проектах (вроде консуль­таций) она может доходить до 6 000 ₽.

Учебный курс о бизнес-интерфейсах

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

Какой бы не был интерфейс и каким бы не был процесс и технология его создания, всегда наступает момент, когда:

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

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

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

Я провожу его уже более пятнадцати лет для таких компаний, как 1С, Крок, Ламода, Манго-Телеком, Solar Security, Текама и многих, многих других. Начинался он в расчёте на три дня, но примерно к двадцатому разу, снова и снова улучшая курс по обратной связи от слушателей, я сократил его втрое, до восьми часов — зато вместил в него самое важное и нужное с большим количеством практики.

Продолжительность курса — 2 дня занятий по 4 часа с домашним заданием в промежутке. Стоимость 130 000 ₽ плюс дорога и проживание, если не в Москве. Курс проводится на вашей территории. От вас требуется помещение со столами (один стол на два-пять слушателей), аудитория (не более 16 человек на одну сессию), проектор или большой экран, флипборд. Материалы курса (бумага, маркеры, распечатки заданий) предоставляю я.

Сделал

Интерфейсы и юзабилити

За 15+ лет в Usethics я спроек­тировал (лично или в качестве худ.- и тех.- директора) сотни интерфейсов или их версий.

Описывать их все бессмысленно хотя бы потому, что многие проекти­рова­лись для устаревших сейчас платформ. Например, я спроектировал первый мобильный интернет-банк Сбербанка — для телефонов под Symbian. Вот некоторые, особо запомнившиеся:

2016
X5 Retail Group

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

ХУДРУК

 
Спутник

Система веб-статистики для (преи­му­щественно) государственных сайтов.

ХУДРУК

2015
VedaPulse

Редкое в наше дни (все уходят в веб) приложение для Windows. Штука для обследования здоровья по сердечному ритму.

ХУДРУК ПРОЕКТИРОВАНИЕ

 
Мегафон

Концепция нового сайта. Как улучшить всё, ничего существенно не меняя (не переверстывать же тысячи и десятки тысяч страниц текущего сайта?).

ХУДРУК ПРОЕКТИРОВАНИЕ

2014
Азбука Вкуса

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

ХУДРУК

 
GMCS

Интерфейс оператора-кассира для Почты России. Интерфейс должен быть и очень гибким (разные формы структурно совсем разные) и одновременно очень жестким, чтобы пользователям не нужно было изучать каждую и каждое следующее действие было полностью предсказуемым.

ХУДРУК ПРОЕКТИРОВАНИЕ

 
Крок

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

ХУДРУК

 
Мегафон

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

ХУДРУК

2013
Промсвязьбанк

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

ХУДРУК ПРОЕКТИРОВАНИЕ

 
Азбука Вкуса

Интернет-магазин и корпора­тив­ный сайт. После этого слово сочетание product manager в обычном смысле кажется пресным — настоящий продукт съедобен и зачастую вкусен.

ХУДРУК ПРОЕКТИРОВАНИЕ

2012
Росатом

Интерфейсы группы систем для ситуационно-кризисного центра. ГИС, система информационных рассылок, панель мониторинга обстановки. Под конец начал уже светиться в темноте.

ХУДРУК ПРОЕКТИРОВАНИЕ

 

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

ХУДРУК

2011
Консультант Плюс

Конструктор договоров — эксперт­ная система, в которой пользова­тель отвечает на вопросы, а продукт создаёт на ходу соответ­ствующий договор. Сделать понятным процесс, в котором ответы на одни вопросы влияют на другие вопросы и дать внятные подсказки о последствиях его выбора — неординарная задача.

ХУДРУК

2010
Спортмастер

Один из первых кассовых терминалов под тач-мониторы. Первый раз применили шрифт со строчными цифрами для ускоре­ния считывания сумм и артикулов.

ХУДРУК ПРОЕКТИРОВАНИЕ

 
Cognitive Techologies

Интерфейс Е1 Евфрат, коробочной системы документооборота. Ещё для Windows. Крутое решение — поскольку пользователь в норме работает с несколькими связанными документами, на экране сводки открытых документов они перечислены не тупым списком, а структурными группами. Не могу понять, почему этого до сих пор нет в браузерах.

ХУДРУК

2008
Моспроминформ

Интерфейс системы электронного голосования и показа реле­вант­ных документов для Думы РФ. К сложностям проекта относились: требования к сортам мрамора в интерфейсе, ужасные целевые экранчики (маленькие и неконт­растные, поскольку вандалоустой­чивые), а также то, что это система реального времени со связанной проблематикой. Ну и то, что целевые пользователи — кретины. Конечно, не чета нынешним кретинам, но всё же.

ХУДРУК Визуал

 
CUSTIS

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

ХУДРУК

 
Консультант Плюс

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

ХУДРУК

2007
Itoolabs

Софтфон с презенсом, рич чатом и конференциями. Звучит заумно? А мы разобрались и сделали. Ещё для Windows.

ХУДРУК

2006
Dealine

Переставшая уже существовать компания Дилайн продавала кучи техники и софта — телефоном и факсом. Для менеджеров по продажам нужно было разрабо­тать АРМ, в котором бы можно было быстро собрать заказ для конкретного контрагента. Куча экранов, куча форм — в браузере Internet Explorer 6.

ПРОЕКТИРОВАНИЕ

2004
Билайн

Для ребрендинга в желто-поло­сатый стиль срочно потребовался новый сайт. На пути было три проблемы: (а) технологический ландшафт менялся, все больше людей начинало пользоваться интернетом и (б) стейкхолдеров было очень много и разных (голос, услуги, VAS, GPRPS, корпоранты). В результате многие решения о том, что будет на сайте и как зачастую принимались лично мной (остальные друг с другом не разговаривали).

ПРОЕКТИРОВАНИЕ

2002
Яндекс.Деньги

Программа-кошелек для Windows. Результат для своего времени был настолько лучше основного конкурента (WebMoney) что даже и сравнить было нельзя. Мне удалось отбросить все технические детали и оставить главное — возможность легко платить. Простой интерфейс + маркетин­говая машина Яндекса = тогдаш­ней гегемонии WebMoney пришел капут.

ПРОЕКТИРОВАНИЕ

Помимо этих проектов, я создавал интерфейсы для (список сокращён):

Книги и подобное

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

Дизайн ПИ II. Искусство мыть слона

Полностью переработанная версия другой книги (от 2000 года). Тут разобраны основные системы эргономических качеств пользова­тельских интерфейсов и описаны основные правила успешной профессиональной деятельности проектировщика.

2010 · uibook2.usethics.ru

Культура дизайна

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

2014-2018 · designculture.exmachina.ru

Профессиограмма интерфейсостроения

Продолжение и развитие госстандарта «Специалист по дизай­ну графических и поль­зова­тель­ских интер­фейсов». Вместе с коллегами я спланировал и сформу­ли­ро­вал перечень компетенций и навыков, нужных всем в профессии.

2016 · uiuxbok.ru

Кроме того у меня есть канал на Medium, в котором много статей о дизайне и интерфейсах.

Давным-давно я вёл один из первых блогов на русском языке – Брызги сознания (1999-2004).

На сайте Дизайн для думающих я публиковал (1998-2002) свои статьи по дизайну. В 2000 году я изобрёл и применил там навигацию/карту сайта в подвале, что сейчас обыденное решение.

Когда-то (1999-2003) я увлекался оцифровкой одиозных советских книг – сайт законсервирован, но чтение по-прежнему захватывающее.

© Владислав Головач, 2018-2019 ¶  Важно: Здесь есть куки и сбор статистики. ¶ Все логотипы и торговые марки, приведенные на этой странице, принадлежат их владельцам. ¶ Фотография мозаики (худ. Ямковенко В.М.): © tarasylo, Fotolia. Обложка «Культуры дизайна»: Люди, перелопачивающие стулья, фрагмент. Круг Рогира ван дер Вейдена, ок. 1444–50, Metropolitan Museum of Art. Обложка «ДПИ2. Искусство мыть слона»: © David Ross, Dreamstime.com. ¶ Использованы шрифты из гарнитуры Paratype Circe Serif C.