Что такое дизайн-мышление? И как его применять дизайнерам
В этой статье разбираемся с понятием дизайн-мышления и как оно помогает нам проектировать работающие и эффективные интерфейсы.
Что такое дизайн-мышление (Design Thinking)? Это способ решения задач, в котором главное — понимание пользователя и тестирование гипотез.
В основе методологии лежит 5 этапов:
- Empathize — эмпатия: понять пользователей и их контекст;
- Define — определение: чётко сформулировать проблему;
- Ideate — генерация идей: найти возможные решения;
- Prototype — прототипирование: создать простые версии решений;
- Test — тестирование: проверить гипотезы с пользователями.
Давай разберем каждый из этапов подробнее.
Кто твой пользователь? Эмпатия.
Здесь не гадаем, а исследуем! Кто он, чего боится, что его бесит в других сервисах. Это можно узнать при помощи глубинных интервью и опросов. Так же применимы различные инструменты и методологии, такие как JTBD (Jobs To Be Done) и построение CJM (Customer Journey Map), которые помогут лучше узнать твоих пользователей.
Приведу простой пример: делаешь приложение доставки еды — не копируй вслепую интерфейсы конкурентов, а узнай, чего не хватает их юзерам. Что у них болит. Может, они не могут отфильтровать веганские блюда. Или нет информации об аллергенах.
Это и будет являться моментом, который сделает твой интерфейсе лучше интерфейса конкурентов.
В чем проблема? Определение.
Частая ошибка — “лечить” не то. Допустим, у нас на сайте упали продажи. И мы решили, что проблема в трендовости сайта: «Покрасим сайт в цвет года — ‘Мокка Мусс’!» Отличное решение!
Но может проблема в том, что нашу кнопку “Оформить заказ” пользователь ищет пол часа? Или то, что без регистрации у нас пользователь не сможет оформить заказ? Эти моменты гораздо весомее будут влиять на проблему падения продаж. Поэтому необходимо не догадываться, а искать, где происходит проблема.
Используйте четкое формулирование проблемы: “Пользователь X, испытывает Y, потому что Z”.
Пример формулирования проблемы в UX/UI дизайне
Вот вам реальный кейс: Apple в своё время поменяли кнопку на в одном из своих интерфейсов с «Войти» на «Продолжить как гость» — и количество завершенных покупок выросло на 45%. В масштабах Apple понимаем да, сколько это.
Юзерам действительно лень регистрироваться и они просто закрывали заказ, когда перед ними появлялась форма регистрации. Убрав её, все стало гораздо лучше. А все потому что они провели опросы, проследили и проверили, а не гадали.
Генерация идей: включаем креатив
Когда ты четко понял, в чём проблема — пора придумать 100500 вариантов, как её решить. В том числе абсолютно бредовых.
Не фильтруй идеи заранее. Пусть звучит дико, но помни: когда-то и беспроводные наушники и Интернет казались бредом. Вместо того, чтобы говорить “Но…”, говори “Да, и …”
Процесс брейншторма, где принимаются все идеи
Придумай 10 идей, даже если половина из них — «добавить милого кота на каждую страницу». Потому что иногда одна дикая идея запускает цепочку классных. Если вы брейнштормите в команде, то не критикуй чужие идеи, сосредоточься на том, чтобы предлагать. Этап “отсеивания” неудачных идей проводиться позже, сейчас максимально важно накидать, как можно больше разных вариантов.
Прототипируй, не трать время зря
Как только мы вынесли несколько ключевых проблем и нашли их решение самое время перейти к созданию прототипа.
Частая ошибка у начинающих дизайнеров, которую я наблюдаю, это сразу переходить к разработке финального и проработанного макета. Так делать нельзя. Нам не важна сейчас красота, нам важно проверить нашу идею и наше решение.
Middle-fidelity прототип, который уже можно тестировать
Сделай сначала что-то простое: набросок от руки, wireframe или прототип в фигме без визуала. И уже тестируй это. Потому что менять кнопки на стадии скетча — легко. А вот менять дизайн после полной отрисовки — долго и больно.
Тестируй свои решения
Тестирование — это обязательный этап разработки любого продукта. Покажи прототип реальным людям. И уже предчувствую ваш вопрос, Никита, я не работаю в Google, где мне взять 100+ респондентов для тестов. А 100+ вам и не надо.
По данным Nielsen Norman Group 5–10 человек, уже достаточно! И они вам укажут на бОльшую часть проблем в вашем решении. А поверь, проблемы точно будут. Наблюдай за юзерами. Сморти, где они спотыкаются и адаптируй свое решение.
В качестве примера тестирования отлично подходит кейс Google, эти ребята протестировали аж 41 оттенок синего, чтобы найти тот самый, которым будут окрашены ссылки. Вроде бы мелочь, просто ссылка. Но из таких мелочей и состоит удобный и эффективный интерфейс.
Как прокачать дизайн-мышление
Больше наблюдай
Смотри на мир как дизайнер. Везде: в магазине, в метро, на сайтах. Задавай себе вопросы:
- Почему это так работает?
- Что тут удобно?
- Почему здесь всё бесит?
Записывай фейлы. Например: «В этом приложении я 10 минут искал корзину». Это и есть UX-фейл. Собирай такие примеры — они помогут мыслить критично.
Решай проблемы, а не задачи
Не просто «сделай кнопку красивой», а «помоги пользователю дойти до конца без боли». Всегда спрашивай себя:
- Зачем я это делаю?
- Что это решает?
- Что будет, если не делать?
Генерируй идеи, даже бредовые
Придумай 10 вариантов решения той или иной проблемы. Не важно, насколько они странные. Потому что из странного может вырасти гениальное. Можешь использовать mind-maps, дизайн-челленджи. Если не знаешь даже на какую тему дизайнить, то воспользуйся генератором брифов — это поможет тебе перешагнуть этап “белого листа” и выбрать задание для проекта.
Изучай литературу
Вот список книг, которые мы советуем прочитать. Они точно поменяют твой взгляд на вещи и ты начнешь замечать дизайн не только в интерфейсах, но и в вещах, и в процессах, которые тебя окружают.
- «Не заставляйте меня думать» — Стив Круг
Про то, как делать интерфейсы, где не надо гадать, куда нажать.
- «Дизайн привычных вещей» — Дональд Норман
Почему мы открываем дверь, тянув за ручку, и как это применимо в интерфейсах.
- «Sprint» — Джейк Кнапп
Как за 5 дней протестировать идею и понять, стоит ли её развивать.
- «Дизайн-мышление в бизнесе» — Тим Браун
Про то, как компании вроде Apple, Google, IKEA используют мышление дизайнеров для решения реальных задач.
И напоследок — дизайн-мышление не про талант, а про навык. Его реально накачать, как пресс. Ошибаться — нормально. Главное, понимать — где и почему ошибся.
И если ты хочешь не просто рисовать интерфейсы, а реально решать задачи людей и делать классные продукты, начни применять эту методику на практике. Не только в фигме — в жизни тоже.
