UX / UI дизайнер: в чому різниця? Кому підходить професія і як в неї потрапити

Ще порівняно недавно дизайнер був просто фахівцем - йому надходило завдання "намалювати сайт", ніж він, власне, і займався, не розділяючи свою роботу наUXіUIнапрямку. Сайти були в цілому схожі за концепцією, знай та роби "красиво", і щоб візуал відповідав посилу бренду.

Але час йде, і воно, як відомо, нещадно - в тому числі і до дизайнерів.

Досвідчені користувачі більше не хочуть просто "красиво" - їм потрібно зручно, інтуїтивно зрозуміло, і щоб вжжжух - і ти відразу знайшов, що потрібно.

А бізнесу потрібно, щоб користувач був задоволений.

Тому створення дизайну сайту тепер включає:

• UX-дизайн (user experience)- тобто опрацювання архітектури сайту, формування логічних схем функціонування інтерфейсу, алгоритмів його відгуку на дії користувача, складання "карти шляху" користувача з урахуванням його досвіду та потреб;
• UI-дизайн(user interface)- тобто втілення візуальній складовій, промальовування всіх кнопок, іконок, блоків; підбір стилю та палітри, шрифтів і в цілому формування гармонійного макета.

Все ще незрозуміло, в чому ж принципова відмінність напрямків, що стоїть за кожним і чому професію все одно називаютьUX / UI дизайнер, Хоча ми вже з'ясували, що це фундаментально різні речі? Все розповімо - не перемикайтеся.

Навіщо ускладнювати?

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

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

Згадайте будь-який великий агрегатор - від Airbnb або Booking до Uber або Aviasales. Хіба зможе графічний дизайнер вдало прописати макет для такого проекту без глибокого розуміння процесів, що відбуваються всередині - мотивацій і сумнівів користувача, його переваг і страхів?

Ось чому потрібенUX-фахівець- він досліджує призначений для користувача досвід і запропонує найкраще рішення по архітектурі сайту, забезпечить продумане юзабіліті, задасть напрямок для графіки. Його робота - це абстракція, він відповідає за функціональність, адаптивність кінцевого продукту, за те, які емоції отримає юзер від взаємодії з сайтом. Чим краще буде виконаний блок роботи з{{UX}}, Тим легше покупцеві пройти по шляху від знайомства до виконання цільового дії.

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

Виходячи з цього процес реалізації проекту ділиться на напрямки -UX design, Прототипування,UI designі т.д. Вони взаємопов'язані і незамінні, кожен є ланкою одного ланцюга.

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

Так хто ж все ці люди і чим вони займаються? Ще трохи подробиць провідмінності між UX і UI.

Чим займається UX designer?

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

Хороший приклад роботи таких фахівців - прорив Macintosh в 1984 році, коли замість командного рядка проектувальники Apple запропонували світу вікна.

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

Тому UX-дизайнер:

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

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

Чим займається UI designer?

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

У зоні його відповідальності контроль всіх процесів:

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

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

Буває 2-в-1?

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

Так чому б не поєднувати? Напевно подумали ви, та й інші теж. Тож не дивно, що вакансії для дизайнерів часто ставлять саме так, через слеш -{{UX/UI дизайнер}}.

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

Що відрізняє хорошогоUI / UX дизайнера?

1. Комплексний підхід до проекту - будь-яка робота починається з аналізу, створення схем, начерків, тобто проводиться експертиза користувацького досвіду, як мінімум на базовому рівні.
2. Постійність - він витримує єдиний стиль у всіх, навіть найдрібніших деталях проекту. Кожен слайдер, кожне спливаюче повідомлення належить єдиної концепції і не вибивається із загального стилю.
3. Розуміння того, як економити час відвідувачів сайту / додатка за допомогою грамотно розробленого інтерфейсу.
4. Уміння поглянути на проект очима користувача, а значить, допомогти йому безперервно розуміти, що відбувається на екрані - схвалена заявка, який статус замовлення, чи бачив менеджер повідомлення і т.д.
5. Чуйність. Дизайнер пам'ятає, що навіть самий зручний інтерфейс непідвладний людському фактору і передбачає відгук сайту / додатка на випадок помилки з боку користувача.

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

Як прийти в професію?

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

Освоїти ази професії можна за пару місяців, удосконалюватися - нескінченно. Перші замовлення допоможе отримати ємне портфоліо, а вто де його взяти новачкові - питання складніше.

Курси з мінімальною кількістю теорії та максимум практики - найпростіший, але одночасно найдієвіший вихід.

База знань по web-дизайну потрібна однозначно. Саме вона дає розуміння інструментів для роботи, всіх потрібних програм, вчить насмотренность і допомагає навчитися відчувати тренди.

Тому краще, що можна порадити новачкові - освоїти Figma, Photoshop, розібратися з вектором - і найкраще робити це під керівництвом професіонала.