5 питань з UX, очевидних для дизайнера, але не для менеджера

Якщо ви бізнес-аналітик, проєктний або продуктовий менеджер, вам варто знати базові речі про UX-дизайн. Хоча б для того, щоб завжди бути на одній хвилі з дизайнерами. Справа в тому, що як і фахівці будь-якої іншої сфери, дизайнери сприймають деякі речі як очевидні та зрозумілі для всіх. Давайте розберемося у п’яти частих питаннях з UX. Наприкінці статті на вас чекає невеликий цікавий тест.

UX/UI — це хіба не одне й теж?

Дизайн будь-якого IT-продукту — це багаторівнева задача, яка базується на двох поняттях: UX (User Experience) та UI (User Interface):

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

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

Що таке UX Research і для чого він потрібний?

UX Research або UX-дослідження — це той самий пошук та аналіз даних про користувачів та конкурентів продукту, який:

• Розкриває краще ЦА IT-продукту та її потреби. Наприклад, ваша команда розробила додаток із 5-ма фічами. Під час User Experience Research виявлено, що користувачі в основному використовують лише 3, а решта 2 — з різним ступенем інтенсивності. Аналіз даних про поведінку користувачів дозволить вам зрозуміти, що робити з мало затребуваними фічами: прибрати їх, доопрацювати обидві або залишити лише одну.
• Допомагає покращувати основні метрики продукту. Одне із завдань User Experience Research — це визначити проблемні місця у взаємодії користувача з інтерфейсом програми, які опосередковано і навіть безпосередньо впливають на бажання користувача далі використовувати продукт. Усунувши ці моменти, ви зможете не тільки покращити досвід користувача, але й позитивно вплинути на метрики на кшталт відвідуваності, конверсії лідів, LTV-клієнтів.
• Виявляє невідповідності між гіпотезами та реальним User Experience. При створенні дизайну опрацьовується потенційна логіка процесів користувачів: коли, де і як вони взаємодіятимуть з інтерфейсом. З цього припущення (гіпотези) створюється UI. У результаті часто відбувається ситуація, коли користувачі діють зовсім інакше, ніж передбачалося спочатку. UX-дослідження допомагає цю невідповідність виявити та зібрати необхідні дані, щоб потім на їх базі внести зміни до діючого інтерфейсу для подальшого покращення User Experience.

У продуктовому дизайні є ролі?

Деякі менеджери та бізнес-аналітики в процесі розробки UX/UI-дизайну передбачають участь UX Designer і UI Designer, або взагалі їх об’єднання у вигляді одного фахівця. Насправді у продуктовому дизайні існують 4 ролі:

• UX Designer. У його сфері відповідальності знаходяться логіка продукту та UX-метрики. Також саме він зазвичай займається UX-дослідженням та юзабіліті-тестуванням.
• UI Designer. Створює інтерфейси, чорновий та фінальні варіанти продукту. У роботі обов’язково має враховувати інформацію від UX Designer: логіку продукту, розташування елементів та їхній взаємозв’язок між собою, особливості брендування компанії замовника.
• Product Designer. Крім створення дизайну працює з метриками, проблемами користувачів, проводить A/B тестування та інтерв’ю з користувачами. Його завдання орієнтовані на цілі продукту та пошук рішень для їх отримання, тому щільно взаємодіє з клієнтом, BA та PM.
• Interaction Designer. Основне його завдання — це допомогти поліпшити метрики продукту за рахунок підвищення залученості користувача та його задоволеності від процесу роботи з інтерфейсом. Різні динамічні елементи, жива графіка тощо — це все зазвичай робить цей фахівець.

Що таке Prototype?

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

Насправді прототипи розробляють з урахуванням попередньо створених і затверджених макетів, які можуть бути кількох видів. Відрізняються між собою ступенем деталізації (Low-fidelity та High-fidelity) та цілями використання.

Приклади макетів у прототипуванні:

• Sketch — швидке замальовування майбутнього інтерфейсу, яке може виконуватися навіть олівцем на папері. Використовується для швидкої передачі ідеї учасникам проєкту.
• Wireframe — схема того, як, де і які блоки будуть розміщуватися в інтерфейсі. Можливо як у паперовому (якщо проєкт простий), так і у цифровому вигляді. Допомагає показати загальну структуру та функціональність.
• Mockup — макет із чітким розташуванням елементів та дизайном, лише неклікабельний. Добре демонструє зовнішній вигляд інтерфейсу.
• Власне Prototype — функціонуюча модель, яку можна повноцінно юзати і проводити з нею тестування.

