Матеріал створено у партнерстві з Projector Creative&Tech Online Institute
Вебдизайнер створює інтерфейси. Хороший вебдизайнер — уміло втримує баланс між красою, зручністю для користувача та користю для бізнесу.
Хард скіли — навички, яким можна навчитися та які можна виміряти. Найважливіші вміння для вебдизайнерів:
До слова, є кілька міфів про роботу вебдизайнера, два з яких варті окремого згадування. Вебдизайнер:
Ніколи не малює логотипи. Графічний та вебдизайнер — це різні професії, з різними хард скілами, цілями та інструментами для роботи. Але, якщо вам цікаві обидві сфери, то можете розвиватися в обох. Це тільки підвищить вашу цінність як спеціаліста.
Не пише код. Вебдизайнер — не девелопер, хоч і має враховувати особливості розробки при створенні дизайну. Вміння писати код інколи потрібне, наприклад, якщо ви плануєте працювати як фрилансер на онлайн біржах. Часто там під «вебдизайнером» йдеться саме про UI/UX дизайнера та front end розробника в одному обличчі.
Тепер до софт скілів, м’яких навичок. Це особисті навички людини: ситуативні вміння, знання, риси характеру, які можуть застосовуватись в роботі в абсолютно різних сферах. Серед найважливіших:
Куди піти працювати? Можна виділити три основні варіанти, з них ідеального — жодного. Кожен має свої плюси й мінуси, кожен потребує різних м’яких навичок.
Агенція. Робота в агенціїі — хороший спосіб попрацювати з різними проєктами, що часто не схожі одне на одного й вимагають пошуку нових рішень. Серед плюсів — не потрібно самим шукати замовників, комунікація часто відбувається через проджект- та акаунт-менеджерів. А головне — є можливість знайти ментора, готового поділитися з вами власним досвідом.
Фриланс. Такий формат роботи дає можливість самому обирати клієнтів. Проте є високий ризик стати заручником однакових дизайн-патернів. Оскільки клієнти часто приходять після перегляду вашого портфоліо й хочуть бачити рішення, які ви вже раніше використовували. Водночас тут не буде людей, що заберуть на себе частину комунікації. Усе спілкування, документи, брифи, оплати, податки — ваша відповідальність.
Продукт. Робота в конкретному продукті — гра довгострокова. Тут ви працюєте над конкретним проєктом, доповнюєте, трансформуєте, покращуєте вже наявний дизайн, а також впроваджуєте новий функціонал.
Я завжди починаю навчання студентів із запитання «Де ви хочете працювати?» Насправді це найважливіша порада кожному новачку. Що швидше ви зрозумієте чого хочете, то швидше отримаєте результат. Бо є різниця, чи шукати роботу у студії, чи бути дизайнером у продукті.
Тому раджу розібратися що таке студія, продукт, аутсорс чи фриланс на початку шляху. Інше питання, яке часто чую: «Чи не пізно я починаю займатися дизайном?». Тут все просто. Тому що я сам почав шлях дизайнера у 27 років. Тоді я працював у туризмі й мені не подобалося те, чим я займався. Мабуть, я був довгенько у пошуці себе. Років так 10… Але як кажуть, краще пізно, ніж ніколи. Було складно, але результат того вартує. Зараз я проживаю своє найкраще життя.
Ще раджу пам’ятати хто такий дизайнер інтерфейсів. Неможливо бути крутим дизайнером, якщо ви зовсім не розумієтесь на частині UX. Бо кожен дизайн насамперед розв’язує якусь проблему користувача. А потім це все вже про красу, картинки чи кльові тінюшки у Figma. А ще точно знаю, що дизайнерів з так званим business mindset дуже цінують на ринку.
Проблема з навчанням полягає у різноманітті книжок, матеріалів чи курсів. Новачку складно зрозуміти з чого почати. Для цього краще мати ментора, який на своєму досвіді дасть підказку. Можливо у вас вже є знайомі дизайнери, які мають досвід? Якщо ж немає, ви можете піти навчатися та отримати допомогу ментора на курсах. Щоб отримати теоретичну базу та підтягнути дизайн скіли, рекомендую Uxcel. Сам час від часу можу пропадати там годинами.
Читайте також: Більше, ніж просто навчання. Історії дизайнерів-менті
Ви вже отримали базу достатню для початку роботи, наприклад, закінчили курс з основ веб дизайну. Скоріш за все, ви далі задумаєтеся про те, де отримати ще більше практичного досвіду роботи з реальними клієнтами. Існує кілька найпопулярніших варіантів, обирайте той, який вважаєте найкращим саме для себе.
Можна піти звичним шляхом і стежити за вакансіями на спеціалізованих сайтах з хедхантингу, групах у Facebook, телеграм-каналах. До слова про канали, «Дизайн ЦЕХ» — місце, де зібрані вакансії у сфері від перевірених компаній.
Можна продовжити навчання на курсах. Наприклад, зосередившись на якійсь конкретній темі — роботі з текстами в інтерфейсах, дослідженнях чи поглибленому вивченні роботи з різними компонентами.
Ще один варіант — шукати клієнтів на фриланс біржах та здобувати комерційний досвід. Там є замовлення для різного рівня. Почніть, наприклад, з лендингів. А далі потроху збільшуйте складність проєктів, на які подаєтеся. Серед найпопулярніших бірж — UpWork та Fiverr.
І перевірений часом — нетворкінг. Шукайте та відвідуйте події у сфері (конференції, мітапи), щоб познайомитися з новими людьми, які в перспективі можуть стати вашими партнерами, колегами, роботодавцями.
Читайте також: Як знайти роботу після курсів: план дій для дизайнерів інтерфейсів
Мій основний лайфхак, як швидко освоїти вебдизайн (і не тільки) — це курси зі зворотним зв’язком від практиків. Я сама з таких починала, а зараз викладаю, тому з усіх боків упевнена у такому методі та бачу результат. На мій погляд, це найефективніший спосіб: 1. тобі розповідають теорію, 2. яку ти відразу застосовуєш на практиці 3. і отримуєш зворотний зв’язок про свою роботу. У такому комбо ти не вивчаєш теорію окремо від практики, і не робиш завдання, які потім не знаєш як оцінити.
Але це звісно не означає, що можна записатися та розслабитися. Найважливіший момент на курсах — це самостійна робота, наскільки б банально це не звучало. Заглиблюватися у всі деталі та нюанси, бути уважним, витискати максимум із викладачів.
Спочатку важливо дивитися як роблять інші, аналізувати роботи, використовувати референси. Бо поки що немає достатньої надивленості (за фактом досвіду), важко зрозуміти, що вдало вийшло, а що ні. Щоб її розвинути, можна взяти за звичку щодня переглядати добірки класних робіт та аналізувати рішення цих дизайнерів. Наприклад, Awwwards, Land-book, Webby Awards тощо.
Не боятися/соромитися ставити запитання (читай здатися дурним, бо чогось не знаєш) — одна з найкорисніших навичок, якій я навчилася. Це стосується не тільки наставників на курсах, а й старших колег на роботі, клієнтів. Краще відразу запитати те, що незрозуміло, ніж витрачати час на вгадування.
Для пошуку першої роботи, так чи інакше, все одно доведеться показати хоча б мінімальне портфоліо. Це не обов’язково мають бути втілені в життя проєкти або ж проєкти для реальних замовників. Головне — продемонструвати свої навички.
Оформлювати портфоліо можна на Behance або зібрати лендинг на вебконструкторі. А додати туди, наприклад:
У портфоліо обов’язково покажіть не тільки готове рішення, а й поясніть, які завдання вирішують різні компоненти та чому ви обрали саме їх.
Junior Designer
Має знання та скіли, але працює під наглядом більш досвідчених колег. Виконує завдання, що перед ним поставили.
Middle Designer
Не вимагає контролю роботи й може сам визначати метод виконання роботи. Не просто робить завдання, але й пропонує власні варіанти покращення дизайну.
Senior Designer
Досвідчений дизайнер, розуміє процеси роботи. Сам знаходить проблеми та можливості й виправляє або використовує їх для покращення інтерфейсу. Може менторити джуніорів.
Team Leader
Керує роботою менш досвідчених дизайнерів. Сам дизайнить менше, проте може вказати на помилки чи недоліки та дати фідбек.
Design Director
Стратег, який бачить повну картину. Він формує загальну концепцію, стиль жанр й естетику дизайну.
Читайте також: Матриця компетенцій. Чекліст по навичках для дизайнера інтерфейсів
Розвиватися можна не тільки вертикально, а й горизонтально. Тобто змістити фокус з візуальної частини дизайну й перейти в суміжні професії.
UX дизайнери — проводять дослідження, аналізують конкурентів, спілкуються з людьми, тестують свої прототипи, щоб побачити недоліки або ж можливості росту.
Мобайл-дизайнери — працюють з усіма видами мобільних інтерфейсів. Вони створюють дизайн, який виглядатиме привабливо на менших екранах та буде зручний в користуванні зі смартфонів.
Продакт-дизайнери — відповідають не тільки за візуальний дизайн чи тільки за UX, а й за весь сервіс, комфорт користувача й продукт в цілому.
Добірки чого б то не було — завжди суб’єктивні та часто неповні, оскільки з розвитком сфери з’являються й нові джерела.
Стежити за цими змінами можна у профільних медіа. Окрім, звісно, Телеграфа є ще Smashing Magazine (журнал з практичними порадами для вебдизайнерів та front-end розробників), блоги MeasuringU та UX Collective — з акцентом на порадах по роботі з користувацьким досвідом.
Базу ж можна отримати з книг перевірених часом від практиків з багаторічним досвідом. Зокрема:
Читайте також: Дизайнерське чтиво: як не підсісти на інформаційний фастфуд
Для початку прогляньте портфоліо дизайн-студій. Звертайте увагу і на візуальну складову, і на завдання, які інтерфейс допомагає розв’язати.
Зібрати всі агенції варті уваги — це щось про «місія нездійсненна». Проте можете почати з таких українських студій: obys, Nextpage, advanced team, The First The Last, Zajno, Vintage Web Production, Dops, Tubik, Cosmos Studio, Hexagon. Інтерфейси, створені цими агенціями регулярно отримують міжнародні відзнаки на різних платформах.
А також закордонних: Locomotive, Clay, Media.Monks, Active Theory, Resn, dogstudio, Büro, Build in Amsterdam, Mouthwash, Rogue Studio.
Крім того, можна знайти роботи для натхнення на сайтах профільних премій на кшталт Awwwards.
Щоб не заплутатися в UX/UI на старті радимо підписатися на телеграм-канал interfaces.prjctr від Projector Institute.
Окрім усього описаного вище, є ще пункти без яких навряд вдасться розвиватися у професії — це постійна практика та експерименти. Не бійтеся виходити за рамки та отримуйте від роботи задоволення.
Atomic Heart — шматок російського неоімперіалізму у світі відеоігор
Що спричинило масові звільнення в IT?
Яків Гніздовський: як графіка українця опинилася в Білому домі?
Сексі прокрастинація: реклама українського освітнього застосунку для ринку Канади
Нейронок боятися — в дизайн не ходити. Що стоїть за новим креативним трендом?
Проєкт з нагородою Red Dot: Best of the Best. Візуальна та вербальна ідентичність для 44GROUP від Qubstudio