Как проектировать
1.07K subscribers
241 photos
9 videos
3 files
163 links
О проектировании больших человеко-машинных систем и их интерфейсов с Андреем Шапиро. От приёмов и инструментов до методов мышления проектировщика

Автор — @ashapiro
Карта процесса-опыта — @xpmap
Карта реализации историй — @simapping
Download Telegram
Андрей Богданов написал краткий обзор книги о Карте процесса-опыта. И я как автор рад такому отклику. Всё верно подмечено, при чтении придется приложить усилие
6🎉1
Forwarded from Деврелишна (Маша Даровская)
Пришла к вам со статьёй про карты реализации историй по мотивам доклада замечательного Андрея Шапиро из Бындю Софт

Что, если пользовательские истории не работают? Что, если заказчик не понимает, чего он хочет, а команда тонет в предположениях? Андрей Шапиро @xraizor — дизайнер интерфейсов и соавтор фреймворка проектирования социотехнических систем — рассказывает о «Карте реализации историй» (КРИ) — практическом методе проектирования, который помогает вытащить смысл из хаоса, превратить знания в структуру и наконец-то начать делать сложные продукты осознанно.


https://habr.com/ru/articles/917176/

Доп материалы: Канал Карты реализации историй — t.me/simapping

Видеобзор Карты реализации историй — https://ashapiro.ru/talks/tpost/zy9c2lp5d1

Статья о методе — https://ashapiro.ru/articles/sim

Канал автора метода о проектировании — t.me/how2scheme
Forwarded from Поясни за UX
Я не плачу, это просто слезы 🥹

Двойной сатисфекшн: читать мысли Андрея Шапиро в верстке Игоря Штанга.
Обязательно напишу свои впечатления о книге, как только домучаю Дизайн и поведение пользователей Вендела
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥92
This media is not supported in your browser
VIEW IN TELEGRAM
Кто делает электронные доски, зря игнорирует такой прекрасный инструмент как добавлятор-удалитель пространства. Я его называю курсор-скребок. И мне очень его не хватает в современных электронных досках.

Впервые увидел его в Camunda Modeler, на её примере и показываю. Он висит там на горячей клавише S.

Вот рабочая история, описывающая этот инструмент.

Н: Пользователь инструмента рисования диаграмм,
С: Когда работает с объёмной схемой, в середину которой нужно сделать вставку или наоборот заполнить брешь,
Д: Сдвигает пропорционально вправо/влево или вниз/вверх все элементы холста, находящиеся правее/левее или ниже/выше линии, проходящей через курсор,
О: Оперируя вертикальным или горизонтальным курсором-«скребком/тягачом»
Ц: Чтобы экономить время на расчистку места, уходящее на отлёт, выделение, перенос и возврат на нужный зум
👍13
В начале анализа и проектирования нас часто встречает как неизвестная проектная ситуации, так и новая предметной область. Разобраться нужно и в том, и в другом, поэтому подолгу наше движение напоминает мультфильм «Ёжик в тумане».

При этом чаще всего уже есть очень много текста. Но этот текст, написанный другими, нужно ещё пропустить через себя. А этот процесс очень болезненен и требует замедления.

Поделав что-то самостоятельно, нам проще воспринять и чужой текст. Но в начале он всегда как дремучий лес.

Что бы можно было сделать, чтобы ускорить вход в некоторый корпус текста?



Можно просить большую языковую модель изучить его и найти основных участников, их действия и отношения. А затем попросить схематизировать это. Такое нам воспринимать и проще, и менее болезненнее.

Например, вот так Cloude Sonnet 4 отразил мне содержание Сказки о рыбаке и рыбке языком Mermaid Chart.

Парой промптов я запросил отношения в форме Flowchart и псевдо-процесс, построенный на основе нарратива в форме Sequence Diagram.
🔥92
Как не потеряться в деталях и увидеть всю систему?

В проектах легко залипнуть в текучку: баги, дедлайны, чатики. А что с общей картиной? Где границы проекта? Кто влияет на результат? Почему одни решения работают, а другие — нет?

