Дизайн-мислення в UX/UI: етапи, приклади, застосування на практиці

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

Головна мета: вийти за межі існуючих стереотипів та звичних способів вирішення задачі.

В оригіналі це називається thinking outside the box — у прямому сенсі «думати поза коробкою».

Історія виникнення 

Дизайн-мислення зародилося в 1960-х роках, як підхід до вирішення проблем у сфері дизайну. Його основи були закладені в Стенфордському університеті професорами Девідом Келлі і Біллом Могріджем, які пізніше заснували всесвітньо відому компанію IDEO.

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

Дизайн-мислення в UX/UI дизайні

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

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

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

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

Основні етапи 

Основні етапи процесу вирішення проблеми за допомогою дизайн-мислення складається з п'яти етапів:

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

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

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

Прототипування. Тут завдання перевірити працездатність ідей на практиці. Достатньо створити бюджетну версію продукту з функціями, які допоможуть вирішити зазначене завдання.

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

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

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

Жодна із сфер дизайну не потребує такого глибокого занурення у світ клієнта, як UI/UX-дизайн. Щоб створити зручний та практичний продукт, необхідно зрозуміти болі та страхи користувача. Дизайн-мислення якраз про це.

Що дозволяє створювати методологія дизайн-мислення? 

• Фокус на User Experience

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

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

• Фокус на креатив

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

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

• Фокус на командну роботу

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

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

Приклади 

Сфера: Онлайн-банкінг

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

Використовуючи емпатію, команда дизайнерів провела численні інтерв'ю та спостереження, щоб зрозуміти проблеми користувачів. На основі зібраних даних вони створили кілька прототипів нових інтерфейсів і протестували їх з користувачами. Результатом став зручний і інтуїтивно зрозумілий інтерфейс, який значно покращив користувацький досвід та зменшив кількість звернень до служби підтримки.

Сфера: Медицина

Медична компанія, яка спеціалізується на телемедицині, використала дизайн-мислення для створення застосунку, що дозволяє пацієнтам отримувати консультації лікарів онлайн.

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

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

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

Дизайн-мислення є потужним інструментом в сфері UX/UI, який дозволяє створювати інноваційні та користувацько-орієнтовані продукти.

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

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

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

Автор: Роман Ніколаєв, Web designer у Telesens