14 августа 2021 в GoIT прошел online Design MeetUp. 500+ участников собрались за экранами смартфонов и компьютеров, чтобы познакомиться с профессией веб-дизайнера. Если вы не присутствовали на конференции или хотите снова почувствовать весь драйв митапа – читайте главные выводы по каждому выступлению, которые мы публикуем ниже, и найдете ответы на вопросы, волнующие новичков на старте карьеры в IT-дизайне.
Дмитрий Бутенко (Lead Experience в Epam): “Что ищут работодатели и как стать хорошим веб-дизайнером”
Дмитрий рассказал о болях бизнеса, которые лечит веб-дизайнер.
Типы веб-дизайнеров: какое направление выбрать?
О типах дизайнеров подробно рассказывала на IT Fest 2 Мария Руденко. А Дмитрий Бутенко показал, что с веб-дизайном пересекаются почти все современные профессиональные сферы.
Посмотрите на картинку:
- большой коричневый круг в центре – User Experience (UX) Design или “Дизайнер пользовательского опыта”.
- желтый круг внутри коричневого – Interaction Design или “Дизайн взаимодействия”.
- остальные “серые” круги – отдельные профессиональные сферы, которые так или иначе пересекаются и с UX и с Interaction дизайнами.
Эта картинка – напоминание новичкам, что веб-дизайн – это не про талант, который дается с самого рождения. Стать веб-дизайнером с нуля реально, даже если вы:
- учились/работали в профессии, не связанной напрямую с дизайном;
- не умеете рисовать и не владеете художественными навыками.
Веб-дизайн – это про решение бизнес-проблем с помощью дизайн-решений. Даже если вы раньше работали в сфере, не связанной напрямую с веб-дизайном, то, став дизайнером в IT – автоматически будете способны помочь бизнесу в конкретной профессиональной области, решить его «точечные» боли. Это расширит профессиональную географию и увеличит гонорары.
Как стартовать в веб-дизайне?
Профессия веб-дизайнера подойдет каждому, ведь мы все немного дизайнеры. Ежедневно мы посещаем сайты, пользуемся приложениями на смартфоне и оцениваем их работу:
- насколько заметно и удобно расположение кнопок, менюшек;
- отмечаем понравившиеся макеты;
- оставляем отзывы и общаемся с техподдержкой, если не устраивает функционал и т.д.
Хотите упростить свой путь в веб-дизайне – пользуйтесь чек-листом старта карьеры:
Шаг 1. Создайте свое видение профессии. Подумайте, если вы хотите в процессе работы влиять на поведение людей на сайтах и в приложениях – станьте UX/UI дизайнером. А если видите себя, создающим буклеты, афиши – будьте графическим дизайнером.
Чтобы познакомиться с разными профессиями веб-дизайна и выбрать для себя “ту самую”, вам нужно:
- тренировать насмотренность;
- читать больше книг о веб-дизайне. Например, начинающему UI дизайнеру стоит прочитать Алан Купер “Интерфейс. Основы проектирования взаимодействия”;
- зарегистрироваться на курсы по веб-дизайну;
- найти ментора из числа друзей;
- много гуглить 😉
Если вы:
- не знаете, какие книги читать в первую очередь,
- не знаете, где искать менторов,
- не можете “нагуглить” ничего дельного
то регистрируйтесь на бесплатный 7-ми дневный марафон по веб-дизайну для новичков.
На марафоне вы познакомитесь с новой для себя профессией, попробуете свои силы в веб-дизайне и даже создадите небольшой персональный проект. Узнать дату ближайшего запуска и зарегистрироваться на марафон можно по ссылке ниже.
Больше о бесплатном марафоне по веб-дизайну
Шаг 2. Учите матчасть.
Цвет, композиция, контраст, типографика… перестанут быть незнакомыми словами, стоит вам начать обучение веб-дизайну. База поможет вам создавать дизайн-решения каждый день, независимо от настроения.
Шаг 3. Изучите инструменты профессионального веб-дизайнера.
- Figma,
- Sketch,
- Photoshop,
- Miro,
- Maze.
Если вы пока незнакомы ни с одной из платформ – начните с Figma.
Шаг 4. Разберите дизайн процесс.
IT-дизайнер должен понимать:
- что нужно бизнесу;
- что нужно пользователю.
Это поможет придумывать макеты дизайн-решений на их основе.
Упростить эту задачу и найти решение поможет знание дизайн-процессов. 3 главных из них:
- Double diamond или “двойной алмаз” – подход к созданию дизайн-решения, который предполагает 4 этапа: знакомство с проблемой / определение области проблемы / определение возможных решений / выбор решения, которое подойдет.
- Lean UX Model – техника создания дизайн-решения, направленная на получение более ранних результатов тестов и внедрения их в конечных решений.
- IDEO – техника создания решений для бизнес-процессов в 5 шагов: определение проблемы / определение пути решения / создание идей / прототипирование / тест.
Шаг 5. Задавайте вопросы и учитесь слушать ответы.
Шаг 6. Развивайте чувство стиля и тренируйте насмотренность.
Для этого каждый день посещайте Behance.com, Dribbble.com, Awwwards.com, сохраняйте проекты, которые понравились и старайтесь их повторить, а возможно и улучшить.
Английский для веб-дизайнера: “must have” или “не must have”?
Знание английского языка расширяет профессиональную географию веб-дизайнера. Чем лучше вы:
- общаетесь и презентуете свое портфолио зарубежным заказчикам;
- владеете навыком переписки на английском языке,
— тем быстрее придут заказчики, будет больше работы и выше гонорары.
Как устроиться на работу веб-дизайнером: что ждет работодатель и что нужно уметь новичку?
- Портфолио – вам нужны, как минимум, 3-5 проектов с описанием процесса. Это покажет заказчику, как вы работаете над созданием кейса. Больше информации о создании классного портфолио вас ждет в статье “как создать портфолио на Behance” в GoIT Journal.
- Hard Skills – знание базы и инструментов веб-дизайнера.
- Знание английского языка на уровне B1 и выше.
- Soft Skills.
Даже если у вас нет всех “компонентов” – ходите на собеседования. Так вы узнаете что нужно и не нужно говорить на интервью.
Думаете, что веб-дизайн – это темный лес? Менторы и преподаватели на курсе Web-Design в GoIT за 10 месяцев научат вас тому, что должен знать и уметь веб-дизайнер, чтобы устроиться на работу. Регистрируйтесь и начните карьеру в IT прямо сейчас!
Зарегистрироваться на курс Web Design
Эмиль Вольски (Product designer в Playtech): “Инструменты для работы дизайнера”
- Главный инструмент веб-дизайнера – мозг.
Работа веб-дизайнера – не про “я художник – я так вижу”. Охарактеризовать ее можно цитатой Стива Джобса: “Дизайн – это не то, как предмет выглядит, а то, как он работает”.
Настоящий IT-дизайнер:
- понимает, как пользователь хочет взаимодействовать с продуктом;
- умеет проанализировать “боли” бизнеса и найти решение.
В этом ему помогает знание инструментов.
Figma
Figma – графическая онлайн-платформа для совместной работы над созданием IT-проектов. Она удобна тем, что:
- позволяет отрисовывать скины и системы компонентов;
- позволяет работать нескольким дизайнерам над одним проектом;
- упрощает передачу файлов (hand off) разработчикам, менеджерам и другим специалистам;
- это интуитивно понятная для пользователя программа, в которой приятно работать.
Illustrator и Photoshop от Adobe
Illustrator – графический редактор для создания векторной графики.
Photoshop – графический редактор для обработки фото.
ProtoPie
Платформа для создания анимаций из статичных картинок.
Miro
Онлайн-платформа, которая представляет собой “бесконечную виртуальную доску” для создания заметок, майнд-мепов. Поддерживает режимы презентации, скрин-шеринга (когда экран одного пользователя виден участникам).
Конечно, это не все инструменты веб-дизайнера, но, умея работать с Figma, вы без труда научитесь работать с другими приложениями и платформами.
Аврора Шугалий (UX Architect в Luxoft): “Soft skills для будущих дизайнеров”
Soft Skills – навыки, которые опираются на личностные особенности людей, а также на уровень развития их эмоционального интеллекта.
Профессиональному веб-дизайнеру важно иметь в своем арсенале, как минимум 7 софт скилов:
- Навыки коммуникации. Вы должны уметь находить подход к людям.
- Умение работать в команде поможет создавать комфортную рабочую атмосферу с теми, кто работает с вами над одним проектом.
- Эмпатия. Вам нужно уметь слушать и слышать клиента, начальника и коллег, чтобы создавать дизайн-решения, которые способны решать проблемы.
- Тайм-менеджмент. Срыв ваших дедлайнов = срыв дедлайнов команды. Поэтому важно не пытаться показать “идеальный результат” в ущерб времени, а сделать максимально качественную работу за минимально возможное время.
- Вовлеченность. Будьте в курсе процессов в команде, которые влияют на вашу работу. Задавайте вопросы и умейте слушать ответы.
- Широта взглядов. Умение посмотреть на задачу с разных точек зрения и упростить решение. Без негатива и нервов.
- Умение решать проблемы. Возникли вопросы – гуглите, ищите вопрос самостоятельно, а не пишите ментору при первых трудностях.
Как веб-дизайнеру развивать Soft Skills?
Ходите на курсы, интенсивы и развивайте их самостоятельно.
Для начала попросите обратную связь о своих софт скилах у друзей, коллег или руководителя и постройте вместе с ними план развития.
Руденко Мария (Senior UI/UX Designer в GoIT): “Совместная работа дизайнера и разработчиков”
Команда разработки и веб-дизайнеры идеально работать вместе не смогут. Всегда будут недопонимания и даже конфликты. И в этом ничего страшного – любые сложности решаются на общих собраниях.
Какой должна быть работа дизайнера, чтобы не конфликтовать с разработчиком?
- Разработчик ждет, чтобы работа дизайнера была понятной, без подвохов.
- В работе над большими проектами стоит пользоваться стандартными стилями и сводить кастомные элементы к минимуму.
- Веб-дизайнеру стоит общаться с разработчиками как можно чаще.
- Все мелкие правки лучше отправлять большими пулами.
- Правки – это часть работы, поэтому реагировать на них спокойнее.
- Старайтесь не лажать.
Трудности работы веб-дизайнера и разработчика
- Проблемы со стороны дизайна возникают, потому что задуманное сложно реализуемо или если веб-дизайнер что-то поменял и никому не сказал. Избавиться от этого можно, если максимально сконцентрироваться на создании продукта, чтобы потом не переделывать и не нервничать.
- Проблемы со стороны разработчика возникает из того, что разработчик додумывает что-то, чего нет в макете или верстка отличается от макета. В таком случае дизайнеру стоит сделать дизайн-ревью и добиться понимания у разработчика.
- Что-то идет не так и по вине разработчика и по вине веб-дизайнера. Важно обсуждать эти ситуации и приходить к консенсусу.
Как построить правильную коммуникацию “дизайн-разработчик”
- Передавайте ссылки на дизайн вовремя;
- Делайте макеты с адаптацией;
- Создавайте системы компонентов;
- Передавайте понятное ТЗ (техзадание);
- По возможности, снимите ролик о макете или обговорите детали заранее.
При передаче ТЗ будьте готовы ответить на вопросы и подкорректировать детали (если необходимо).
Елена Домина (UX дизайнер в Upwork): “Как продавать себя и искать работу на фрилансе”
Каждый новичок должен понимать, что фриланс – это бизнес, а не работа под пальмой на Бали. Не нужно “вестись” на красивые картинки лакшери лайф.
Плюсы и минусы фриланса
Плюсы:
- Вы сами решаете с кем и сколько работать.
- Быстрее работаете – больше отдыхаете.
- Потолок зарплат зависит от вас.
- Географическая свобода.
Минусы:
- Доход, который сложно спрогнозировать.
- Нет соцпакета.
- Большой шанс выгорания.
- Нужно много успевать.
Кому подойдет фриланс?
Фрилансер – это мини-компания. Он и маркетолог, и продажник, и специалист по развитию личного бренда и бухгалтер и еще много-много чего.
Вам будет легче быть фрилансером, если у вас:
- прокачанные или врожденные Soft Skills;
- есть предпринимательская жилка;
- есть желание работать над несколькими проектами, а не над одним;
- железная дисциплина.
Как начинающему веб-дизайнеру начать работать на фрилансе?
- На платформах по поиску работы вы можете найти вакансии с возможностью удаленного сотрудничества на part-time или проектно.
- Если у вас уровень английского intermediate и выше – регистрируйтесь на Upwork и ищите заказы там.
- Прокачивайте Behance, Dribbble и личный бренд в соцсетях.
- Партнерьтесь с компаниями, которым нужны дизайнеры “на подхвате” на несколько часов в день.
Фриланс – это возможность столкнуться с недобросовестными клиентами. Как не попасть на деньги?
- Просите предоплату – это защитит от клиентов, которые могут “передумать” сотрудничать.
- Не высылайте исходники без полной оплаты, чтобы клиент не “исчез”, не оплатив работу.
Design MeetUp закончился и тысячи участников начинают свой путь в веб-дизайне, руководствуясь советами и чек-листами от senior-it-дизайнеров. Если у вас остались вопросы – оставьте заявку по ссылке ниже. Наши менеджеры свяжутся в удобное время по номеру телефона и расскажут все, что важно знать о профессиях мира IT.
