Наприклад, уявіть свій улюблений тортик. Ось вам принесли його в кафе, ви бачите форму, текстуру, кольори - в міру шоколаду, сиру, ягід чи інших елементів, ви відчуваєте приємний аромат. Потім відкушуєте шматочок і насолоджуєтесь смаком. Якщо цей тортик вам дуже прийшовся до смаку, ви, мабуть, візьмете ще один із собою, чи не так? Ось ви і стали постійним клієнтом!
Схожий ланцюжок відбувається з будь-яким продуктом у нашому житті - від поїдання десертів до знайомства з новим сайтом чи додатком. Ось тому і потрібні ті, хто робить продукт привабливим. Сьогодні гібридні вакансії для UX/UI дизайнерів зустрічаються доволі часто. Що ж це за літери, що вони означають і яка між ними різниця - про це все сьогодні і поговоримо.
У чому різниця між UX- та UI-дизайном
Основна різниця між UX- та UI-дизайнерами у тому, за що власне вони відповідають. Перші відповідають за те, наскільки зручно буде працювати з продуктом, умовно у скільки кліків ви зможете замовити товар на сайті. А другі покликані зробити цей сайт приємним, підібрати гарні кольори, форму кнопок, меню тощо.
Частенько ці дві функції зав'язують на одну людину для економії, тому і пишуть їх через косу лінію, хоча по факту це різні напрями. Саме тому у вакансіях можна зустріти варіанти "Web-дизайнер UX/UI" або "продуктовий дизайнер", бо роботодавці не завжди поділяють суміжні області дизайну, тому при пошуку роботи "пробивайте" у пошуку різні комбінації, навіть якщо вони з суто професійної точки зору виглядають не дуже доречними.
Чим займаються UI-дизайнери
Вся суть роботи в цьому напрямі - це намалювати загальну картинку сайту чи застосунку, де яка кнопка має бути, які будуть кольори тощо. Тут він поєднується з UX напрямом (якщо цим таки займається хтось інший), від якого отримує прототип майбутнього сайту.
Візуальна складова дуже важлива, в ній часто намагаються виразити емоції бренду, наприклад кольорова гама підбирається дуже ретельно.
Ось чим займається UI-дизайнер:
- Саме за ним рішення про те, як виглядатиме сторінка чи її окремі частини, блоки тощо. Мова як про форми і композицію до кольорів.
- Далі дизайнер вимальовуює кожен елемент інтерфейсу від форми реєстрації або замовлення до кожної кнопки та буліту;
- Після того складають так званий UI-Kit. Це спеціальний документ, який описує всі графічні елементи інтерфейсу, типографіку та кольори.
- Також до функцій UI входить і те, щоб всі елементи і сам сайт характеризувались одноманітністю, мали єдиний стиль та дизайнерські рішення.
- Також до цього напряму відноситься і адаптивність дизайну. Під цим розуміється те, що з сайтом буде однаково зручно взаємодіяти як з ноутбука, так і зі смартфонів, притому різних моделей.
Чим займається UX-дизайнер
Тут вже мова йде про те, наскільки зручно буде людині працювати на нашому сайті чи користуватись додатком. Хороший UX дизайнер має бути трошки пророком і вміти заглядати в майбутнє, тобто зрозуміти як саме все "розставити" так, щоб нашому юзеру було зручно.
Загалом, розташування кнопок чи меню на сайті повинно бути логічним і допомагати користувачеві швидко зробити те, за чим він завітав. Наприклад ви заходите купити товар, а тут вже ви бачите і кнопку "купити", там кілька полів які треба заповнити, далі кнопка "підтвердити", яка поміщена на цьому ж екрані - і все, ви купили товар. Або, наприклад, якесь поле ви не заповнили, натиснули "підтвердити" - і сайт повертає вас до порожнього поля автоматично. Це - хороший приклад.
А от якщо вам треба "здогадатись" пролистати" всю сторінку вниз щоб поставити якусь галочку, це дуже погано і так робити не треба.
Для того щоб успішно вирішити ці проблеми, важливо розумітись на тому, якою логікою та чинниками керуються люди. Те що добре для гіка, не дуже підходить для пенсіонера, і ми маємо розуміти для кого робимо продукт, і відповідно приймати ті чи інші рішення. Комусь важливі великі і прості елементи на сайті, а хтось любить швидкий доступ.
Також треба слідкувати і за конкурентами (або колегами, кому як хочеться), їх вдалими і провальними рішеннями, щоб самому не сісти в калюжу і не наступати на граблі, які вже тріснули по лоба інших дизайнерів.
Відповідно, функції UX-дизайнера можна звести до наступних:
- Він проводить UX-дослідження та тестування продукту.
- Далі з'ясовуються потреби цільової аудиторії майбутнього сайту чи застосунку. Наприклад, якщо це сайт присвячений якійсь грі, то він має бути адаптований саме під геймерів.
- Потім створюються так звані варфрейми та мокапи, якщо по-простому, то це макети майбутнього продукту. Їх малюють в окремій програмі щоб подивитись, наскільки все "танцює" один з одним і чи виглядає це гармонійно.
- Наступними складають User Flow та User Journey Map (UJM), тобто спеціальні карти шляху користувача всередині продукту. Це потрібно для того, щоб пропрацьовати майбутні можливі проблеми ще до етапу розробки.
- Далі йде виявлення бар'єрів (тобто якихось проблем) та драйверів (того, що можна назвати плюсом) при взаємодії з продуктом. Також оцінюються метрики та даються рекомендації щодо того, як покращити "шлях користувача" та максимально прибрати всі бар'єри.
- І тільки після цього починається створення прототипу сайту або програми.
Принципи UI/UX-дизайну
Як ми вже казали вище, зазвичай обидва напрями поєднують і одна і та сама людина займається цими двома напрямками одночасно. Звісно, у розробці сайтів та застосунків є певні загальноприйняті норми, або принципи. Про них наразі написані сотні статей і десятки книг, тому про це можна говорити майже нескінченно багато. Але спробуємо дати стислий огляд:
- Підстроювати дизайн під людину, а не людину під дизайн. Наприклад, розташовану над рядком введення підказку користувач при наборі не закриватиме рукою.
- Використовувати пам'ять системи, а не користувача. Великі обсяги інформації, дати та складні обчислення мають бути делеговані машині.
- Загалом, гарний продукт має цінувати зусилля та дані користувача. Тобто, інтерфейс повинен зберігати дані, а не змушувати користувача кожного разу вводити їх знову. Наприклад, при замовленні піци автоматично зберігати адресу та пропонувати її використовувати під час наступного замовлення.
- Також важливо подбати про як кажуть - "наявність сенсу у кожному екрані", тобто кожна сторінка повинна бути зрозумілою сама по собі, без прив'язки до попередніх і наступних.
- При роботі з сайтом чи застосунком має надаватись безперервний зворотний зв'язок. Адже користувач повинен завжди розуміти, що відбувається і на якому етапі процесу він перебуває.
- Ще треба уникати зайвих елементів. Тобто, замість того, щоб вводити для функції новий елемент, варто подумати, як наділити нею вже існуючий. Але при цьому не потрібно і перевантажувати інтерфейс.
Як бачите, головне - це людиноцентричність. Ви не повинні робити дуже "красивий", але важкий у користуванні сайт. Наприклад, всі зустрічали такі сайти, де треба користуватись "випадаючими" списками. Коли таких списків 1-2, це нормально, але коли ти маєш проходити вказівником цілий лабіринт із 4-5 списків, то це дуже погана практика.
Або, наприклад, якщо це інтернет-магазин, у користувача має бути можливість швидко і зручно шукати товари, фільтрувати та групувати їх за якоюсь ознакою та швидко переходити до меню покупки.
Причини популярності спеціальності
Все тому, що сьогодні жоден бізнес не обходиться без власного сайту чи програми. А від того, чи зручно користувачеві зробити те, задля чого він прийшов на сайт чи скачав додаток, залежить прибуток компанії. Саме тому гібридні вакансії для дизайнерів ніколи не закінчаться.
Все це зумовлює популярність професії розробника інтерфейсів. Але потрібно бути готовим до того, що дизайнер не просто малює прототипи, він багато міркує, досліджує та разом із командою приймає стратегічні рішення.
Щоб стартувати в професії, UX/UI дизайнеру потрібно мати базові навички. До них можна віднести графічний дизайн - знання законів типографіки, основ композиції та колористики. Також дизайнер повинен розбиратися у верстці та бути знайомим з HTML та CSS. Знадобиться знання інструментів (перш за все графічних редакторів) - і готовність швидко освоювати новий інструментарій, якщо буде така потреба.
Якщо ви щось із цього вже знаєте та вмієте, буде простіше, але навчитися професії UX/UI-дизайнера можна і з нуля. Для цього існують спеціальні курси. Плюс цього напрямку ще і в тому, що він дещо вужчий ніж напрям, наприклад, вебдизайну, і навчитись йому можна швидше і простіше.
Плюси та мінуси роботи
Спочатку про переваги. Перш за все, слід зазначити високий попит. Професія дуже затребувана, особливо в умовах зростання IT-індустрії та цифровізації бізнесу. У вас буде дуже великий вибір проєктів.
UX/UI-дизайнери потрібні у різних сферах, включаючи наприклад банки та всякі фінансові організації і загалом банкінг, сайти та застосунки лікарень та клінік, звісно ж у сфері розваг та інших. Зараз от вже навіть для війська випускають спеціальні застосунки типу Армії+, і навіть там теж попрацювали дизайнери інтерфейсів.
Є широкі можливості для зростання. Можна розвиватися в UX/UI-дизайні, перейти до управління проектами в компанії або розвивати власні, стати продуктовим дизайнером. До того ж, це гарний варіант для роботи на дому. Багато компаній пропонують віддалені вакансії та гнучкий графік роботи.
І наприкінці можна сказати про задоволення від власної роботи. Ви отримуєте можливість впливати на продукт та користувачів. Саме від роботи дизайнера залежить, як легко людям користуватися цифровим продуктом.
Тепер щодо мінусів. Перш за все, це висока конкуренція. З популярністю професії зростає конкуренція, особливо серед фахівців-початківців. Потрібно постійно розвивати навички та оновлювати своє портфоліо.
У роботі необхідно поєднувати різні навички: від аналізу даних до створення візуальних концепцій. Це може викликати стрес у тих, хто вважає за краще зосереджуватися на одному завданні, адже здатністю до багатозадачності можуть похвалитись не всі.
Вам часто доведеться йти на компроміси щодо проєкту. Суть в тому, що неодноразово доведеться власні рішення узгоджувати із замовниками, і не завжди це відбувається без "тертя", тобто безконфліктно. Потрібно шукати золоту середину між початковою ідеєю та правками клієнта, хай іноді вони і здаються вам недолугими чи недоречними.
Окрім того, часто доводиться працювати за умов жорстких термінів. Це часто призводить до перевантажень і, відповідно, стресу.
Висновки
Це дуже перспективний напрям, що дозволяє при засвоєнні базових навичок поєднати креативність із дистанційною роботою без досвіду, а також отримувати непогану зарплату. Наразі онлайн вакансії в Україні щодо цього напряму передбачають оклад приблизно від 40 тисяч гривень і вище.
Дизайнери з досвідом мають майже вдвічі більше. Також, в міру напрацювання досвіду та власного портфоліо, ви зможете попрацювати і на закордонні компанії, де рівень зарплат ще вищий, а ринок більший за наш.
Зараз "зайти" в світ дизайну набагато простіше, адже з'явилось дуже багато інструментів, які полегшують роботу дизайнерів і багато в чому її автоматизують. Звісно, є і свої мінуси, але вони є на кожній роботі і переважно стосуються необхідності узгоджувати ваші наміри з забаганками клієнтів.
