Введение
Каждый день спрос на разработку дизайн-проектов увеличивается. Качественно продуманный дизайн способен влиять и на повышение конверсии, и на максимальную эффективность и результативность продукта или услуги.
Важно понимать, что дизайн-проект — это не только зона ответственности дизайнера, это работа команды экспертов, где каждый отвечает за отдельные задачи.
Но часто бывает, что в работе над проектом дизайнер выполняет не только свои задачи, но и задачи других специалистов: работает с текстами, примеряет на себя роль UX-исследователя, занимается продвижением веб-ресурса и даже выполняет функции верстальщика. Это зависит от разных факторов: повышение в должности, когда дизайнер становится ответственным за весь проект и сам набирает в команду людей; низкий бюджет, когда не хватает финансовых средств, чтобы нанять команду разработчиков, и т. д.
В классическом понимании, UX/UI дизайнер — это специалист, который создает понятное взаимодействие пользователя с продуктом и отражает ценности бренда. Иногда один человек занимается и UX- и UI-направлением, в некоторых компаниях это два разных специалиста.
Кратко напомним, чем отличается UX от UI.
UX-дизайн решает функциональные задачи, а именно — формирует пользовательский опыт, чтобы человеку было легко ориентироваться на веб-ресурсе. UX-дизайн включает в себя структуру и расположение элементов: кнопки, навигация по сайту и т. д.
UI-дизайн отвечает за общую эстетику и внешний вид веб-ресурса. Он включает в себя работу с цветом, шрифтами, вид иконок и остальных элементов интерфейса.
Общая цель UX- и UI-дизайна — создать продукт, который будет удобным для пользователя и в то же время привлекательным.
Как мы уже говорили, сегодня хорошему UX/UI дизайнеру мало разбираться исключительно в своем направлении. Он должен разбираться в каждом этапе работы над проектом или хотя бы знать основы каждого направления.
Об этом и многом другом расскажем далее.
О чем должен знать дизайнер
Как правило, основной акцент делают на этапе дизайна, но он далеко не самый трудоемкий и длительный. Большое количество времени уходит именно на подготовительный этап — проведение анализа и работа с гипотезами, а не на саму отрисовку интерфейса. От того, насколько тщательно будет проведен подготовительный анализ, зависит успешный результат UX/UI дизайнера.
Сегодня дизайн становится более технологичным. Появляются новые функции и технологии, поэтому для того, чтобы успевать за современными тенденциями и быть на шаг впереди конкурентов, необходимо, как минимум, раз в полгода изучать новые инструменты и программы.
Навыки, которыми дизайнер должен обладать прежде всего:
Кроме основных дисциплин, дизайнеру важно изучать и другие области, которые помогут в работе, например, психология, физиология и даже нейролингвистика. Для чего? Зачастую решение задачи лежит далеко за пределами дизайна. Необходимы любые знания смежных областей, которые помогут разработать уникальный проект. Если вы не осознаете, какие боли испытывает пользователь — ответы в психологии; если не понимаете, как что-то спроектировать — обращайтесь к инженерии; если не знаете, как человек считывает и воспринимает информацию — в помощь нейролингвистика.
Для понимания технической стороны UI/UX поможет глубокое изучение таких направлений, как:
Дизайнер не обязан владеть всем функционалом — от написания текстов до запуска продукта, но он обязан разбираться в особенностях каждого этапа, чтобы иметь представление о том, какой путь нужно проделать пользователю до целевого действия и грамотно использовать это понимание при разработке макета.
С кем 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-исследователя дизайнеру важно владеть следующими знаниями:
Как подготовиться к исследованиям:
- Описать цели и задачи будущего проекта.
- Продумать сценарии для проведения исследования, прописать главные вопросы: о чем думают пользователи, что ждут от продукта, какие модели поведения им присущи чаще всего и т. д.
- Описать требования к участникам исследования (респондентам).
- Отобрать подходящих респондентов, можно воспользоваться услугами рекрутинговой компании.
Какие они бывают:
- Фокус-группы в очном формате, когда собирается группа потенциальных клиентов для сбора обратной связи на разных этапах разработки.
- Глубинные интервью в очном формате — открытая беседа с представителем целевой аудитории будущего продукта, где выявляются глубокие проблемы и потребности человека.
- Сессии включенного наблюдения, когда вы наблюдаете за тем, как участник исследования выполняет определенные задания по использованию будущего продукта или похожего веб-ресурса.
Как провести анализ полученных результатов:
- Осуществить отработку сценариев использования — прописать последовательность шагов каждого варианта использования веб-ресурса, как было бы удобнее для пользователя.
- Построить карты эмпатии — это визуализация, которая нужна для того, чтобы сформулировать и объединить все известные сведения об определенном типе пользователей.
- Разработать рекомендации по созданию качественного и удобного веб-ресурса на основе всей информации о потенциальных клиентах.
- Презентовать результаты команде, которая работает над проектом — для этого понадобятся навыки убеждения и умение верно доносить информацию до других специалистов.
Благодаря этим знаниям и навыкам, дизайнер сможет выполнить основной объем подготовительных этапов самостоятельно, а в дальнейшем, возможно, полностью овладеть профессией UX-исследователя и стать еще более востребованным специалистом.
Seo-специалист
Seo-специалист — это человек, который занимается продвижением сайтов в поисковых системах.
Что может быть результатом продвижения:
Но одного технического продвижения мало. Хороший 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, при разработке проекта, а также с какими специалистами необходимо взаимодействовать, для того чтобы продукт получился качественным. Разобрали задачи и роли каждого специалиста и дали определения основным терминам, которые необходимо знать для продуктивной работы над проектом в команде.
Основная мысль — для того чтобы качественно выполнять свою работу, важно погружаться не только в свою специфику, но также изучать смежные области и плодотворно взаимодействовать с командой. Дизайнер — это больше, чем специалист по внешнему виду интерфейсов.
Реальность такова, что вся разработка — это дизайн, а дизайн — это разработка. Одно не может существовать без другого, поэтому все этапы работы над проектом одинаково важны и взаимосвязаны между собой.