Проектирование и дизайн интерфейсов

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

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

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

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

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

Коммуникационный дизайн

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

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

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

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

Участники курсов

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

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

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

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

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

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

Владислав Головач

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

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

Я член Эргономической ассоциации (МЭА) и ACM SIG CHI. До 2016 года я был со-основателем и худруком Usethics, первой юзабилити-компании в России, а до 2000 в основном работал книжным дизайнером.

Портфолио

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

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

2002  

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

Проектирование

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

2004

Билайн

Проектирование

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

2006

Dealine

Проектирование

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

2007

Itoolabs

Худрук

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

2008

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

Худрук

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

CUSTIS

Худрук

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

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

Худрук

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

2010

Cognitive Techologies

Худрук

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

Спортмастер

Худрук

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

2011

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

Худрук

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

2012

Худрук

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

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

Худрук

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

Росатом

Худрук, Проектирование

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

2013

Азбука Вкуса

Худрук

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

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

Худрук

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

Росатом

Худрук, Проектирование

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

2014

Мегафон

Худрук

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

Крок

Худрук

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

GMCS

Худрук, Проектирование

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

Азбука Вкуса

Худрук

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

2015

Мегафон

ХУДРУК

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

VedaPulse

Худрук

Штука для сердца. В ходе проекта получил письмо:

Лично меня сильно смущают мелкие черные сердца. У вас, случайно, дизайнер не из готов?...

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

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

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

Даже не знаю, что в итоге сказать... призвать вас это исправить?

Но разве я могу вложить в вас свое отношение к сердцу?

Разве я могу ваши сердца наполнить радостью жизни?

Лично мое мнение, делайте как делайте, время уже поджимает.

2016

Спутник

Худрук

Обычная веб-статистика. Но сделали много и быстро.

Х5

Худрук

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

А также другие проекты для:

Азбука Вкуса · Альфа-банк · Банк Москвы · Билайн · ВТБ-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.

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

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

Компетенции UI+UX. Профессиограмма интерфейсостроения

2016 · uiuxbok.ru

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

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

2014 · designculture.exmachina.ru

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

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

2010 · uibook2.usethics.ru

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

А также

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

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

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

+7925-199-3745

Phone · Allo · Telegram