Черная пятница в UPROCK!

Работа над проектом в команде

Автор статьи:
,

Введение

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

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

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

В классическом понимании, UX/UI дизайнер — это специалист, который создает понятное взаимодействие пользователя с продуктом и отражает ценности бренда. Иногда один человек занимается и UX- и UI-направлением, в некоторых компаниях это два разных специалиста.

Кратко напомним, чем отличается UX от UI.

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

UI-дизайн отвечает за общую эстетику и внешний вид веб-ресурса. Он включает в себя работу с цветом, шрифтами, вид иконок и остальных элементов интерфейса.

Общая цель UX- и UI-дизайна — создать продукт, который будет удобным для пользователя и в то же время привлекательным.

Как мы уже говорили, сегодня хорошему UX/UI дизайнеру мало разбираться исключительно в своем направлении. Он должен разбираться в каждом этапе работы над проектом или хотя бы знать основы каждого направления.

Об этом и многом другом расскажем далее.

О чем должен знать дизайнер

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

Как правило, основной акцент делают на этапе дизайна, но он далеко не самый трудоемкий и длительный. Большое количество времени уходит именно на подготовительный этап — проведение анализа и работа с гипотезами, а не на саму отрисовку интерфейса. От того, насколько тщательно будет проведен подготовительный анализ, зависит успешный результат UX/UI дизайнера.

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

Навыки, которыми дизайнер должен обладать прежде всего:

01
Проектирование пользовательского опыта
02
Создание композиции
03
Работа с типографикой и шрифтами
04
Проведение исследований
05
Знание правил адаптивности интерфейса и юзабилити
06
Понимание принципов верстки и макетирования страниц

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

Для понимания технической стороны UI/UX поможет глубокое изучение таких направлений, как:

01
Работа интерактивных продуктов или дизайн взаимодействия
02
Основы взаимодействия пользователя и компьютера
03
Принципы проектирования интерфейсов для Apple и Google

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

С кем UX-UI дизайнер работает над проектом

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

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

Project-менеджер

Проджект-менеджер, проектный менеджер, менеджер проекта (project manager) — специалист, который управляет проектами и командой. Иными словами, человек, который организует рабочий процесс и доводит его до конечного результата.

Задачи project-менеджера

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

2. Составить план работы. Это позволяет избежать двойной работы и распределить задачи по времени и по специалистам. Благодаря плану команда может ознакомиться с полной структурой создания проекта, понять временные рамки и действовать согласно срокам.

3. Собрать команду. Project-менеджер разбирается в функционале специалистов и знает, как грамотно распределить роли в команде.

4. Найти подрядчиков. Этап по необходимости. Иногда в крупных проектах помимо основной команды специалистов участвуют и сторонние кадры. Project-менеджер отвечает за поиск подрядчиков и составление технического задания для них.

5. Ставить задачи и следить за их выполнением. Project-менеджер ответственен за то, чтобы исполнители получили полную информацию по задачам и понимали, каким должен быть конечный результат.

6. Следить за бюджетом проекта. Бюджет предполагает стоимость проекта для компании и определяет прибыль. Любое увеличение бюджета project-менеджер должен обосновать заказчику. Что касаемо прогнозов будущей прибыли — это требует тщательной аналитики.

7. Вести документацию. К документации относится план проекта, техническое задание, структура работы. Все изменения необходимо сразу вносить в документацию.

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

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

Грамотный project-менеджер — это человек, обладающий управленческими навыками и владеющий тайм-менеджментом. Он способен объединить команду, найти решение при возникновении проблемы и дать развернутую обратную связь по уже выполненным задачам.

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

UX-исследователь

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

Задачи UX-исследователя:
01
Собрать всю необходимую информацию о пользователях с помощь ю качественных методов исследования, таких как интервью, наблюдения или полевые исследования.
02
Собрать данные о пользователях при помощи количественных методов: опросы, анкетирование, сортировка карт.
03
Провести анализ всех данных о пользователях, вынести главные выводы и подготовить предложение по дизайну.
04
Отстоять потребности пользователей в процессе работы с командой и следить, чтобы пожелания были учтены.
05
Провести оценочные исследования юзабилити для улучшения дизайна.

В работе UX-исследователя дизайнеру важно владеть следующими знаниями:

Как подготовиться к исследованиям:

  1. Описать цели и задачи будущего проекта.
  2. Продумать сценарии для проведения исследования, прописать главные вопросы: о чем думают пользователи, что ждут от продукта, какие модели поведения им присущи чаще всего и т. д.
  3. Описать требования к участникам исследования (респондентам).
  4. Отобрать подходящих респондентов, можно воспользоваться услугами рекрутинговой компании.

