Привет! Меня зовут Никита, продуктовый дизайнер, собираю сильные и интересные ux-референсы.
В этой статье я чётко и структурировано показываю, как можно использовать концепции ТРИЗ в дизайне. А именно, что такое ТРИЗ, плюсы и минусы этой теории, как она помогает решить любую проблему, какие концепции ТРИЗ бывают и как их использовать в дизайне.
![](https://habrastorage.org/getpro/habr/upload_files/197/e86/084/197e8608486b3829be7d04cdd369cf71.jpg)
Что такое ТРИЗ
ТРИЗ (Теория Решения Изобретательских Задач) — систематический метод для решения нестандартных проблем и генерации новых идей. Её главная идея заключается в том, что в основе большинства проблем лежат общие закономерности. Поэтому существует набор принципов и инструментов, которые могут помочь решить эти проблемы. Часть этих принципов мы разберём в этом материале.
Где применяется ТРИЗ сейчас
Инженерия и технологии;
Менеджмент и бизнес;
Исследования и разработка;
Маркетинг и продажи;
Интерфейс и пользовательский опыт.
Алгоритм решения любой проблемы
Сначала расскажу как я раньше решал проблемы: просто перебирал решения под проблему…
![](https://habrastorage.org/getpro/habr/upload_files/560/0dd/e62/5600dde62c034e6312a1e449bf1fb8d4.png)
Другими словами, я просто перебирал разные решения методом «проб и ошибок», тратил много времени и надеялся на удачу. Выглядит это примерно так:
![](https://habrastorage.org/getpro/habr/upload_files/242/9da/dd0/2429dadd015fd49c3069ea2f52908c1c.png)
ТРИЗ же дает очень понятный алгоритм:
![](https://habrastorage.org/getpro/habr/upload_files/178/948/e93/178948e930d704a06865abdbdba33118.png)
В этом материале мы разберёмся с этапом, когда мы только формулируем ИКР (Идеальный Конечный Результат), а в следующем материале речь пойдёт про противоречия и конфликты.
Концепция №1 — Идеальная система
Это закономерность развития любой системы. Звучит так — идеальная система та, которой нет, но ее функции выполняются.
Конечно, идеальность не нужно понимать буквально. Идеальность — представление об идеальности, направление, приближение к идеалу. На пути к идеалу необходимо стремиться избавиться от лишних, ненужных, неэффективных элементов. При этом важно помнить, что улучшать объект нужно так, чтобы система не потеряла смысл, не снизилась функциональность и в целом увеличился КПД системы.
Полезное действие системы стремится к бесконечности, а конструкция или вредный эффект уменьшается (стремиться к 0).
Примеры из жизни. Телевизоры
Полезное действие телевизора (трансляция изображения) во всю ширину и высоту самого телевизора, а конструкция становится тоньше
![](https://habrastorage.org/getpro/habr/upload_files/894/4b0/ab3/8944b0ab3cc58c7df1209707ad515c0b.png)
Такой же принцип и в следующих примерах. Пылесосы:
![](https://habrastorage.org/getpro/habr/upload_files/82c/27e/bc9/82c27ebc99b19372999be87cf3b00a6e.png)
Компьютеры:
![](https://habrastorage.org/getpro/habr/upload_files/b23/d65/65a/b23d6565afecaa50677fc3cd614fb073.png)
Домашняя аудиосистема:
![](https://habrastorage.org/getpro/habr/upload_files/d18/b9a/d26/d18b9ad26fcfebf2ec90455cc36af773.png)
Наушники:
![](https://habrastorage.org/getpro/habr/upload_files/89a/c9f/b37/89ac9fb37220660bfbdb3eb957255451.png)
Продуктовые магазины:
![](https://habrastorage.org/getpro/habr/upload_files/ba3/552/2e5/ba35522e5a2ae3d0893eec57114bc491.png)
Банки:
![](https://habrastorage.org/getpro/habr/upload_files/c15/2d6/65a/c152d665ac8bd987abaf1657b591487e.png)
Концепция №2 — Идеальный конечный результат (ИКР)
Это идеальное, оптимальное состояние системы или продукта, которого следует достичь при решении проблемы или улучшении существующего решения. ИКР описывает желаемое, конечное состояние системы, в котором нет никаких недостатков, противоречий или проблем.
В дальнейшем ИКР используется как целевой ориентир при генерации идей.
Другими словами: начинаем решать задачу не с начала, а с конца. Да, реального решения мы не знаем, но мы можем представить идеальный конечный результат. Как бы нам хотелось, чтобы это задача была решена в идеальном случае? Именно такое представление открывает для нас самые сильные решения. Находим идеи очевидным и понятным путем, а не случайным:
![](https://habrastorage.org/getpro/habr/upload_files/2df/e0a/886/2dfe0a88695adaffc1446705bfa022d7.png)
Как формулировать
ИКР можно разделить на усиление полезного действия или устранение вредных эффектов или конструкции. Для каждого направления есть свои формулировки. Они могут быть абсолютно разные — здесь представлены лишь те, которые я чаще всего встречал как шаблон. Но нас никто не ограничивает в формулировках)
Усиление полезного действия:
Задача решается сама собой;
Процесс или система достигают максимальной эффективности без создания нежелательных эффектов;
Задача решается без каких-либо дополнительных затрат или ресурсов;
Решение проблемы не вызывает появления новых проблем или недостатков;
«Полезное действие»/«функция» системы «Х» обеспечивается без участия системы «Х»;
Проблема полностью устранена без затрат и создания новых нежелательных эффектов.
Устранение вредных эффектов или конструкции:
Негативный эффект исчезает сам по себе без каких-либо усилий;
Система или продукт автоматически нейтрализует негативный эффект без дополнительных действий;
Проблема устраняется без создания новых проблем или недостатков;
Негативный эффект устраняется без воздействия на другие элементы системы или окружающую среду;
То, что нам мешает, то нам и помогает;
Система (или ее элемент) «Х», которая создает негативный эффект «Y» полностью устраняет эффект «Y» сама без использования дополнительных затрат.
Примеры ТРИЗ в дизайне
Начну со своих примеров.
Проект 1
Контекст: сотрудник хочет повысить или понизить цены в своем магазине. Для этого он загружает или самостоятельно указывает новые цены. Но для повышения цены для каждого товара нужно заполнить всего 4 поля, а для понижения 5 полей. Поэтому, в первой версии мы разделили эти 2 загрузки: отдельно на повышение
![](https://habrastorage.org/getpro/habr/upload_files/390/7fe/855/3907fe855d797ef93b5f04df3d5631dc.png)
и отдельно на понижение цены:
![](https://habrastorage.org/getpro/habr/upload_files/ff8/6c2/c49/ff86c2c49450f361e56a1b4ac0ece767.png)
Позже я решил объеденить оба процесса в один. Сформулировал так: «Пусть система сама определяет „понижение или повышение“ и в зависимости от случая — сама подсказывает какие поля надо заполнять на экране».
То есть, изначально сотрудник видит поля для «повышения цены» (потому что их меньше) → система определяет по полю «Причина изменения цены» и сама подсказывает какие поля надо дозаполнить:
![](https://habrastorage.org/getpro/habr/upload_files/e0f/ba4/15e/e0fba415e331abdcddae6a010c899d69.png)
![](https://habrastorage.org/getpro/habr/upload_files/08f/9ac/a13/08f9aca13aa9d7699ffb01df9cd17a2f.png)
Проект 2
Контекст: когда сотрудники магазина находят аналог своему товару в магазине конкурента, они указывают внутри мобильного приложения название товара конкурента, цену и тд.
Вбивание названия товара конкурента → самый сложный этап. Пользователи не хотели или не могли заполнить товар конкурента слово в слово… Вместо названия товара конкурента «Пила дисковая Wesco WS2393.9 1ForAll 18V , Без ЗУ, Без АКБ» получалась как-то так: «Пила диск веско».
ИКР: поле «Название» заполняется самостоятельно без участия пользователя.
Инструменты, которые нам помогут достичь такой результат:
— сканирование текста:
![](https://habrastorage.org/getpro/habr/upload_files/61f/92e/5e2/61f92e5e28f32fbf7b93a6d635c36a26.png)
— использование названия нашего товара;
![](https://habrastorage.org/getpro/habr/upload_files/7c9/978/fe4/7c9978fe4186a20b435c41d199ce3a59.png)
— подсказки во время заполнения.
![](https://habrastorage.org/getpro/habr/upload_files/e97/253/d27/e97253d27eb7b52ecb71ff9e0c635092.png)
Примеры из вне
Пример 1: Ошибки
Когда пользователь заполняет форму и пропускает какое-то поле или ошибается при его заполнении, то он не может отправить форму, потому что необходимо исправить ошибку. Один из вариантов ИКР: поле само говорит о том, что оно не заполнено или есть ошибка.
![](https://habrastorage.org/getpro/habr/upload_files/59e/686/1ec/59e6861ece46000d700145e8db96a9a4.png)
Усиляем ИКР: поле не только скажет, что в нём есть ошибка, а ещё и укажет, что за ошибка.
![](https://habrastorage.org/getpro/habr/upload_files/961/f22/e98/961f22e987745c99262955316d24ea94.png)
Усиляем ИКР: поле само исправит ошибку или просто не даст возможности ошибиться.
![](https://habrastorage.org/getpro/habr/upload_files/372/9f2/9cb/3729f29cb3f02132fcc4548d2cedb1ac.gif)
Пример 2: Создание аккаунта
В этом кейсе я предполагаю, как все развивалось
Создание аккаунта обычно состоит из уникального id и генерации надежного пароля. Яндекс просто говорит сколько символов нужно:
![](https://habrastorage.org/getpro/habr/upload_files/0bd/83e/0a1/0bd83e0a13ce6e75be8635804175b580.png)
Mailchimp требует использовать определенные символы:
![](https://habrastorage.org/getpro/habr/upload_files/a40/2f2/bce/a402f2bce1d20ee8874ba81b3cfd4274.png)
Такие требования могут быть сложными и именно шаг «Генерация пароля», скорее всего, имеет самую низкую конверсию. Идеальное поле с вводом пароля — такое поле, которое соответствует правилам надежного пароля, имеет конверсию в заполняемость 100% и заполняется само (без пользователя) . Именно такое решение предлагает Timeweb:
![](https://habrastorage.org/getpro/habr/upload_files/cd5/c0d/f26/cd5c0df26968de8d07a15d878f2d215a.jpg)
Пример 3: Поиск в книгах Горбунова
Бюро Горбунова реализовали идеальный поиск книг: его нет ни на одной странице, но при этом его функции выполняются. Не надо отдельно нажимать поиск → просто вводи ключевое слово или номер страницы и система сразу же откроет окно с поисковой строкой и результатами поиска.
![](https://habrastorage.org/getpro/habr/upload_files/08a/ea9/44c/08aea944c25dd15fa1da100052a47829.gif)
Где применять ТРИЗ в дизайне
Решение проблем и задач;
Работа над новым продуктом, флоу или элементом;
Общение с разработчиками;
Пользовательские исследования;
Решение ошибок в дизайне;
Везде, где надо решать нестандартные проблемы, создавать новые продукты или флоу и преодолевать противоречия.
Плюсы ТРИЗ
ТРИЗ предлагает ряд инструментов и техник для анализа проблемы, выявления противоречий и генерации новых идей для их разрешения. Благодаря своей системности и фокусу на уже существующих решениях, ТРИЗ сокращает время для разработки новых продуктов или улучшения существующих. Одна из ключевых концепций ТРИЗ — методы решения противоречий, которые помогают найти решения, удовлетворяющие требованиям обеих сторон.
Минусы ТРИЗ
Концепции и методы могут быть сложными для понимания и применения. Недостаточное знание области применения снижает эффективность метода, не даёт конкретных решений, а лишь задаёт направление. ТРИЗ применима только для нестандартных проблем. ТРИЗ основана на анализе прошлого опыта и принципах эволюции технических систем, поэтому есть риск застоя в развитии и ограниченности мышления в рамках существующих концепций. Применение ТРИЗ может потребовать времени и усилий относительно конкретной проблемы и поиска идей, что не всегда подходит, когда нужны мгновенные результаты.
Вывод
Идеальный вывод — вывод, которого нет, а его функция выполняется))
В следующем материале — как решать противоречия и конфликты — то, что нам мешает сделать идеальное решение!
Оцени статью, пожалуйста. И спасибо за внимание!)
Каждый день я качаю насмотренность в UX, а сильные и интересные референсы собираю в телеграм-канале.
? Всегда готов дать совет, проконсультировать, стать ментором и обсудить сотрудничество