Статті
UI/UX дизайнер: з чого почати
Beginner friendly поради про навчання, надивленість і першу роботу
19 січня, 2023
Олексій Кравченко
Product Designer у Universe

Інтерфейс та досвід користування ним є одним із найважливіших елементів будь-якого сайту або застосунку. Зручність інтерфейсу формує перше враження у користувача та визначає, чи зможе і чи захоче він далі взаємодіяти з продуктом. За те, щоб інтерфейс був інтуїтивно зрозумілим і зручним відповідають UI/UX дизайнери.

Як навчитися й отримати свою першу роботу в UI/UX та як зараз виглядає ринок праці для цих спеціалістів — розбираємося з Олексієм Кравченком, Product Designer у продуктовій IT-компанії Universe і лектором школи Genesis UI/UX School.

Хто такий UI/UX дизайнер

UI/UX дизайнер — це проєктувальник користувацького досвіду, спеціаліст, який реалізує запити бізнесу для задоволення потреб його користувачів.

Цей фокус і робить UI/UX дизайн творчою професією. Дизайнер насамперед проєктує для людей. Дизайн має працювати й мати гарний вигляд на різних пристроях і локалізаціях. Фахівцю потрібно працювати з користувацькими і клієнтськими запитами й комунікувати з різними командами щодо кінцевого рішення. Наприклад, у команди програмістів не завжди буде час і можливість відтворити задуманий дизайн повністю, тобто розробники також будують певні рамки. Та у дизайнера залишається простір для ідей. До того ж завжди можна експериментувати з тим, щоб обігрувати обмеження креативно.

Світчинг у UI/UX дизайн

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

UI/UX дизайнера можна вважати технічним спеціалістом у продукті, оскільки він неопосередковано залучений до процесу розробки. Та на ринку побутує хибна думка, що цей напрям — досить простий для старту роботи в IT, на відміну від програмування. Це підкріплюється ще й іншим міфом — нібито джуніор-спеціалістом можна стати “за три тижні”. Саме тому зараз на ринку багато початківців рівня trainee (стажер) і джуніор, але мало досвідчених фахівців.

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

Необхідні навички і знання

Під час відбору на позиції UI/UX дизайнерів в Universe ми, наприклад, багато уваги приділяємо перевірці базових понять та правил у дизайні (композиції, кольору, шрифтам тощо). Також важливо, щоб спеціаліст володів інструментарієм:

Figma або Sketch — тут відбувається основне проєктування інтерфейсів;
Photoshop та Illustrator — інструменти для роботи з векторною та растровою графікою;
After Effects — інструмент для інтерфейсної анімації.

Паралельно також важливо тренувати надивленість і вчитися обґрунтовувати свої рішення. Остання навичка необхідна для роботи з командою — треба вміти донести зацікавленим особам або клієнту, чому ваше дизайн-рішення є раціональним. Саме такої бази ми очікуємо від тих, хто подаватиметься до нас на Genesis UI/UX School.

В першу чергу важливо поглибити знання інструментів, щоб проєктування відбувалося швидше. А для цього важливо навчитися:

  1. пристосовувати свій дизайн до різних продуктів та аудиторій;
  2. проводити дослідження;
  3. тестувати дизайн-рішення;
  4. аналізувати конкурентів;
  5. взаємодіяти з розробниками й іншими командами, тобто передавати свою роботу далі;
  6. мати розуміння продуктової аналітики й тих метрик, на які важливо орієнтуватися в роботі з інтерфейсами.

Дуже круто, коли під час навчання всі ці навички прокачуються на практиці на якомусь проєкті. Також важливо навчитися розповідати про свою роботу і презентувати себе, що добре тренувати на захисті навчального проєкту.

Genesis UI/UX Schools розпочнеться у березні 2023 і триватиме 12 тижнів. Участь безкоштовна — реєструйтеся до 12 лютого і навчайтеся створювати функціональні дизайни.

Та є навички, які можливо отримати лише під час роботи. Насамперед це про дипломатію у взаємодії з клієнтом або колегою: вміти розуміти бачення очікуваного результату, ставити доречні запитання, узгоджувати коректний бриф, надавати інтерактивні прототипи і нормально ставитися до правок.

Також лише з досвідом починаєш правильно декомпозувати великі задачі й коректно оцінювати термін їхнього виконання.

Як і де навчатися на UI/UX дизайнера

  • Самостійно

UI/UX дизайну можна навчитися й самостійно — у вільному доступі є багато відеоуроків, книжок і статей у блогах. Я сам на початку кар’єри не мав змоги оплачувати навчання на курсах.
Питання лише в тому, що є висока ймовірність отримати знання несистемно. І звісно, самостійне навчання займає більше часу, аніж якби ви йшли структурованою програмою курсу разом із куратором, який ділиться своїм успішно реалізованим досвідом і корегує вас.

  • На курсах

На курсі можна прокачати не тільки хард-скіли, а й системно отримувати фідбек, працювати з іншим баченням і запитом. Це можливість швидко отримувати відповіді на запитання, а їх із часом виникатиме все більше.

Проте важливо обирати ментора та викладача, який є реалізованим спеціалістом і має комерційний досвід. Найкраще, якщо це фахівці з кількарічним досвідом у продуктових командах дизайнерами або продакт-менеджерами. Вони зможуть дати детальний фідбек і допомогти розвинути розуміння, як UX впливає на продуктові метрики. Розуміння цього допомагає стати справді сильним спеціалістом, який не обмежується лише симпатичними графічними рішеннями.

  • Конференції і нетворкінг

Також варто відвідувати дизайн-конференції або панельні дискусії, стежити за блогами дизайнерів ваших улюблених продуктів, дизайн-студіями та заходами великих продуктових компаній. Я слідкую за роботами Cosmos Studio, Obys Agency і Жені Ринжук, а заходи можна подивитися на Figma, у Telegram-каналах Projector і CASES.

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

