Что такое проектирование интерфейсов

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

Для кого подходит

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

Ниже примеры, когда проектирование вам не просто подходит, а совершенно необходимо:

  1. Вы хотите создать крупную систему с пользовательским интерфейсом (например, интернет-банк, CRM, ERP, крупный интернет-магазин, крупный онлайн-сервис).
  2. Вы создаете интерфейсы, которые планируете использовать коммерческим образом; когда по сути ваш бизнес полностью зависит от успешности взаимодействия пользователей с вашим сайтом или приложением (например, интернет-магазин, сервис со встроенными покупками и т.п.).
  3. Вы сами сознательно хотите переделать интерфейс, с которым связан ваш бизнес. Вы уверены, что он устарел, неэффективен, и вообще не то, что вам нужно.

Мы проектируем интерфейсы для:

  • сайтов,
  • настольного ПО,
  • мобильных приложений (в том числе для планшетов),
  • адаптивные интерфейсы.

Методика с примерами

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

Итак, вкратце методика проектирования такова:

  1. Получение исходных данных. На входе проектировщик (или аналитик) должен собрать требования: цели и задачи бизнеса, пользователей, технические ограничения; а также изучить особенности бизнеса и предметную область. Из требований формируются персоны — собирательные образы пользователей с их задачами. Персоны нужны для того, чтобы сконцентрировать все требования в одном-нескольких портретах и понимать контекст, в котором будет использоваться продукт. Ниже показаны примеры персон:
  1. Формирование требований к системе. На основе задач персон проектировщик составляет навигационную диаграмму: раскладывает задачу по шагам и составляет требования к ним. При необходимости могут создаваться также и другие артефакты. Этот этап необходим, чтобы «переложить» собранные требования на язык интерфейсов и ничего не упустить. Если этого не делать, почти наверняка в середине проекта обнаружится, что связь между требованиями и интерфейсом минимальная. Ниже показаны примеры артефактов данного этапа (могут быть еще другие):
  1. Концептуальное проектирование. На основе навигационной диаграммы проектировщик составляет структуру будущей системы и создает концептуальный прототип. При создании каждого прототипа используются те требования, которые были указаны при создании навигационной диаграммы. Концепция позволяет быстро оценить навигацию по системе, основной посыл, идею, главный способ взаимодействия. Для проверки, все ли верно было спроектировано на этом этапе, используются сценарии из первого пункта. Проектировщик проверяет, проходимы ли они. Ниже примеры концептуальных прототипов:
  1. Детальное проектирование. После проверки и согласования концепции создается детальный прототип (может состоять из нескольких десятков экранов). Детальный прототип — прямой преемник концептуального, он формируется методом уточнения содержания каждого блока на экране. Детальный прототип можно сделать интерактивным, чтобы провести юзабилити тестирование. Ниже представлены примеры детальных прототипов:
  1. Юзабилити тестирование прототипа (опционально). Самый главный бонус детального прототипа — это возможность его протестировать на пользователях, чтобы понять, получился ли интерфейс удобным и понятным. При этом вы не потратите ни копейки на программирование и дизайн, и изменения в прототип вносить быстро и дешево, в отличие от готового продукта.
  2. Передача на разработку и авторский надзор. После тестирования в прототип вносятся правки, и он передается на дизайн и внедрение. На этом работа проектировщика не заканчивается, поскольку он должен консультировать дизайнера и программиста, чтобы вложенные в прототип идеи не потерялись в процессе. При необходимости пишется спецификация интерфейсов.

Сроки

Сроки проектирования интерфейсов сильно зависят от размера проекта, а также от того, будет ли проводиться исследование. Проектирование системы среднего масштаба на базе бизнес-интервью занимает примерно 15 – 20 дней без учета сроков согласования. Также может добавляться тестирование прототипа, которое не входит в этот срок.

Что нужно на входе от вас

  • Ваше понимание, чего вы хотите достичь: цели и задачи бизнеса.
  • Понимание потенциальных пользователей, готовность провести исследование или наличие хотя бы гипотез о пользователях.
  • Бюджет на работы

Стоимость

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

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

Что делать после проектирования интерфейсов

Постоянное развитие — удел не только любого живого человека, но и любого живого продукта.

  1. В процессе проектирования подключить программистов.
  2. На этапе детального проектирования следует начать визуальный дизайн прототипа. Дизайнер должен работать в контакте с проектировщиком.
  3. Юзабилити тестирование прототипа, если делаете.
  4. По мере готовности дизайна и рабочих версий системы консультироваться с проектировщиком.

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

Проконсультироваться по поводу услуги

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Тема

Сообщение