{"id":13843,"url":"\/distributions\/13843\/click?bit=1&hash=9641db5f8396eb5e3ae6e331810868e79152f4c586c9054dbf4233d8c66ffe95","title":"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0435 \u044d\u0442\u043e \u0441\u043b\u043e\u0436\u043d\u043e \u0438 \u0434\u043e\u0440\u043e\u0433\u043e. \u0418\u043b\u0438 \u043d\u0435\u0442?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"6ae9f07a-e420-5ca7-bb22-540b387b5d64","isPaidAndBannersEnabled":false}

За что платят дизайнерам интерфейсов?

Иногда кажется, что специалисты по созданию сайтов запрашивают какие-то баснословные деньги за свою работу. Даже у меня иногда возникает такое ощущение. Но давайте разберёмся, что же происходит между вашим обращением к дизайнеру и результатом его работы. Может там действительно есть за что платить?

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

Из чего состоит работа дизайнера

В целом процесс работы можно разделить на три больших этапа:

  1. Сбор информации;
  2. Создание прототипа;
  3. Создание макета.

1. Сбор информаци

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

Помню, мне как-то поступил звонок с Авито. Мужчине нужен был сайт. Я стала спрашивать, что он продаёт, для кого, какие характеристики у его продукта и так далее. В результате получилось нечто пугающее (и не только потому что я криво пишу и пачкаю блокнот):

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

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

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

2.Создание прототипа

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

Пример страницы прототипа с высокой детализацией. Жёлтым помечены комментарии

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

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

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

Пример прототипа лендинга и его итоговой версии с дизайном:

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

3. Создание макета

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

Вот скрин моей статьи, который я взяла для примера:

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

Теперь давайте уберём изображения, иконки (в данном случае иконки — это значки, обозначающие какое-то действие) и сделаем стандартный шрифт. Почти прототип:

И теперь наложим на этот каркас плохое выравнивание элементов, нечитаемый шрифт, слишком контрастные цвета и плохо считываемые иконки:

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

Так что да, над «просто текстом» дизайнеру тоже нужно уметь работать. Чего уж говорить о более сложном функционале.

Особенности работы дизайнера с шаблонным конструктором сайтов

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

Редактирование лендинга в lp151.com

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

Что ещё входит в обязанности дизайнера

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

Самое главное, за что платят дизайнерам интерфейсов

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

Сколько платят за работу дизайнера?

Я бы сказала, что в среднем за лендинг под ключ (с уникальным дизайном) в Питере в 2023 году берут от 15 000 ₽ и выше. Насколько выше? Зависит от дизайнера и вашей сферы. Если у вас высокий чек, то могут предложить сделать лендинг и за 70 000 ₽, и за 100 000 ₽, я лично знакома с такими ребятами.

Для более сложных сайтов ценник может начинаться где-то от 35 000 ₽.

Предлагаю знатокам поправить меня, если я не права.

Вывод

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

Напоминаю, что я — как раз дизайнер, и готова вам помочь. Пишите комментариях или на arinagerman.ru

0
7 комментариев
Написать комментарий...
Alexandr Svetlov

"от 15 000 ₽"
Вы работаете за еду. Неужели все так плохо?

Ответить
Развернуть ветку
Арина Герман
Автор

Представляете, а для кого-то это очень дорого кажется) Поэтому я и написала эту статейку)))

Ответить
Развернуть ветку
Арина Герман
Автор

А вам какая цена по душе?

Ответить
Развернуть ветку
Alexander Schipakov

Дизайнеры не просто рисуют картинки
Это 👍. Так я отвечаю себе на вопрос, почему нейросети нас пока не заменят)) но только пока

Ответить
Развернуть ветку
Арина Герман
Автор

Так или иначе, полстраны ещё не в курсе, что такое сайты, и зачем они вообще нужны)

Ответить
Развернуть ветку
Вот Так

Вы, как амбассадор lp151.com, не хотите донести до владельцев Lp151, что, в первую очередь, люди хотят посмотреть реализованные проекты (хотя бы придуманные) на странице лендинга проекта? На главной я этого не увидел.

Ответить
Развернуть ветку
Арина Герман
Автор

Очень годное замечание, спасибо!)

Ответить
Развернуть ветку
Читать все 7 комментариев
null