На курсе «Анализ и проектирование социотехнических систем» мы учим работать с тремя картами:
- гипотез,
- процесс-опыта,
- реализации историй.

Это не шаблоны «как надо». Это инструменты, которые помогают увидеть, как ваша система устроена на самом деле, где узкие места и куда двигаться дальше.

Через пару дней выложим кейс — покажем, как один из участников курса с помощью карты гипотез сэкономил месяцы на разработке. Без потерь, без костылей — просто потому что вовремя увидел, что важно.

Что делает курс особенным:
— Группа до 12 человек — максимум внимания
— 250+ часов практики на реальных задачах
— Диплом ИТМО + авторский сертификат

👇 Если вы хотите научиться мыслить системно, работать с неопределённостью и структурировать сложные ситуации — приходите на курс “Анализ и проектирование социотехнических систем”
👍3🔥21😁1🎉1🤷1
Уже через 12 минут в 19:00 по Москве начинаю эфир на канале @xpmap с разбором Карты процесса-опыта подписчика. Процесс доставки еды из ресторана.
Кейс: как одна карта спасла месяц работы продуктовой команды

Участник пришёл к нам с задачей: “У нас куча фичей, но ощущение, что мы всё время промахиваемся”.

Вместе с группой они за 1,5 часа построили карту гипотез. Что увидели:
– половина идей не была привязана ни к метрике, ни к цели
– часть гипотез была вообще не проверяема
– ключевая гипотеза про ценность продукта не формулируемая

Через неделю команда полностью пересобрала бэклог.
Итог: вместо двух месяцев расфокуса — MVP за 3 недели.

📌 Карта гипотез — не панацея, но отличный способ прояснить мышление и остановиться, прежде чем снова “куда-то побежать”.

Мы показываем, как видеть своё мышление и с ним работать. Хотите научиться применять этот инструмент системно — приходите на курс «Анализ и проектирование социотехнических систем».
🔥4🤔3🤷2👍1
Вопросы коммуникационного дизайна

Когда ко мне приходят с первыми набросками логотипа или плаката (я работаю арт-директором), первое, что я обычно спрашиваю — что мы хотим скоммуницировать. Я стал так часто повторять этот вопрос, что весной, когда активно работал с методом Дерева гипотез, описал этой техникой ситуацию коммуникационного дизайна.

Общая канва вопросов коммуникационного дизайна такова

1️⃣
Что мы должны скоммуницировать? что почувствует, помыслит и поймёт смотрящий? Как поменяется его мировозрение, мироощущение, поведение?

2️⃣
Какие смысловые, образные и эстетические конструкции сработают на эту коммуникацию?

3️⃣
Как организовать их в медиа-сообщении инструментами графдизайна, генарта, интерактивности, <вставьте своё>?





К практике вопрошания я отношусь особенно трепетно — вопросы лучше всего направляют мышление проектировщика.

Направляют ли вас опорные вопросы? Какие мыслительные приёмы и техники вы используете в работе?
Please open Telegram to view this post
VIEW IN TELEGRAM
5🤷1
Наверное один из самых задаваемых мне вопросов — с чего начать при проектировании архитектуры нового проекта, какие мне вводные нужны и как, и с помощью каких инструментов, я их собираю?

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

Я уже писал о том, что при старте нового проекта или проектировании следующего большого релиза существующего, мы в обязательном порядке используем наш фреймворк проектирования социотехнических систем, четвёртым шагом которого как раз и является создание ИТ-архитектуры. Архитектура — именно 4й шаг в последовательности анализа, и она всегда основывается на результатах и артефактах трёх предыдущих шагов — карт, выявляющих бизнес-цели и пути их достижения, собирающих целостное видение и описание смыслов будущего продукта.

В рамках своего курса в ИТМО я преподаю как проектировать и спроектировать архитектуру, почему именно так и что это даёт. Но в рамках курса мы не обсуждаем шаги, которые должны предшествовать проектированию архитектуры.

