Елена Алчанова, Content Master

15 августа 2018

Новая программа курса Web Design: фотошоп жив

Как сделать первый сайт? Где разместить кнопку регистрации? Как сдавать файлы разработчикам? Ты узнаешь ответы на эти вопросы на курсе Web Design, который теперь называется UI/UX Design Junior. Уже осенью в академии стартует новый семестр. А сейчас пришло время познакомиться с обновленной программой курса. Тебя ждут видеоуроки с теорией, 96 часов практики, уроки английского и карьерное консультирование.

Как сделать первый сайт? Где разместить кнопку регистрации? Как сдавать файлы разработчикам? Ты узнаешь ответы на эти вопросы на курсе Web Design, который теперь называется UI/UX Design Junior. Уже осенью в академии стартует новый семестр. А сейчас пришло время познакомиться с обновленной программой курса. Тебя ждут видеоуроки с теорией, 96 часов практики, уроки английского и карьерное консультирование.

Маша Ющук, авторка курса и преподавательница в киевской Beetroot Academy рассказала, почему она любит UX, зачем дизайнеру аналитика и как выбрать графический редактор.

О выборе направления в дизайне

Работаю в дизайне больше 8 лет – уже перестала считать. Года три занимаюсь UX – разрабатываю информационную архитектуру, логику. Изучаю проблемы взаимодействия пользователя с продуктом, думаю, как улучшить.

Раньше у дизайнеров были проблемы: делаешь красивую картинку, а потом все равно получаешь правки. Я стала углубляться в информацию, связанную с бизнесом и поняла, что правки были важны в большинстве случаев. Поэтому и увлеклась UX – он дает больше возможности влиять на продукт.

Чтобы разработать полезный интерфейс, нужно знать преимущества твоего клиента, его потребности и желания. Мне даже стало интересно – почему лет 5 назад такого не было? Ведь эти подробности дизайнеру необходимы.

О главных отличиях новой программы курса

В старой программе много внимания уделялось Adobe Photoshop и Illustrator, фирменному стилю, логотипам. Я решила – курс должен быть максимально приближенным к реальным задачам, с которыми дизайнеры сталкиваются во время работы.

На Photoshop и Illustrator теперь отводится меньше времени. Мы познакомимся с основами графического дизайна, изучим композицию, типографику, модульные сетки, цвет. Я объясню, как это применяется на практике. В программу курса добавлены основы дизайн-мышления, чтобы у студентов было базовое понимание принципов UX. Еще дизайнеру важно знать аналитику сайта, посещений. Благодаря знакомству с ней я поменяла взгляд на дизайн-процессы и свою работу.

Я готовлю студентов к работе так, чтобы они после курсов могли пойти на позицию junior web designer или UI-designer. На украинском рынке это почти одно и то же.

Они научатся делать промо-материалы: баннера, рассылки, презентации. Сделают лендинги, адаптивный дизайн для разных устройств, прототипы. У студентов появится базовое понятие о целевой аудитории, ее портрете и потребностях. Я убрала из программы информацию про стиль, брендинг, логотипы. Обычно в компаниях этим занимаются отдельные специалисты.

О графических редакторах, инструментах и трендах

Есть легенда, что фотошоп давно умер. Мол, сейчас все работают в Figma и Sketch. Но фотошоп – это база, на которой все еще работают многие компании. По-хорошему, дизайнер должен знать несколько программ. Важно передавать материалы так, чтобы разработчик мог ими воспользоваться. Бывает, программист работает на Windows и не может работать со Sketch.

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

Нет идеальной формулы для сайтов. Вопрос: “Каким должен быть классный сайт?” похож на вопрос: “Каким должен быть вкусный борщ?” У всех свои рецепты. Тренды каждый год меняются, но для каждого сайта важна не трендовость, а оправданная стилистика. Сайт банка не может быть стилистически похож на сайт продажи билетов для фестивалей. Нужно учитывать эмоциональную составляющую продукта и его целевую аудиторию.

undefined

О вдохновении

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

Я люблю сайт Awwwards, конечно же Dribbble и Behance, подписана на украинские студии – просматриваю их работы. Люблю разбирать сложные функциональные сайты: AirBnb, Etsy и прочие. Есть хорошие Telegram-каналы: Новости Дизайн-кабака, Я – дизайнер, Интерфейсы без шелухи, UI фэйл – здесь разбирают разные сайты, хорошие и плохие стороны, делают подборки скриншотов

О личных качествах дизайнера

Дизайнер должен быть внимательным, уметь отбрасывать личное восприятие. У меня есть задание для студентов – сделать редизайн печатного билета на поезд. Билетами пользуются пассажиры и проводники. Для каждой целевой аудитории важна своя информация, есть своя приоритезация, в зависимости от ситуации. Поэтому студенты защищают свою версию дизайна, опираясь на потребности целевой аудитории. Почему эта информация именно в этой части билета? Почему именно эта информация выделена и контрастна?

Важно уметь защитить свой дизайн исходя не из: “потому что мне так нравится”, а ориентируясь на потребности пользователей и бизнес задачи. Каждый элемент служит определенной цели. Например, разделительные линии не должны быть сильно яркими, не отвлекать внимание на себя – это всего лишь вспомогательный элемент.

Есть такое понятие :“эгоцентризм дизайнера”. Когда дизайн делается, потому что: “так удобненько получается”, “так не ломается сетка” и так далее. Так делать нельзя.

Я учу студентов общаться с заказчиками. Для этого есть ролевые игры. Дается задание, а студенты должны задавать правильные вопросы. Иногда привожу реальных заказчиков, чтобы они общались с чужим человеком. Вдохновилась приемом одного из преподавателей Beetroot Academy. Прием называется: “Письмо от мудака”. Дизайнеры задают вопросы, а им отвечают кратко. И твоя задача – выудить информацию из человека. Любимые вопросы должны быть: “зачем” и “почему”.

Дизайнеру нужно уметь общаться, правильно составлять запросы. Если говорят одно, а в глазах читается непонимание или несогласие – переспросите, уточните. Даже со студентами такое бывает. Спрашиваю, все ли понятно, отвечают: “да”, а в глазах паника.

Об идеальном портфолио

После курса у студентов будет портфолио. Они должны сделать лендинг, презентацию, баннер, email и составить свое резюме. В зависимости от успеваемости даю на диплом редизайн сайта.

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