Перша робота

Для UI/UX дизайнера важливо мати портфоліо. Якщо спеціаліст на початку кар’єри, в ньому достатньо мати два-три розгорнутих кейса, серед яких можуть бути:

  • власний пет-проєкт, де ви пропонуєте, як задовольнити певну потребу і підкріплюєте рішення дослідженням;
  • благодійний проєкт;
  • проєкт, який ви виконували на фрилансі;
  • кейс, який допоміг вирішити певні потреби бізнесу ваших друзів;
  • фінальний проєкт, який часто захищають на курсах та в школах. Наприкінці Genesis UI/UX School ви також зможете розробити такий проєкт і додати його до портфоліо.

Читайте також: Як знайти роботу після курсів: план дій для дизайнерів інтерфейсів

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

Спроєктуйте власний вебсайт-портфоліо і адаптуйте його під мобайл. Такий підхід може підвищити привабливість вас як кандидата.

Читайте також: Що UX-дизайнер початківець має обов’язково показати в портфоліо.Поради від Джареда Спула

У CV також буде доречно додати перелік курсів, які ви прослухали. Якщо цей курс релевантний вакансії, то роботодавець приблизно орієнтуватиметься, які знання і навички ви від нього отримали. До речі, є популярна практика, коли компанія під час найму звертається за відгуком до кураторів курсів, які прослухав студент, і навпаки, куратори курсів часто радять найстаранніших студентів в LinkedIn чи Facebook. Наприклад, у школі UI/UX дизайну від Genesis Academy наприкінці навчання учасники відвідають ярмарок вакансій, де зможуть познайомитись із СЕО компаній та знайти майбутню роботу.

Розвиток

Горизонтально UI/UX дизайнер може розвиватися у графічному дизайні, проєктуванні для вебу, інтерфейсній лотті-анімації, моушн-дизайні та 3D-дизайні, на який завжди є запит, а також прокачатися в дослідженнях. Спеціаліст, який має експертизу в кожному з цих напрямів, має більший попит на ринку.

Також можна розвиватися як менеджер: підвищувати свій ґрейд до Middle та Senior, отримати посаду старшого дизайнера, керувати дизайн-командою, стати артдиректором, продакт-дизайнером, керівником дизайн-департаменту або CDO (Chief Design Officer).

Та на якому б карʼєрному етапі ви не були, завжди інвестуйте у нові знання — так підвищується ваша цінність та вартість як спеціаліста.

Корисні ресурси

Що почитати?

  • «Про інтерфейс», Алан Купер
    Як створювати дизайн, що відповідатиме реальним очікуванням користувачів. Класика літератури про дизайн, яка сформувала й розвинула структуру дизайну взаємодії.
  • «Дизайн звичних речей», Дон Норман
    Щоб навчитися помічати гарний дизайн і прийоми навіть у буденних речах. А також познайомитися з основними вимогами користувачів, класичними помилками дизайнерів та способами їх запобігання.
  • «Опанувати складність», Дон Норман
    Щоб перестати боятися складності та навчитися її приборкувати за допомогою логічного, зрозумілого та інтуїтивного дизайну.
  • «Пацієнти керують божевільнею», Алан Купер
    Щоб розібратися, чому талановиті люди створюють погані програмні продукти. Та зрозуміти, як використовувати ці таланти для створення продуктів, що будуть радувати користувачів і збільшувати прибуток.
  • «Дизайн для реального світу», Віктор Попаник
    Це більше про промисловий дизайн, але книжка класно формує світогляд, філософію спеціаліста з нахилом до людиноцентричності та уваги до соціального контексту.

Що подивитись?

  • Abstract: The art of Design
    Це оригінальний документальний серіал Netflix, присвячений художникам у сфері дизайну. У першому сезоні розповідають про ілюстратора Крістофа Німанна, дизайнера взуття Nike Тінкера Хетфілда, сценографа Еса Девліна, графічну дизайнерку Полу Шер тощо.
  • Objectified
    Повнометражний документальний фільм про наші складні відносини з промисловими об’єктами та, відповідно, людьми, які їх проєктують.
  • Rams
    Документальний портрет Дітера Рамса, одного з найвпливовіших промислових дизайнерів.
  • Helvetica
    Незалежна документальна стрічка, що розповідає про типографію та графічний дизайн, вплив шрифтів на наше життя і міське середовище. Також фільм містить бесіди з провідними дизайнерами сучасності щодо специфіки їхньої роботи, творчого процесу та естетичної складової шрифтів.
  • The Genius of Design
    Програма розповідає про історію переважно промислового дизайну та винаходи, котрі змінили сучасне життя, наприклад, вушко для відкривання консервної банки і вбудована кухня.

Де шукати натхнення?

  • Screenlane
    На сайті можна знайти понад 10000 дизайн-рішень і користувацьких патернів інтерфейсів для iOS.
  • Mobbin
    На платформі розміщено безліч скриншотів застосунків для iOS та Android, а також є словничок, за допомогою якого можна вивчити анатомію інтерфейсів.
  • Growth Design
    Це ком’юніті створили Dan Benoni й Lois-Xavier Lavallee, які понад 10 років вивчали дизайн та психологію користувацького досвіду. У них дуже цікаві кейси та розділ про психологію сприйняття інтерфейсів.
  • CopyBook
    Колекція UX-текстів, які можна використовувати у ваших інтерфейсах або інших потребах при проєктуванні.

Читайте також: Вебдизайнер: з чого почати. Beginner friendly поради про пошуки знань та роботи

avatar
Олексій Кравченко
Product Designer у Universe
Колонка

У нас є ще дещо для вас