Sketch та Wireframe відносять до Low-fidelity макетів, і їх зазвичай у своїй роботі використовують менеджери та бізнес-аналітики. На цих етапах дуже важливо уточнювати всі деталі у клієнтів і технічних фахівців, щоб максимально точно дати завдання дизайнеру. Mockup і Prototype належать до High-fidelity макетів. Їх вже створює дизайнер, але менеджер, бізнес-аналітик і клієнт мають можливість внести правки на цих етапах.

А чи є якісь правила проєктування інтерфейсів?

Головне правило для дизайнерів: User Interface повинен виконувати покладене на нього завдання та допомагати продукту досягати поставленої мети. З цього виходять основні вимоги та рекомендації до розробки інтерфейсів, які також можна використовувати для оцінки інтерфейсів. Такий підхід швидше і дешевше за комплексне юзабіліті-тестування.

10 базових принципів проєктування User Interface:

1. Зрозуміло та наочно відображайте системний статус. Користувач повинен знати, що відбувається і де він знаходиться. Чітко повідомляйте користувачеві про стан системи: що б не відбувалося, людина повинна про це знати. Хороший приклад — попередження власника смартфона у вигляді системного повідомлення та блимаючої піктограми батареї про те, що його гаджет розрядився.
2. Система повинна мати взаємозв’язок із реальним світом. Важливо, щоб інтерфейс і користувач спілкувалися один з одним однією мовою. Наприклад, якщо у вас програма розрахована на дітей до 10 років, використовуйте максимально просту лексику та структуру речень.
3. У користувача має бути свобода дій і можливість контролю. У хорошому інтерфейсі користувача існує можливість зупинити або скасувати непідходящий сценарій, повернутися до операцій, що були до його включення. Для користувача обов’язково має бути додатковий захист від помилкових дій у вигляді кнопок «скасування», «повернутись назад», «зберегти», «ви впевнені?».
4. Інтерфейс повинен відповідати стандартам та послідовностям, визначеним на початку взаємодії з ним. Користувач повинен бачити всі елементи такими, якими вони були з першої його дії. Не потрібно плутати користувача, надаючи йому системні повідомлення різними мовами або робити кнопки для однієї і тієї ж дії різної форми та кольору.
5. Створіть умови, щоб користувач менше помилявся. Більшість проблем під час роботи з інтерфейсами відбуваються через незнання якихось базових речей чи банальної неуважності користувача. Наприклад, при введенні адреси електронної пошти людина може забути про знак @ або при написанні телефонного номера не вказати одну цифру. Створюйте підказки, вводьте шаблони внесення даних, всіляко мінімізуйте помилку.
6. Зробіть так, щоб користувач дізнавався/розумів, а не згадував, що йому треба робити. Важливо, щоб людина з першого дотику розуміла принципи роботи з продуктом, легко взаємодіяла з ним. Не перевантажуйте користувача інформацією перед переходом з однієї частини системи в іншу.
7. Система має бути гнучкою та ефективною у використанні. Користувач із будь-яким рівнем досвіду повинен вміти з нею розібратися. Чим простіше і зрозуміліше функціонал, блоки інтерфейсу та меню, тим легше користувачам працювати з продуктом.
8. Використовуйте в дизайні мінімалізм та естетичність. Мета будь-якого інтерфейсу — максимально швидко і легко довести користувача до потрібної мети. Перевірте всі елементи та контент на інформативність та сприйняття. Все зайве приберіть.
9. Зробіть так, щоб користувач без проблем розумів системні повідомлення про діагностику та виправлення помилок. Рано чи пізно збої відбуваються скрізь, і важливо, щоб користувач міг дізнатися про причини та способи їх вирішення. Це означає, що інформацію потрібно виводити вчасно, у зручній формі та на зрозумілій для звичайної людини мові.
10. Користувач повинен мати можливість прочитати документацію та довідкову інформацію, отримати допомогу. Пункти «довідка», «часті запитання», «допомога спеціалістів», «інформація про програму» — це must have для будь-якого сучасного продукту.

Замість висновків

Без грамотно виконаного етапу UX складно створити справді успішний продукт. На User Experience базується вся логіка взаємодії користувача з IT рішенням. Так що приділіть цьому аспекту належну увагу і не бійтеся ставити дизайнеру питання та запитувати його думку. Ви всі знаходитесь в одному човні. Успішних проєктів!