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

Автор — @ashapiro
Карта процесса-опыта — @xpmap
Карта реализации историй — @simapping
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🔥4
Антон Григорьев, автор канала UX-Notes, законспектировал содержание статьи о Карте реализации историй. Если откладывали её чтение, то вот возможность чтения по диагонали.
Forwarded from UX Notes (Антон Григорьев)
Андрей Шапиро написал о придуманной им Карте реализации историй.

— Она развивает практику User story mapping благодаря новому шаблону историй и слоям для экспресс-проектирования;
— Она лаконично выявляет сценарии использования и определяет форму их технической реализации;
— Первая проблема историй: они наводят на одно конкретное решение, которое часто оказывается неверным, так как задача ещё слабо изучена, либо проблема лишь подразумевается и формулируется в виде решения-кандидата;
— Оперировать альтернативами в разработке крайне важно, так как время и деньги ограничены, и непонятно, какое решение уложится в срок и бюджет;
— Вторая проблема: они не описывают предметную область. Эти знания появляются слишком поздно, что нередко приводит к перепроектированию;
— По горизонтали карта состоит из историй, выкладываемых в порядке их следования;
— По вертикали — из 7 смысловых слоёв: цель действия (зачем?), носитель (кто или что выполняет действие), ситуация (контекст, когда происходит действие), способ действия (каким образом что-то делается), объекты оперирования (с чем взаимодействует носитель, что получается в итоге), форма решения (варианты технических решений), структура экранных блоков;
— Реализация сопряжена с реальным миром и всегда вносит коррективы в замысел. Хоть нам и проще говорить о конкретной форме будущего решения («кнопочное мышление»), замысел должен всегда главенствовать;
— В Карте реализации историй мы постепенно спускаемся от чистой функции к реализации процесса и конкретного инструмента или нескольких, обеспечивающих этот процесс;
— Часто у него могут быть разные варианты срабатывания, в зависимости от ситуации;
— Это деятельностные истории. В отличие от пользовательских в них на первом месте цели и механики деятельности, а потребности вовлечённого в деятельность человека — на втором. На схеме носитель расположен сразу под целью лишь для того, чтобы избежать дублирования;
— Без прикидки объектов оперирования с высокой вероятностью потом придётся возвращаться к перепроектированию. Их можно просто перечислить, но лучше разделить на объекты до взаимодействия и после;
— Форм решения на карте может быть множество. Но приоритизировать разработку и планировать релизы с картой удобно не более чем на сейчас и на потом;
— Начать заполнение карты можно с любого слоя. Самый верхний слой смыслов зачастую не удаётся взять с первого раза. Главное, чтобы все слои в конце концов оказались согласованы.

Видео о карте: ВК, Рутуб, Ютуб. #user_story
🔥5
Если вы в эту субботу будете в Казани, заходите на Дизайн-выходные. Буду рассказывать о том как быстрее и с гарантией прийти к взаимопонимаю в команде и с заказчиком.

Поделюсь проверенным в 15-летней практике инструментом направления беседы — рабочими историями.

ИТ-парк им. Башара Рамеева, Казань
Зал 11, «Цифровой дизайн»
31 мая, 12:00—13:00
🔥7👍2
На прошлой неделе рассказал ребятам из МТС Диджитал о картах процесса-опыта и рабочих историй. Получил горсть обратной связи. Особенно в меня попала фраза:

Андрей похож на свои методики, а они на него — понравились попытки отсечь лишнее.


Отдельное спасибо Арсению Лаврухину и Наталье Дудко за приглашение выступить и организацию.

Если вы хотите, чтобы я рассказал у вас в компании об одной из карт или о подходах к проектированию цифровых сервисов, напишите мне.

Привожу отзывы без купюр.


Мне в целом кажется интересно — потестить сам шаблон сторей проблемы не вижу, хотя мне в нем больше нравится первая часть — 5 блоков с описанием контекста, то что касается описания ui нам не очень релевантно, зачем текстом описывать элементы, если можно сразу набросать драфт ? В целом та же причина, по которой варфреймы не приживаются в компаниях, где есть курс на стандартизацию и не нужно продумывать ui каждый раз индивидуальный


Карта процесса-опыта — хорошенькая, интересно попробовать ее применить, кажется, что может пригодиться. Но сначала надо  чтоб задача подходящая попалась, конечно


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


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


КПО очень круто работает (её сила как бы) в отлове межлюдских взаимодействиях. Когда надо разобраться как устроена "сложная" фича, которой пользуются многие, где пересекаются много разных историй. Когда процесс простенький, задача маленькая, либо роль только одна, тогда КПО выглядит слегка избыточной. Хотя даже 1 человек всегда взаимодействует с микросковисами/FE и тд, т.е. можно "наполнить". Но тут уже вопрос цели, которую преследует дизайнер
5👍1🤔1
Сегодня дважды на Дизайн-выходных в Казани ребята из МТС и Алиэкспресс рассказывали о картах процесса-опыта и реализации историй и про наш фреймворк проектирования социотехнических систем.

Радостно видеть такой отклик в дизайнерском сообществе. Работаем дальше
10🔥4👍3🤔1
Если пробуете примерять несколько методов социотех-фреймворка вместе, вам будет полезна схема их взаимного увязывание. Спрашивайте и предлагайте в комментариях Холста
👍1
⚙️Технологизация анализа и проектирования социотехнических систем

Начали с Андреем Шапиро соединять все 4 метода, чтобы показать, как они связаны. Первые результаты уже можно изучить на доске https://app.holst.so/share/b/8eb96b43-d151-422d-b527-89c870925e05
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Андрей Богданов написал краткий обзор книги о Карте процесса-опыта. И я как автор рад такому отклику. Всё верно подмечено, при чтении придется приложить усилие
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