Будь-який предмет навколо нас: ноутбук, на якому ми працюємо, смартфон, у якому гортаємо сторіс, диван, де відпочиваємо після роботи чи навчання, подушка, на якій спимо, чи чашка, з якої п’ємо чай, — усе, що нас оточує, є продуктом роботи дизайнерів. Чи можливо уявити без них наше сучасне життя? 

Що таке дизайн

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

‍

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

А що таке UI/UX дизайн? 

Незважаючи на те, що поняття UX та UI доволі часто використовуються разом, їхні завдання разюче відрізняються. 

UX-дизайн (user experience) — це робота зі створення логіки, зручності та покращення досвіду використання інтерфейсу. Простіше кажучи, це визначення, які саме елементи інтерфейсу необхідні користувачеві; в якому порядку вони мають виводитись; де вони мають бути розміщені і яким чином має відбуватися взаємодія цих елементів із користувачем. Цьому передують різні види досліджень поведінки і потреб користувачів конкретного продукту. 

UI-дизайн (user interface) — це робота з візуальною, графічною частиною дизайну інтерфейсу. Тобто це те, що ми бачимо, беручи в руки смартфон, сидячи перед екраном ноутбука чи звіряючись на тренуванні зі своїм смарт-годинником. Це кольори, іконки, кнопки, шрифти — загалом, композиція. 

Основоположниками UI/UX були вебдизайнери. Вони займались розробкою дизайну сайтів, та згодом один лиш естетичний вигляд сайту перестав відповідати потребам користувачів. З’явились адаптивні можливості — пристосування сайту під формат мобільного телефона (тобто вебсайт зрозумілий і зручний для використання на маленькому екрані). Сфера роботи вебдизайнерів поступово розширювалась і згодом постала потреба розробки дизайну мобільних додатків для пристроїв. Окремо взятий візуальний дизайн (UI — user interface) не міг створити дійсно вагомих конкурентних переваг для користувачів, тож ринок потребував не лише естетичних, а й зручних інтерфейсів. Так з’явилося поняття UX (user experience), що відповідає за вивчення і проєктування зручності роботи з інтерфейсом та розуміння потреб користувачів. 

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

