Почему это важно?

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

Исследование. Собираем информацию о бизнесе клиента и его пользователях. Как зарабатывает бизнес? Откуда приходят клиенты? Какие боли клиентов этот бизнес закрывает? И самое важное: как это делают их конкуренты? Вот тебе простой инструментарий для решения этих задач:


Формирование текстового прототипа. Самое время генерировать идеи из полученных знаний: в текстовом формате или в виде зарисовок. Желательно несколько, желательно провести валидацию и выбрать наиболее подходящую.

Создание мудборда. Здесь создается «душа» проекта. Ты собираешь подходящие шрифты, цвета, изображения и формы. Их тоже лучше создавать несколько, затем сопоставлять с подходящей идеей.

Создание user story. На этом этапе строится логика сайта. Когда ты хорошо понимаешь, что именно ищет клиент, ты легко сможешь отразить это в своем прототипе.

User Story создается с помощью вот такой формулы:

Пользователь хочет <что-то получить> для того, чтобы <цель, мотив пользователя>.

Например, в магазине одежды девушка хочет найти спортивный костюм.


На основе примера, мы получаем следующую рубрикацию:1 — Каталог магазина2 — Раздел со спортивными костюмами3 — Карточка товара4 — О нас5 — Отзывы6 — Доставка и оплата7 — Корзина

Сбор прототипа. Не спеши, пока что он будет без цвета и изображений. Тебя должно интересовать только расположение заголовков, текстов и блоков. Сделай так, как это будет в итоговой работе.

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

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

Презентация проекта и «упаковка« под портфолио. Конечно, если ты не подписал с клиентом NDA)

И еще немного:


Каждый этап дизайн-процесса приведет тебя к нужному решению. Да, на старте карьеры мы хотим как можно скорее «отрисовать» дизайн. Это часто приводит к тому, что реализованные проекты очень далеки от клиентской реальности. Кроме того, такие работы сложнее презентовать клиенту. Почему?Представь себе, что ты показываешь проект заказчику, а он задает тебе простой вопрос: «А почему эта кнопочка находится здесь?»Что ты ответишь? Потому что я так хочу? Во-первых, это красиво? Когда ты знаешь все о мотивации клиента, понимаешь сценарии его поведения - аргументов становится масса.

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

Зарегистрироваться