И наконец-то эта брешь будет закрыта! 🥳
Мои партнёры по Бындюсофт, авторы методов нашего фреймворка проектирования, Александр Бындю и Андрей Шапиро на базе ИТМО так же запускают курс «Анализ и проектирование социотехнических систем»!

В рамках курса как раз и разбираются три первых шага нашего фреймворка — три карты:
- гипотез,
- процесс-опыта,
- реализации историй.

Старт курса — уже в июле! Кликайте на ➡️ Подробности!

Таким образом мы начинаем преподавать все наши изобретения и новшества уже на уровне официального образования и с дипломами гос.образца 😎👨‍🎓

В своей стране продвигать и развивать отрасль, в которой работаешь и чувствуешь себя экспертом — лично для меня дорогого стоит 😄

А очередной запуск моего курса по проектированию ИТ-архитектуры я планирую на осень 🍁.
Не переключайтесь 📺
Please open Telegram to view this post
VIEW IN TELEGRAM
4👍1
Процессы не тормозят. Их просто никто не ведёт

В одном из кейсов на курсе участник нарисовал схему согласования инициативы между отделами. Все выглядело складно: три шага, четыре роли, финальное решение.

А потом он на курсе узнал о Карте процесс-опыта. Метод заставил разложить каждую точку: что запускает действия, где разрывы, чем их затыкают. Выяснилось:
никто не знает, где сейчас «мяч»
один человек делает 80% работы, но формально не отвечает ни за что

На вид всё движется. Но не за счёт системы, а людей, затыкающих дыры вручную.
Когда участник закончил карту, он впервые увидел: система живёт не по регламенту, а по инерции. Только выявив проблему, можно её решить.

📈 Карта процесса-опыта — это не «оптимизация», а путь к прекращению самообмана.

🎓Курс «Анализ и проектирование социотехнических систем»
➡️ Старт: 16 июля
Малая группа до 12 человек
250+ часов практики
Диплом ИТМО + сертификат

➡️ Подробнее о программе
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
Оказывается в феврале мои методы КПО и КРИ попали в дайджест продуктового дизайна Юрия Ветрова в раздел «Методологии, процедуры, стандарты». Кстати, если кто-то знает как переслать книгу на Кипр, напишите в комментарии, пожалуйста. Давно хочу подарить книгу Юрию 😊

https://jvetrau.com/digest-2025-feb/
🔥5
Если вам часто нужно разбирать чужие ТЗ, рекомендую это делать с картой процесса-опыта. Вкратце пояснил на картинках как я это делаю сам.

Каждому клочку текста из ТЗ (на голубом фоне над точкой) ставится в противопоставление ключевая точка
🔥5
В этом году мы совместно с нашим техлидом Алёной Вальтер запускаем для студентов 4-го курса кафедры Прима ЮУрГУ курс по проектированию человеко-машинного интерфейса. 32 академических часа теории и столько же лабораторных практик. Слушатели — будущие разработчики ПО. Знания о Human Computer Interaction (HCI) для них важны.

В этот раз я решил соединить лучшее из двух версий своих курсов, прочитанных ранее в Мидис и курса интернатуры UX/UI, читаемого только внутри нашей компании. Должно получиться обширнее и мощнее.

Для тех, кто недавно в этом канале, пояснение. Я проектирую интерфейсы цифровых систем на протяжении 20 лет. И большая часть моих разработок в плане методов проектирования и создания обучающих материалов, это переосмысление собственного опыта именно в этой области.



Есть мысль после обкатки этого курса записать и выпустить его бесплатный вариант на Stepik. Посмотрите темы, вы бы прошли такой курс для себя? Если да, поставьте огонёчек.
🔥264
Готов сюжет про персонажей Карты процесса-опыта с их создателем. Мы встретились с Сергеем Чикиным, чтобы записаться, ещё в конце прошлого года, но домонтировать получилось только сейчас.

Работать с Сергеем одно удовольствие. Его остроумие и жизнерадостность не только способствуют поиску, но и превращают его в весёлое приключение.

https://vkvideo.ru/video-226266193_456239029
🔥2