Какие они бывают:

  1. Фокус-группы в очном формате, когда собирается группа потенциальных клиентов для сбора обратной связи на разных этапах разработки.
  2. Глубинные интервью в очном формате — открытая беседа с представителем целевой аудитории будущего продукта, где выявляются глубокие проблемы и потребности человека.
  3. Сессии включенного наблюдения, когда вы наблюдаете за тем, как участник исследования выполняет определенные задания по использованию будущего продукта или похожего веб-ресурса.

Как провести анализ полученных результатов:

  1. Осуществить отработку сценариев использования — прописать последовательность шагов каждого варианта использования веб-ресурса, как было бы удобнее для пользователя.
  2. Построить карты эмпатии — это визуализация, которая нужна для того, чтобы сформулировать и объединить все известные сведения об определенном типе пользователей.
  3. Разработать рекомендации по созданию качественного и удобного веб-ресурса на основе всей информации о потенциальных клиентах.
  4. Презентовать результаты команде, которая работает над проектом — для этого понадобятся навыки убеждения и умение верно доносить информацию до других специалистов.

Благодаря этим знаниям и навыкам, дизайнер сможет выполнить основной объем подготовительных этапов самостоятельно, а в дальнейшем, возможно, полностью овладеть профессией UX-исследователя и стать еще более востребованным специалистом.

Seo-специалист

Seo-специалист — это человек, который занимается продвижением сайтов в поисковых системах.

Что может быть результатом продвижения:

01
Продвижение по позициям: попадание на первые строки в поисковиках Google или Яндекс.
02
Продвижение по трафику: увеличение посетителей, которые зашли на сайт в определенный промежуток времени.
03
Продвижение по лидам: увеличение поступающих заявок.

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

Задачи seo-специалиста:

1. Провести SEO-аудит сайта.

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

2. Оптимизировать сайт для поисковых систем.

Seo-специалист устраняет уже имеющиеся ошибки, а именно:

  • Удаляет повторяющиеся блоки и страницы 404 (ошибка сервера).
  • Осуществляет настройку 301-редиректа (переадресация сайта на новый адрес).
  • Создает карту сайта (файл, который содержит список страниц сайта в нужном порядке).
  • Настраивает доступные URL-адреса.
  • Делает микроразметку (разметка страниц сайта с тегами и атрибутами, которые помогают поисковым роботам и самим пользователям определить содержимое каждой страницы).
  • Проверяет и корректирует навигацию по сайту, чтобы она была максимально удобной.
  • Отслеживает скорость загрузки страниц.
  • Создает внутреннюю перелинковку (связывание страниц между собой при помощи гиперссылок).
  • Анализирует поведенческие и коммерческие факторы (действия поисковых систем и пользователей сайта).

3. Создать список ключевых слов и фраз, которые приведут целевых пользователей на сайт.

Это называется составление семантического ядра. На основе этих данных seo-специалист дает рекомендации по созданию следующих страниц и написанию новых текстов.

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

5. Проводить внешнюю оптимизацию.

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

6. Анализировать результат своей работы и согласовать с заказчиком.

7. Подготовить отчеты о проделанной работе.

Можно сделать вывод, что seo-специалист включает в себя гораздо больше функций, чем просто специалист по продвижению проекта. Он и продажник, и интернет-маркетолог и даже копирайтер при необходимости. Seo-специалист владеет всеми инструментами SEO, при этом работает над тем, чтобы сайты были удобными для пользователей.

Программист или веб-разработчик

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

В профессии разработчика существует 3 направления:

  • Backend-разработчик занимается серверной частью, тем, что не видит пользователь, но без чего не будет работать сайт. Backend-разработчик отвечает за скорую загрузку сайта, за удобство в использовании и быстрый поиск информации, а также за надежное и безопасное хранение данных. 
  • Frontend-разработчик или верстальщик занимается внешним видом сайта: верстает страницы и делает всё, чтобы сайт был удобным и привлекательным. Помимо программирования новых элементов, в его обязанности также входит наблюдение за тем, чтобы они хорошо функционировали.
  • Fullstack-разработчик может делать и то, и другое. Он разрабатывает сайт, создает его структуру и отвечает за системное администрирование. Сегодня fullstack-разработчик одна из самых востребованных профессий.

Копирайтер

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

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

Задачи UX-копирайтера

Писать микротексты для веб-ресурсов

Микротекст — это короткие фразы, которые помогает клиенту легко пользоваться интерфейсом и быстро понимать, что от него требуется. Например: «Добавьте товар в корзину», «Пройдите по ссылке», «Внесите данные».

Устанавливать контакт с пользователем через текст

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

Работать с дизайнерами над юзабилити

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

Делать интерфейс человечнее

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

Повышать вовлеченность и конверсию

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

Отражать голос бренда

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

Заключение

Мы напомнили, о чем важно знать дизайнеру, кроме UX/UI, при разработке проекта, а также с какими специалистами необходимо взаимодействовать, для того чтобы продукт получился качественным. Разобрали задачи и роли каждого специалиста и дали определения основным терминам, которые необходимо знать для продуктивной работы над проектом в команде. 

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

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