Денис Кортунов: «UX-дизайн: как построить сайт для клиентов, а не для себя»

Обзор доклада Дениса Кортунова из компании «Турбомилк», на тему «User Experience design. Как построить сайт для клиентов, а не для себя»

В рамках конференции «РИФ+КИБ 2012», которая проходила с 18 по 20 апреля в Подмосковном пансионате «Лесные дали» состоялся доклад Дениса Кортунова из компании «Турбомилк», на тему «User Experience design. Как построить сайт для клиентов, а не для себя».

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

Отметим, что Денис занимается Визуальным UI-дизайном 10 лет, и в настоящее время сосредоточился на проектировании. «Сегодня дизайнер - это и аналитик, и организатор, и владелец проектов. Иногда идея очень далека от реализации», - начал свое выступление докладчик. В доказательство своих слов он привел два забавных слайда презентации:

Как правило, при работе над проектом сначала создается движок, а потом под него разрабатывается интерфейс – по мнению, докладчика это не всегда эффективно. Значит, разработку нужно начинать с дизайна интерфейса. Это дешевле, ведь, когда вы сначала создается интерфейс, а затем производится программирование – ошибка стоит меньше и ее проще исправить.

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

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

Комментируя перечень советов дизайнерам Денис заострил внимание на том, что не нужно переживать о технических деталях и устанавливать какие-либо искусственные ограничения. «Начинайте с пользовательских сценариев, проведите мозговой штурм, генерируйте идеи. За основу можно взять абсолютно любую проблему и накидывать мысли по ней. Не нужно ничего отбрасывать заранее – отбор будет осуществляться на следующем этапе начинать лучше простого», - прокомментировал докладчик.

Далее он напомнил, что процесс дизайна – не одноразовый вид деятельности. Не стоит бояться ошибаться – можно переделать.

Еще один важный момент - дизайнеру нужно знать своего пользователя. Важно продумать информационную архитектуру проекта. Как известно, изначально заказчик хочет поместить на сайт слишком много данных (телефоны и адреса организаций, карты и схемы проезда и т.д.) В этом случае дизайнеру придется вспомнить блок-схемы и, взяв их за основу, начать создавать сценарий и данные. Нужно, чтобы интерфейс работал с минимальными данными. В качестве примера докладчик привел возможность покупки в 1 клик, которая доступна в интернет-магазине Amazon – это хорошая оптимизация потока задачи.

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

Раскрывая секреты использования специальных программ, Денис Кортунов отметил, что нередко использует Blend от Microsoft. Также весьма распространена ситуация, когда на начальной стадии работы над проектом дизайнеры рисуют элементы в Adobe Illustrator, прописывая все комментарии для заказчика в Документах Google.

Также Денис дал слушателям полезный совет: сегодня в плане разработки дизайна эффективнее будет не изобретать, что-то новое, а найти хорошо зарекомендовавший себя паттерн и взять его за основу. В качестве примера он привел мобильное приложение для рекламодателей, работающее по принципу Twitter’а: пользователь фотографирует рекламное объявление и посылает ее на сайт – такой способ публикации очень удобен.

«Диайн интерфейса – по сути, копирайтинг. Лучшие интернет-проекты были написаны, а не нарисованы», - продолжил свое выступление представитель компании «Турбомилк». В качестве наглядного примера, иллюстрирующего сказанное, он привел понятный и простой любому пользователю пример навигации:

Также докладчик рассказал, что сейчас модно копировать предмет из реального мира – это интуитивно и знакомо, богато выглядит. Однако данный ход имеет и существенные минусы: это может быть неудобно с точки зрения использования функционала ресурса (приложения). Кроме того, у копируемой метафоры могут быть иные дополнительные функции. К тому же предметы из реального мира имеют свойство довольно быстро устаревать – ими попросту перестают пользоваться, а значит, в перспективе пользователю будет непонятна та или иная ассоциация дизайнера.

Одним из наиболее удачных инновационных подходов Денис назвал создание интерфейсов в стиле журнальной верстки.Metro UI – основной принцип простота содержимое и есть интерфейс (в настоящее время данный подход активно реализует Microsoft):

Завершая свой рассказ о создании интерфейсов, докладчик заострил внимание аудитории на том, что сегодня дизайн пользовательских интерфейсов – это и копирайтинг, и PR, и бизнес-маркетинг.

Вопросы аудитории:

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

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

Вопрос: А как быть, если есть дизайн и возникает конфликт с программистом, как вы отстаиваете точку зрения по UX?

Денис Кортунов: Вы сейчас описываете стадию визуального дизайна. У нас в компании дизайнеры по статусу - важнее программиста и могут руководить ими. Кроме того, наши дизайнеры имеют опыт программирования и понимают, что реально реализовать а что нет.

Вопрос: Где стартапу получить экспертную оценку?

Денис Кортунов: Мы дизайнеры и определяем лишь, каким будет интерфейс, но понять будет ли работать сам проект – это не наша компетенция.

Вопрос: Как руководителю оценить компетентность дизайнера?

Денис Кортунов: Дизайнер легко вычисляется по портфолио. Также неплохо дать претенденту на должность тестовое задание. Ну, и доверяйте собственной интуиции.