Все, що ви бачите в інтернеті, вигадали, намалювали і зробили зручним для користувача UI/UX-дизайнери. Багато хто чув про цю професію, але, можливо, не до кінця уявляє її особливості та перспективи.
Редакція MC.today розібралася, що таке UI- та UX-дизайн, чим займаються представники кожного напряму, у чому між ними різниця і як стати затребуваним UI/UX-дизайнером.
UX-дизайн, або дизайн користувацького досвіду – це такий підхід до створення цифрових і фізичних продуктів, який робить їх використання простим, зручним і приємним. Тому першим UX-дизайнером цілком можна назвати неандертальця, який придумав поєднати гострий уламок каменю зі зручною дерев’яною ручкою.
Абревіатура UX у назві відповідає англійському user experience ― «користувацький досвід». У це поняття входить сукупність емоцій, дій та результатів, які користувач отримує при використанні того чи іншого продукту.
Карта досвіду користувача – дзеркало взаємодії клієнта з продуктом / Джерело: depositphotos
Звідси головне завдання UX-дизайнера – покращити досвід взаємодії користувача з компанією та її продуктами на всіх етапах: від покупки до використання та подальшої підтримки.
Батьком та першопроходцем сучасного UX-дизайну можна вважати психолога та інженера Дональда Нормана. У 1993 році він залишив роботу в Каліфорнійському університеті Сан-Дієго, щоб створити й очолити відділ з розробки користувацького досвіду в Apple.
Термін «UX-дизайн» багатогранний і один із найневизначеніших в IT, він знаходиться на стику дизайну, психології, аналітики та менеджменту. Тому, щоб краще розібратися в деталях, наведемо наочний приклад.
Припустимо, ви заходите в робочий чат і дізнаєтеся, що вам потрібно взяти участь у конференції через програму Microsoft Teams. Колеги скидають вам запрошення, ви натискаєте і з’ясовується, що потрібно зайти через обліковий запис Microsoft.
Конференція вже розпочалася, тим часом ви судомно намагаєтеся згадати свій логін та пароль, злитесь, поспішайте та помиляєтеся. Далі починаються танці з бубном: ніяк не приходить смс, з’ясовується що потрібно вводити хитромудру капчу, та на додачу до всього ви відзначаєте в її вікні не всі світлофори.
У результаті на конференції вас можуть так і не дочекатися, а ваш досвід користувача навряд чи назвеш приємним. Тим часом усіх цих мук можна було легко уникнути. Для цього UX-дизайнерам було достатньо передбачити кнопку «Приєднатися до конференції як гість».
Одним словом, чим логічніша та інтуїтивно зрозуміліша структура продукту, який розробив UX-дизайнер, тим простіше з його допомогою зробити цільову дію. Вдалий UX-дизайн полегшує життя споживачам та приносить більше прибутку бізнесу.
Наприклад, в онлайн магазині з хорошим UX-дизайном навіть дитина зможе зробити покупку у 2-3 торкання. А якщо роботі з досвідом користувача не приділили достатньої уваги, покупець може заплутатися в розділах меню або не знайти кошик і в результаті піде до конкурентів.
UI-дизайн, або дизайн інтерфейсу користувача – це створення такої візуальної частини сайту або вебдодатку, яка буде приємною і привабливою для користувача. Сюди відносять підбір анімацій та фотографій, розмір та колір кнопок, дизайн меню, шрифтів, іконок тощо.
Абревіатура UI в назві відповідає англійському user interface ― «інтерфейс користувача». Простими словами це набір певних інструментів для взаємодії користувача з комп’ютерною програмою.
UI-дизайнер працює з колірною палітрою / Джерело: depositphotos
Для консольних програм інтерфейс – це набір команд, які можна вводити в консоль. А в сучасній веброзробці стандартом став графічний інтерфейс (GUI).
Він являє собою вікно, в якому розташовані звичні нам елементи управління: кнопки, перемикачі, смуги прокручування, меню та списки, що розкриваються.
Елементи дизайну користувацького інтерфейсу / Джерело: depositphotos
При розробці елементів GUI дизайнери намагалися брати за основу предмети з реального світу: механічні кнопки та перемикачі, теки, дискети та кошики для сміття. Це дозволило полегшити користувачам взаємодію з інтерфейсом і зробило його більш інтуїтивним.
Сьогодні вебінтерфейси оточують нас з усіх боків, вони є у браузера, месенджера, онлайн магазину, графічного редактора, чату та банківської програми. А зручними та привабливими їх роблять UI-дизайнери.
Завдання UI-дизайнера – намалювати за технічним завданням макет майбутнього сайту чи програми. Він малює всі елементи у Figma, Adobe Photoshop або Sketch. А потім формує з них макет, який передає фронтенд-розробнику для верстки та інтеграції із серверною частиною проєкту.
UI та UX зазвичай використовують у зв’язці, адже кожному сайту або вебдодатку потрібен зрозумілий інтерфейс, а значить у нього є елементи керування, які повинні мати певну форму та колір.
Найчастіше, особливо в невеликих проєктах, за ці напрямки відповідає один і той же співробітник – UI/UX дизайнер. Тим часом між UI та UX є різниця, і ми спробуємо її пояснити.
Для наочності ми зібрали деякі відмінності між UX- та UI-дизайном у таблицю:
Відмінність | UX-дизайн | UI-дизайн |
Галузь знань | Наука | Мистецтво |
Ціль | Зробити інтерфейс максимально зручним для використання | Зробити всі елементи інтерфейсу максимально гармонійними, щоб вони поєднувалися один з одним |
Тип мислення | Критичне | Креативне |
Яка частина мозку більше залучена | Ліва півкуля мозку | Права півкуля мозку |
Вимоги | Аналітичні здібності та емпатія | Художній смак, вміння структурувати інформацію |
Якісний інтерфейс сайту або програми повинен відповідати наступним вимогам:
UX/UI-дизайн широко використовується в різних сферах і областях, де важливо створити задовільний користувальницький досвід та привабливий інтерфейс. Ось деякі з них:
Ось список популярних програм, знання яких потрібні у вакансіях для Junior UI/UX-дизайнерів в українських компаніях:
Ми складали список добірку найкращих навчальних курсів, на яких допоможуть здобути саму творчу професію в IT – UI/UX дизайнер.
Крім професійних навичок дизайнеру-початківцю важливо розвивати свій смак, частіше «копатися» в чужих дизайнах і вивчати референси. Таких робіт багато можна знайти на сайтах Behance, Dribbble, Awwwards, Pinterest, Instagram.
До того ж не потрібно забувати і про психологію: щоб уміти прогнозувати поведінку користувачів на сайті або в додатку, важливо знати, як влаштована психіка. Дії користувачів на різних тематиках завжди різняться.
Сьогодні проєктуванням інтерфейсів займаються фахівці, які поєднують функції одночасно UX- і UI-дизайнера. На сайтах з пошуку роботи компанії рідко поділяють ці напрямки, і у вакансіях ви частіше зустрінете формулювання UI/UX-дизайнер, написане через косу межу.
Підсумуємо, UI/UX Design – сучасна та затребувана професія. Роботодавці шукають і досвідчених дизайнерів, і новачків. Тож вакансій завжди вистачає.
У рейтингу сайту пошуку роботи Djinni UI/UX-дизайнери знаходяться на восьмому місці за кількістю пропозицій і поступаються в основному маркетологам, Sales-менеджерам, спеціалістам з DevOps та frontend-розробникам.
За даними DOU, середня зарплата українських UI/UX-дизайнерів у середині 2023 року становила $1600. Це більше, ніж у графічних дизайнерів ($1150), 3D-художників ($1500), але трохи менше, ніж у Game-дизайнерів ($1800).
Павло Дуров та Ілон Маск уклали партнерство між Telegram та xAI на рік. Тож з…
Критично важливі підприємства бронюватимуть працівників на порталі «Дія» за новими правилами. Тепер отримати бронь може…
Засновник і керуючий партнер інвестиційної спільноти «УкрІнвестКлуб» Дмитро Карпіловський дав поради щодо вкладів коштів в…
«ПриватБанк» запустив ШІ-сервіс для бізнесу. Він проводить експрес-аналіз ділової репутації чинних і потенційних контрагентів. Сервіс…
Український серійний підприємець Вадим Роговський розповів, чому не потрібно ототожнювати себе зі своїм стартапом, і…
Стартап серійного підприємця Володимира Панченка Portal.AI уже робить ставку не на бізнес, а на масових…