TGViewer
Bear's Rambles | МЕДВЕДЬ ГОВОРИТ... Bear's Rambles | МЕДВЕДЬ ГОВОРИТ... @bearrambles · 126 subscribers
Post #118 147
Проектирование интерфейсов.
Серия 04. О пользе картографии в разработке.


В UX-дизайне существует мощный инструмент — Customer Journey Map, карта пути пользователя. Это визуальное представление связанных Use Cases, которые выполняются в системе для достижения итоговой цели.

CJM, по сути, представляет собой скелет, где в роли костей выступают действия, а ткани организма — это информация, требуемая для их выполнения, или результаты этих действий.

Построение карты помогает:
➡️лучше увидеть процесс и его узкие места
➡️продумать точки получения информации и выполнения действий
➡️проработать итоговую визуализацию пользовательского процесса
➡️улучшить пользовательский опыт

CJM — это некоторая квинтэссенция пользовательских действий и пользовательских мыслей, выраженная визуально.

В случае проектирования интерфейса бизнес-приложения, из CJM можно исключить вещи, которые считаются необходимыми в общем случае: портрет клиента или метрики «успеха» (возврата, завершения). В бизнес-приложении путь будет выполнен в любом случае, и будет многократно повторён, что немного облегчает жизнь. В этом смысле CJM будет гораздо правильнее называть User Flow, но карта пути пользователя намного более часто употребляемый термин, да и тогда не получился бы такой заголовок.

В целом, CJM бизнес-приложения во многом схожа с описанием бизнес-процесса, отсюда и более привычная форма оформления в виде блок-схемы. Но, поскольку CJM вещь всё таки больше для внутреннего пользования, то чёткое следование нотациям не обязательно, главное общее и одинаковое понимание картины внутри команды. При этом блок-схема отнюдь не единственная возможная визуализация карты пользователя: они неплохо ложатся и в кросс-таблицы.

Инструментов для создания множество: от специализированных, типа uxpressia, до любого редактора с блоками и стрелочками, типа Figma. Или вообще чего-то экселеподобного, если Вы хотите оформить карту в виде таблицы. Я вот больше всего люблю рисовать на бумаге ручкой, но удалёнка накладывает и тут свой отпечаток: стал чаще пользоваться Miro.

Построение CJM начинается с двух блоков: точки входа и точки выхода. И расширяется по мере многократного повторения вопроса "Что ещё нужно, чтобы попасть из точки А в точку B?"

Для более практического примера я воспользуюсь опытом, который получил в рамках реализации одного проекта некоторое время назад: рабочее место менеджера по продажам компании, специализирующейся на автомобильных запчастях. Почему не условное ERP? Ну, разбирать интерфейс ERP можно очень долго, а лучше он от этого не станет. Так что хотелось бы про что-то более вменяемое.

И вот тут, мой дорогой читатель, мне становится очень неловко. Сам формат подобного поста невозможен без картинок. А телега, в свою очередь, очень не позволяет втыкать картинки посреди текста. А тыкать в слайд, рассматривать его, а потом возвращаться к месту его описания в тексте очень не удобно.

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

Был вариант размещение текста в телеграф (такой сервис от телеги как раз для этого случая), но он заблокирован, а поскольку значительная часть использует прокси, а не три весёлых буквы, то будет статья будет или полностью недоступна, или потребует дополнительных действий.

Так что дальше будет
ссылка на статью на Инфостарт — это такой портал для 1Сников. Кому интересно, может перейти и дочитать там. Обещаю, что в дальнейшем не буду без крайней необходимости прибегать к подобному, но в этот раз уж никак. Каюсь и надеюсь на понимание. Ну и если буду комменты — тут отвечу быстрее.

P.S. Опыт публикации на ИС получился так себе
▪️не очень удобный редактор, не то, чтобы у меня большой опыт, но кажется, что можно было бы сделать приятнее
▪️необходимость указывать кучу параметров для публикации, даже если они явно не применимы (типа конфигурации, открыт код или нет и прочая)
▪️в моём предпросмотре картинки в тексте видны, модератор пишет, что ему нет🤷‍♂️ наверное, надо чтобы у меня и модератора был одинаковый предпросмотр публикации
▪️ИС запрещает ссылки на личные блоги🤦🏻‍♂️ не то, чтобы я очень хотел пиарится за счёт статей на других ресурсах, иначе бы начал давно кросс-постинг, но раз уж автор пишет на платформе, почему не дать ему возможность прорекламировать свои другие площадки? сразу захотелось перепостить на Хабр, но лень, да и там мб та же проблема, я не проверял

P.S.S.
Роман, ещё раз спасибо! Золотой человек был бы, если бы не ЕАР, а так я вчера поразился готовностью дать мне какую-то ОС во время прогулки с ребёнком😍

#медведьразмышляет #проектированиеинтерфейсов
  • 👍 7
  • 🔥 6
More from @bearrambles
  1. Sep 23, 2026Post #136
  2. Sep 9, 2026Пошёл в веб-кам Мне нравится, когда из пары сказанных между делом слов получается что-то и…
  3. Aug 25, 2026Post #134
  4. Aug 24, 2026Всем привет👋 Да, я знаю, что не было значащих постов уже почти 3(!!!!) недели😂 Ну вот та…
  5. Aug 16, 2026Post #132
  6. Aug 5, 2026В помощь новорожденному начальнику. С начала года у меня состоялось 4 разговора (ну точнее…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →