Система сегментирует клиентскую базу крупного дистрибьютора автомобилей. Мноуровневые фильтры позволяют собирать выборки на основании любых данных из досье клиентов. В этом проекте я выполнял и роль аналитика, прорабатывая и согласовывая функциональность. Зато графического дизайна почти не было: интерфейс строился на готовом фреймворке.
Подробнее на Behance
Система сегментирует клиентскую базу крупного дистрибьютора автомобилей. Мноуровневые фильтры позволяют собирать выборки на основании любых данных из досье клиентов. В этом проекте я выполнял и роль аналитика, прорабатывая и согласовывая функциональность. Зато графического дизайна почти не было: интерфейс строился на готовом фреймворке.
Подробнее на Behance
Сервис продаж новостроек соединяет риэлторов с застройщиками, давая первым возможность работы и с новостройками, а вторым — доступ к десяткам тысяч агентов по продажам жилья.
Я присоединился к проекту за 3 недели до его анонса. Работая в тесном контакте с разработчиками, я решил несколько крупных эргономических проблем интерфейса и придал ему элегантный визуальный стиль.
Подробнее на Behance
Оригинальный сайт когда-то был спроектирован под моим руководством в Usethics. В этом же проекте я переработал дизайн интерфейса для смартфонного представления и обновил интерфейс поиска на десктоп-версии сайта.
Подробнее на Behance
После выставки (см. проект версии №1) появилась возможность ещё улучшить продукт. В рамках поддержки и обслуживания я спроектировал мобильную версию, модернизировал визуальный дизайн, спроектировал множество новых экранов и улучшил поиск.
Подробнее на Behance
Персональные брокеры целый день следят за рынком, чтобы предлагать клиентам вовремя купить или продать подходящие финансовые инструменты — при этом безотрывно пялятся в два монитора, переключаясь между кучей систем. Вместе с Алексеем Копыловым мы изучили деятельность пользователей и спроектировали интегрированный АРМ брокера. Интерфейс и дизайн в основном мой, исследования в основном от Алексея.
Подробнее на Behance
Наружный промосайт, стиль, логотип, внутренние интерфейсы (ученик, учитель, администратор) онлайн-школы обучения программированию. Просто, весело, поучительно.
Подробнее на Behance
Фонд поддерживает интернет-СМИ, их авторов и редакции. В созданном мной логотипе есть и Ф и И, а его цвета — синий стандартной ссылки и фиолетовый, цвет ссылки посещённой.
Сервис пультовой охраны принимает тревожные сигналы от систем сигнализации в магазинах, офисах и жилых домах и при необходимости вызывает службу охраны в нужном городе. Я спроектировал внутренний операторский интерфейс, личный кабинет клиента (сайт и приложения) и обновил логотип бренда.
Подробнее на Behance
Индекс — система веб-аналитики, заточенная специально для СМИ, особенно для региональных. В ней есть все, что нужно изданиям и авторам и чего нет в универсальных системах, вроде аналитики Гугля и Яндекса. Поэтому и логотип я создал с оглядкой на литературу и толстые журналы.
Кроме того, я сделал дофига проектов, когда был партнёром в Usethics. Их краткая сводка →
Я один из лучших русскоязычных специалистов в области юзабилити и интерфейсов¹ — и меня легко нанять.
❶ Двадцать лет работы в юзабилити и дизайне интерфейсов, десять лет арт-директорства, две первые русскоязычные книги по теме и куча статей, членство в МЭА и ACM SIG CHI (в котором был президентом российского отделения) и т.п. — в общем, регалий и достижений не перечислить. Подробнее →
Если у вас есть интерактивный продукт с плохим интерфейсом и/или пользовательским опытом, я:
— Спроектирую интерфейс как с нуля, так и для новой версии
— Создам визуальный стиль продукта
— Составлю и напишу проектную документацию
— Проведу интервью с пользователями и клиентами или иное пользовательское исследование
— Составлю карту взаимодействия (Customer Journey Map) с продуктом или сервисом и помогу её внедрить.
Помимо интерфейсов, я занимаюсь дизайном публикаций, прежде всего цифровых.
Технически, я ИП на УСН, работающий как попроектно, так и в форме внештатного сотрудника. Практика показывает, что второй вариант — в котором мы просто договариваемся, сколько часов моей работы потребуется в месяц — работает лучше. Как правило, я нахожусь в Израиле, но могу приехать и в Россию (хотя всё равно предпочитаю работать удалённо²).
❷ Разумеется, когда надо, я приезжаю к вам и/или вашим пользователям и клиентам.
Ставка начинается с 2 500 ₽/час, в крохотных проектах (вроде консультаций) она может доходить до 6 000 ₽.
Проектирование интерфейсов это широкая область, требующая многих навыков, знаний и умений. Два навыка особенно важны для бизнес-приложений, отрабатывающих сложные процессы или требовательные задачи пользователей.
Какой бы не был интерфейс и каким бы не был процесс и технология его создания, всегда наступает момент, когда:
Сформировано ТЗ на очередную пачку функциональности и надо быстро начинать проектировать интерфейс. В этот момент очень полезно составить формальную постановку задачи на интерфейс, зафиксировать эргономические требования, ограничения и критерии качества.
Интерфейс спроектирован. Достаточно ли он хорош, чтобы передавать его на тестирование или в производство? Полезно провести формальную проверку качества, выявить слабые места и переделать их уже сейчас, пока это легко и дешево.
Эти навыки можно приобрести всего за день интенсивных занятий, чему и посвящён курс.
Я провожу его уже более пятнадцати лет для таких компаний, как 1С, Крок, Ламода, Манго-Телеком, Solar Security, Текама и многих, многих других. Начинался он в расчёте на три дня, но примерно к двадцатому разу, снова и снова улучшая курс по обратной связи от слушателей, я сократил его втрое, до восьми часов — зато вместил в него самое важное и нужное с большим количеством практики.
Продолжительность курса — 2 дня занятий по 4 часа с домашним заданием в промежутке. Стоимость 130 000 ₽ плюс дорога и проживание, если не в Москве. Курс проводится на вашей территории. От вас требуется помещение со столами (один стол на два-пять слушателей), аудитория (не более 16 человек на одну сессию), проектор или большой экран, флипборд. Материалы курса (бумага, маркеры, распечатки заданий) предоставляю я.
За 15+ лет в Usethics я спроектировал (лично или в качестве худ.- и тех.- директора) сотни интерфейсов или их версий.
Описывать их все бессмысленно хотя бы потому, что многие проектировались для устаревших сейчас платформ. Например, я спроектировал первый мобильный интернет-банк Сбербанка — для телефонов под Symbian. Вот некоторые, особо запомнившиеся:
Несколько внутренних систем. Например, мобильное приложение для скаутов, картирующих жилые дома и магазины и ищущие пригодные для магазина свободные помещения.
ХУДРУК
Система веб-статистики для (преимущественно) государственных сайтов.
ХУДРУК
Редкое в наше дни (все уходят в веб) приложение для Windows. Штука для обследования здоровья по сердечному ритму.
ХУДРУК ПРОЕКТИРОВАНИЕ
Концепция нового сайта. Как улучшить всё, ничего существенно не меняя (не переверстывать же тысячи и десятки тысяч страниц текущего сайта?).
ХУДРУК ПРОЕКТИРОВАНИЕ
Касса самообслуживания для магазинов новой сети. Сложный проект: аппарат разрабатывали не мы, бизнес-логика заточена под предупреждение воровства товаров покупателями, а сами покупатели не имеют ни опыта, ни ожиданий. А скопировать удачные решения негде — остальные кассы самообслуживания уродливые и/или неудобные.
ХУДРУК
Интерфейс оператора-кассира для Почты России. Интерфейс должен быть и очень гибким (разные формы структурно совсем разные) и одновременно очень жестким, чтобы пользователям не нужно было изучать каждую и каждое следующее действие было полностью предсказуемым.
ХУДРУК ПРОЕКТИРОВАНИЕ
Базовая станция для управления… Впрочем, неважно чего управления, главное — оно прыгает. Сложностей пришлось преодолеть много, например - пользователи часто работают на улице, там солнце, а у защищенных лаптопов настолько ужасные экраны, что и в помещении ничего толком не видно.
ХУДРУК
Личные кабинеты абонента для веба на десктопе и смартфоне, а также мобильные приложения. Все мы тогда стали экспертами в кладке плиток и затирке швов — плитки в интерфейсе, швы в пользовательском взаимодействии.
ХУДРУК
Промсвязьбанк Интернет-банк. Насколько я понял, первый банк, который в своём интерфейсе перешёл на подход «Чего изволите?» и вместо того, чтобы подмешивать потенциально нужные пользователю продукты во все страницы, сделал настоящее ресторанного типа меню продуктов отдельной страницей — что, впрочем, не исключает таргетированных предложений клиенту.
ХУДРУК ПРОЕКТИРОВАНИЕ
Интернет-магазин и корпоративный сайт. После этого слово сочетание product manager в обычном смысле кажется пресным — настоящий продукт съедобен и зачастую вкусен.
ХУДРУК ПРОЕКТИРОВАНИЕ
Интерфейсы группы систем для ситуационно-кризисного центра. ГИС, система информационных рассылок, панель мониторинга обстановки. Под конец начал уже светиться в темноте.
ХУДРУК ПРОЕКТИРОВАНИЕ
Концепция интерфейса, ставшая потом т.н. интерфейсом Такси: сделать структуру экрана и навигацию, которая легко переносится в браузер и привычна новым пользователям, которые осваивали компьютер по Вконтакте.
ХУДРУК
Конструктор договоров — экспертная система, в которой пользователь отвечает на вопросы, а продукт создаёт на ходу соответствующий договор. Сделать понятным процесс, в котором ответы на одни вопросы влияют на другие вопросы и дать внятные подсказки о последствиях его выбора — неординарная задача.
ХУДРУК
Один из первых кассовых терминалов под тач-мониторы. Первый раз применили шрифт со строчными цифрами для ускорения считывания сумм и артикулов.
ХУДРУК ПРОЕКТИРОВАНИЕ
Интерфейс Е1 Евфрат, коробочной системы документооборота. Ещё для Windows. Крутое решение — поскольку пользователь в норме работает с несколькими связанными документами, на экране сводки открытых документов они перечислены не тупым списком, а структурными группами. Не могу понять, почему этого до сих пор нет в браузерах.
ХУДРУК
Интерфейс системы электронного голосования и показа релевантных документов для Думы РФ. К сложностям проекта относились: требования к сортам мрамора в интерфейсе, ужасные целевые экранчики (маленькие и неконтрастные, поскольку вандалоустойчивые), а также то, что это система реального времени со связанной проблематикой. Ну и то, что целевые пользователи — кретины. Конечно, не чета нынешним кретинам, но всё же.
ХУДРУК Визуал
Интранет Центробанка РФ, для отдела, ведающим валютным курсом. Люди в этом отделе перерабатывают очень много информации и всегда бешено спешат, поэтому основной задачей был не сам интерфейс, а визуализация трендов.
ХУДРУК
Новый интерфейс КонсультантПлюс. За пару лет до этого основной конкурент — Гарант — выкатил новый интерфейс с ужасающим эффектом. Никто не желал наступать на те же грабли, так что интерфейсная задача в КонсультантПлюс была улучшить всё, не меняя сложившихся привычек пользователей (т.е. улучшить всё, не меняя ничего). В результате после выхода новой версии обычной реакцией пользователей было «Стало гораздо лучше, но что именно?».
ХУДРУК
Софтфон с презенсом, рич чатом и конференциями. Звучит заумно? А мы разобрались и сделали. Ещё для Windows.
ХУДРУК
Переставшая уже существовать компания Дилайн продавала кучи техники и софта — телефоном и факсом. Для менеджеров по продажам нужно было разработать АРМ, в котором бы можно было быстро собрать заказ для конкретного контрагента. Куча экранов, куча форм — в браузере Internet Explorer 6.
ПРОЕКТИРОВАНИЕ
Для ребрендинга в желто-полосатый стиль срочно потребовался новый сайт. На пути было три проблемы: (а) технологический ландшафт менялся, все больше людей начинало пользоваться интернетом и (б) стейкхолдеров было очень много и разных (голос, услуги, VAS, GPRPS, корпоранты). В результате многие решения о том, что будет на сайте и как зачастую принимались лично мной (остальные друг с другом не разговаривали).
ПРОЕКТИРОВАНИЕ
Программа-кошелек для Windows. Результат для своего времени был настолько лучше основного конкурента (WebMoney) что даже и сравнить было нельзя. Мне удалось отбросить все технические детали и оставить главное — возможность легко платить. Простой интерфейс + маркетинговая машина Яндекса = тогдашней гегемонии WebMoney пришел капут.
ПРОЕКТИРОВАНИЕ
Помимо этих проектов, я создавал интерфейсы для (список сокращён):
Мне всегда было скучно жить без контентных сайд-проектов, обычно культурных или образовательных.
Полностью переработанная версия другой книги (от 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.