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

Як зробити перший сайт? Де розташувати кнопку реєстрації? Як здавати файли розробникам? Ти дізнаєшся відповіді на ці питання на курсі 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.

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

Немає ідеальної формули для сайтів. Питання: “Яким має бути класний сайт?” схоже на питання: “Яким має бути смачний борщ?” Всі мають свої рецепти. Тренди змінюються щороку, але для кожного сайту важлива не трендовість, а виправдана стилістика. Сайт банку не може стилістично бути схожим на сайт продажу квитків для фестивалів. Потрібно враховувати емоційну складову продукту та цільову аудиторію.

Про натхнення

Я кажу дизайнерам, що в них має бути своя бібліотека. Потрібно робити скріншоти гарних сайтів, розбирати їх на складові: простір, сітка, динаміка розташування елементів. Так око заточується на деталі. Буває й так – ти береш новий проект, а ідей немає. А коли відкриваєш бібліотеку, то маєш десятки прикладів, які обрав сам.

Я люблю сайт Awwwards, звичайно що Dribbble та Behance. Підписана на українські студії – продивляюся їх роботи. Люблю розбирати складні функціональні сайти: AirBnb, Etsy та інші. Ще є гарні Telegram-канали: Новости Дизайн-кабака, Я – дизайнер, Интерфейсы без шелухи, UI фэйл – тут розбирають різні сайти, гарні та погані сторони дизайну, роблять добірки скріншотів.

Про особисті якості дизайнера

Дизайнер має бути уважним, вміти відкидати особисте сприйняття. Я маю завдання для студентів – зробити редизайн друкованого квитка на потяг. Квитками користуються пасажири та провідники. Для кожної цільової аудиторії важлива своя інформація, є своя пріоритезація, залежно від випадку. Тому студенти захищають свою версію дизайну, спираючись на потреби цільової аудиторії. Чому саме ця інформація розташована саме в цій частині квитка? Чому вона виділена та контрастна?

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

Є таке поняття: “егоцентризм дизайнера”. Коли дизайн робиться, тому що “так зручненько виходить”, “так не ламається сітка” і таке інше. Так робити не можна.

Я вчу студентів спілкуватись із замовниками. Для цього є рольові ігри. Я даю завдання, а студенти мають ставити правильні питання. Іноді запрошую реальних замовників, щоби вони спілкувались зі сторонніми людьми. Мене надихнув прийом одного із викладачів Beetroot Academy. Прийом називається: “Лист від мудака”. Дизайнери ставлять питання та отримують короткі відповіді. Але твоє завдання – дістати інформацію від людини. Улюблені питання мають бути: “навіщо” та “чому”.

Дизайнер має вміти спілкуватись, правильно складати запити. Якщо кажуть щось одне, а в очах ви бачите, що людина не розуміє або не погоджується – перезапитуйте, уточнюйте. Навіть зі студентами таке буває. Питаю, чи все зрозуміло, відповідають: “так”, а в очах паніка.

Про ідеальне портфоліо

Після курсу у студентів буде портфоліо. Протягом навчання вони мають зробити лендінг, презентацію, банер email та скласти резюме. Залежно від успішності на диплом даю редизайн сайту.

Але ідеального портфоліо не може бути. Для кожної компанії потрібно робити нове так, аби зацікавити замовника та переконати його, що ти – професіонал.