• 1 мин

Design MeetUp август’21: все о веб-дизайне для новичков

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.

Оставить заявку на консультацию

^ false