Наразі у світі понад 1,8 млрд сайтів. Кожен з них має власну логіку, структуру, наповнення, зовнішній вигляд. Бум вебдизайнерів в Україні не стихає роками. А повномасштабна війна знову підштовхує інтерес людей до цієї галузі дизайну. Поговоримо про тих, хто створює інтерфейси, і про те, що допоможе стати хорошим вебдизайнером.

Матеріал створено у партнерстві з Projector Creative&Tech Online Institute

Вебдизайнер створює інтерфейси. Хороший вебдизайнер — уміло втримує баланс між красою, зручністю для користувача та користю для бізнесу.

Що має знати вебдизайнер

Хард скіли вебдизайнера

Хард скіли — навички, яким можна навчитися та які можна виміряти. Найважливіші вміння для вебдизайнерів:

• Розуміти композицію й динаміку макетів, працювати з типографією й кольорами.
• Проявляти емпатію до користувачів. А значить — проводити хоча б базові дослідження та спілкуватися з потенційною аудиторією.
• Відчувати естетику та красу. Та вміти втілити її одним з інструментів (Figma, Sketch, Adobe XD).
• Аналізувати результати й керуватися ними при створенні інтерфейсу.
• Мати базове розуміння HTML та CSS, щоб вміти дивитися на дизайн очима розробника.
  Відверто кажучи, не всі дизайнери це вміють. Тому навичка не обов’язкова, але бажана.

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

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

Не пише код. Вебдизайнер — не девелопер, хоч і має враховувати особливості розробки при створенні дизайну. Вміння писати код інколи потрібне, наприклад, якщо ви плануєте працювати як фрилансер на онлайн біржах. Часто там під «вебдизайнером» йдеться саме про UI/UX дизайнера та front end розробника в одному обличчі.

Софт скіли вебдизайнера

Тепер до софт скілів, м’яких навичок. Це особисті навички людини: ситуативні вміння, знання, риси характеру, які можуть застосовуватись в роботі в абсолютно різних сферах. Серед найважливіших:

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

Варіанти роботи

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

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

Фриланс. Такий формат роботи дає можливість самому обирати клієнтів. Проте є високий ризик стати заручником однакових дизайн-патернів. Оскільки клієнти часто приходять після перегляду вашого портфоліо й хочуть бачити рішення, які ви вже раніше використовували. Водночас тут не буде людей, що заберуть на себе частину комунікації. Усе спілкування, документи, брифи, оплати, податки — ваша відповідальність.

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

Андрій Соболев

Product Designer у WIX та куратор курсу Web Design Junior у Projector

Я завжди починаю навчання студентів із запитання «Де ви хочете працювати?» Насправді це найважливіша порада кожному новачку. Що швидше ви зрозумієте чого хочете, то швидше отримаєте результат. Бо є різниця, чи шукати роботу у студії, чи бути дизайнером у продукті.

Тому раджу розібратися що таке студія, продукт, аутсорс чи фриланс на початку шляху. Інше питання, яке часто чую: «Чи не пізно я починаю займатися дизайном?». Тут все просто. Тому що я сам почав шлях дизайнера у 27 років. Тоді я працював у туризмі й мені не подобалося те, чим я займався. Мабуть, я був довгенько у пошуці себе. Років так 10… Але як кажуть, краще пізно, ніж ніколи. Було складно, але результат того вартує. Зараз я проживаю своє найкраще життя.

Ще раджу пам’ятати хто такий дизайнер інтерфейсів. Неможливо бути крутим дизайнером, якщо ви зовсім не розумієтесь на частині UX. Бо кожен дизайн насамперед розв’язує якусь проблему користувача. А потім це все вже про красу, картинки чи кльові тінюшки у Figma. А ще точно знаю, що дизайнерів з так званим business mindset дуже цінують на ринку.

Проблема з навчанням полягає у різноманітті книжок, матеріалів чи курсів. Новачку складно зрозуміти з чого почати. Для цього краще мати ментора, який на своєму досвіді дасть підказку. Можливо у вас вже є знайомі дизайнери, які мають досвід? Якщо ж немає, ви можете піти навчатися та отримати допомогу ментора на курсах. Щоб отримати теоретичну базу та підтягнути дизайн скіли, рекомендую Uxcel. Сам час від часу можу пропадати там годинами.

Читайте також: Більше, ніж просто навчання. Історії дизайнерів-менті

Як знайти першу роботу

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

Можна піти звичним шляхом і стежити за вакансіями на спеціалізованих сайтах з хедхантингу, групах у Facebook, телеграм-каналах. До слова про канали, «Дизайн ЦЕХ» — місце, де зібрані вакансії у сфері від перевірених компаній.

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

Ще один варіант — шукати клієнтів на фриланс біржах та здобувати комерційний досвід. Там є замовлення для різного рівня. Почніть, наприклад, з лендингів. А далі потроху збільшуйте складність проєктів, на які подаєтеся. Серед найпопулярніших бірж — UpWork та Fiverr.

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

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

Анастасія Гуріненко

UI/UX Designer в Tubik Studio та менторка курсу Web Design Beginning у Projector

Мій основний лайфхак, як швидко освоїти вебдизайн (і не тільки) — це курси зі зворотним зв’язком від практиків. Я сама з таких починала, а зараз викладаю, тому з усіх боків упевнена у такому методі та бачу результат. На мій погляд, це найефективніший спосіб: 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.

Окрім усього описаного вище, є ще пункти без яких навряд вдасться розвиватися у професії — це постійна практика та експерименти. Не бійтеся виходити за рамки та отримуйте від роботи задоволення.