Основна мета UI/UX дизайну — створення зручного, логічного й естетичного інтерфейсу для різних пристроїв, переважно для декількох одночасно (комп'ютери + мобільні телефони + планшети). 

Типові робочі завдання

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

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

Місце дизайнерів у розробці продуктів

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

Отже, процес розробки програмного продукту починається з його ідеї. Далі описується загальне бачення, вимоги (характеристики та набір функцій, які повинен мати цей продукт), а також планується процес розробки. Залежно від того, як організована робота в команді, дизайнер_ка може брати участь навіть у підготовчих етапах планування роботи, а не лише на стадії проєктування інтерфейсу. Безпосередньо на етапі дизайну вибудовується логіка взаємодії користувача із продуктом, виявляються потреби і будуються прості й логічні шляхи досягнення різних цілей користувача. Результатом роботи дизайнерів є прототип програмного продукту, що презентується команді та замовнику. Під прототипом ми розуміємо інтерактивну версію дизайну, якою можна переміщатися, мов справжнім інтерфейсом. До того ж, кнопки, пункти меню теж робочі й імітують роботу сайту, який напишуть і розмістять в інтернеті розробники. 

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

Схематично процес розробки діджитал-продукту можна зобразити таким чином: 

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

Тож основними завданнями та цілями UI/UX дизайнерів є:

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

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

Як виглядає робочий день UI/UX дизайнерів

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

Переважно робоча діяльність визначається потребами команди і замовників.

Серед щоденних активностей можна виокремити такі: 

• робота в інструменті Figma над візуальним дизайном/продумуванням логіки додатка чи сайту;
• опрацювання вимог замовника, їх уточнення і доповнення;
• комунікація (поштою чи на дзвінках) із командою (проєктним менеджером та розробниками); 
• комунікація з користувачами щодо зручності впроваджених рішень;
• узгодження рішень із замовниками;
• пошук ідей для вдосконалення проєкту замовника; 
• пошук ідей для покращення дизайн-процесів у компанії;
• кавабрейки тощо.

Розпорядок дня, як правило, гнучкий, а робота може виконуватись віддалено, оскільки більшість завдань вирішується у хмарних сервісах та програмах, а спілкування з командою може відбуватися в Zoom, Microsoft Teams чи Google Meet. Проте деякі компанії зацікавлені у виключно офісній роботі дизайнера для покращення комунікації та контролю робочих процесів.  

Наприклад, робочий день дизайнера може бути таким:

На щоденному зідзвоні з командою дизайнер_ка звітує, що працює на задачею зі створення прототипу сайту та його інтерактивністю. Зазначає, що не може підключити нову сторінку сайту до прототипу і завершити роботу над цим етапом проєкту, бо замовник не надав підтвердження, що його влаштовує дизайн сторінки. В такому випадку команда програмістів теж не може взяти в роботу верстку цієї сторінки сайту і вся команда перемикається на іншу задачу. Дизайнер_ка може займатися впорядкуванням вже наявних макетів або взяти задачу з іншого проєкту. Крім того, QA-інженер доповідає, які функції сайту були перевірені, обумовлює знайдені помилки. Іноді це потребуватиме вирішення і в площині дизайну. Щоденні дзвінки важливі, щоб команда працювала злагоджено й ефективно вирішувала проблеми в процесі розробки. Зазвичай такий робочий дзвінок займає не більше 15 хвилин на день.

Кому підходить ця спеціальність

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

Перш за все, не лякайся складних і невідомих слів у вакансіях UI/UX дизайнерів. Зазвичай це низка технічних навичок, які ти зможеш опанувати, витративши декілька додаткових годин в день.

А ось без чого дизайнеру точно не обійтись, то це:

• Уважність до дрібниць;
• Мислення в площині дизайну на побутовому рівні (коли бачиш, як можна краще підібрати кольори для рекламної брошури чи зробити улюблений мобільний додаток зручніше);
• Здатність довго робити одне й те саме (стійкість до монотонних завдань);
• Готовність до коригування, дороблення та правок до макетів;
• Вміння аналізувати інформацію та робити висновки
• Вміння донести свої ідеї та пояснити їх оточуючим простою мовою;
• Візуально-естетичний смак;
• Вміння самостійно шукати відповіді на свої запитання;
• Знання англійської мови (саме так, потрібен як мінімум базовий рівень англійської, щоб навчатись за актуальними ресурсами чи дивитись відео інших дизайнерів, наприклад, на YouTube).

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

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

Як зрозуміти, що дизайн — це твоє?

Фах дизайнера відкриває безліч можливостей розвитку в ІТ. Якщо вмієш аналізувати інформацію, маєш смак, прагнеш до перфекціонізму в рамках здорового глузду, можеш ефективно комунікувати з командою, пояснювати та відстоювати свою думку — тоді робота дизайнера тобі сподобається. Та приготуйся до постійного навчання і вдосконалення, до конструктивної критики на початку карʼєри, до цікавих задач, над якими треба думати, а не робити за шаблоном. А також на тебе чекатиме задоволення від схвальних відгуків команди та високої оцінки замовника проєкту. Для дизайнерів немає приємніших слів від клієнта, ніж “Це те, що треба!” 

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

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

‍

Ми в Академії віримо, що кожен може знайти ідеальну кар’єру для себе, а також в те, що борщ — це найсмачніша у світі страва (не дарма ми “бурякова” Академія). Тож використаємо аналогію борщу (ідеальної персональної кар’єри) для пояснення практичних завдань (так, ми не шукаємо легких шляхів).

Отже, щоб знайти свій ідеальний борщ (персональну кар’єру) треба:

По-перше, спробувати різні борщі та дізнатись, які з них тобі до смаку: зелений (QA Manual), пісний (UI/UX дизайн), з грибочками (Front-End розробка) чи якийсь інший? Ти вже це робиш, проходячи цей курс.

Для цього проведи рефлексію над прочитаним матеріалом: 

1. Чи збігається твоє уявлення про роботу UI/UX дизайнерів із тим, що описано у цьому уроці?

2. Чи сформувалось уявлення про роботу UI/UX дизайнерів після проходження уроку?

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

• проєктний менеджмент в ІТ;
• python-розробку;
• фронтенд-розробку;
• тестування програмного забезпечення.

4. Які аспекти професії UI/UX дизайнерів тебе найбільше зацікавили? 

5. Чи допоміг цей урок зрозуміти, які навички необхідні для фаху UI/UX дизайнера?

По-друге, потрібно зрозуміти, які інгредієнти є вже в тебе на полиці (власне персональні якості в тобі) і як їх заміксувати для борщу (кар’єри), що тобі подобається. 

• Спочатку перевірити полиці і зрозуміти, що на них є (пройти тест на персоналії і ще раз прорефлексувати над тим, хто ти і які в тобі є визначні риси; орієнтовно звірити, наскільки вони поєднувані з кар’єрою мрії);
• Можливо треба ще щось докупити (прокачати не наявні навички, а, скажімо, посидючість)? 
• Або можливо щось розморозити з холодильника (наприклад, для кар’єри мрії треба вміння впевнено комунікувати з незнайомими людьми — а це вже тобі притаманне. Тож виглядає, що майбутня професія вже тобі до снаги).

А для цього зроби ось такі кроки:

1. Пройди ось цей тест, що визначить яка з 16 персоналій твоя*. 
2. Після цього прорефлексуй, наскільки отриманий результат здається тобі точним. Чи справді ця персоналія про тебе? Чи було там зазначене те, що ти і так знаєш про себе? Можливо щось було нове?

*Загальні відповіді за типом персоналії будуть українською, але детальні описи, на жаль, лише англійською.