Я делаю сложное простым,
медленное быстрым,
а унылое красивым.

И всё удобным, безошибочным, эргономичным и тому подобное.

Услуги

Проектирование интерфейсов, юзабилити

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

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

При этом я и графический дизайнер; прототипы из серых прямоуголь­ников — не моя стезя.

Дизайн пользовательского опыта / UX

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

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

Веб-дизайн, полиграфия и иная коммуникация

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

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

Я всегда готов работать pro bono для контент-проектов гуманитарной и социальной направленности, при условии, что я разделяю ценности проекта.

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

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

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

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

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

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

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

Портфолио

Не все проекты я могу публиковать; но (почти) любые могу показать при личной встрече.

CRM. Модуль маркетингового анализа

Заказчик: NDA

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

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

Личный кабинет spn24.ru

Заказчик: SPN24

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

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

За 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 пришел капут.

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

Были и другие проекты, например, для:

Азбука Вкуса · Альфа-банк · Банк Москвы · Билайн · ВТБ-24 · Гдеэтотдом · Дeмoкpaтop · Консуль­тантПлюс · Крок · Лето Банк · Мегафон · Пром­связь­банк · Пронто-Москва · РДВ-Медиа · Роснано · Сбербанк · Связной · ФНС · Axoft · Communigate Systems · Comstar · Daoffice · Eport · LIFEiT · Luxoft · Microsoft · MMBБ · MTS · Nettrader · OctoNus · Rambler · Solar Security · X5 · Yandex

Среди прочего, я проектировал:

Windows интерфейсы (десктоп) · Веб-интерфейсы · Терминалы с тач и без него · Голосовые меню · iOS · Android · Windows 8 · Windows Phone · Windows Mobile · Symbian

Несмотря на то, что большая часть этого списка уже неактуальна, старые знания дают порой перспективу — старые решения порой возрождаются в новом технологическом облике. Например, Ribbon из MS Office структурно неотличим от меню в MS Word 4 для DOS.

Личные проекты

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

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

2016 · uiuxbok.ru

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

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

2014-2017 · designculture.exmachina.ru

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

Дизайн пользовательского интерфейса 2. Искусство мыть слона

2010 · uibook2.usethics.ru

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

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

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

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