Ты – Мастер
Эффективная методика быстрого роста в UX/UI для сеньоров
Станислав Молчанов

© Станислав Молчанов, 2025

ISBN 978-5-0067-0250-9

Создано в интеллектуальной издательской системе Ridero

Введение

Представьте, что вы – пилот, который летит на самолете, но вместо того чтобы смотреть вперед, все время проверяет, как работает мотор. Вы знаете, как управлять воздушным судном, но не понимаете, как подняться на более высокий уровень, где виднее горизонт. Именно так чувствуют себя многие сеньор-дизайнеры: они уже уверенно делают интерфейсы, но не знают, как перестать «продавать часы» и начать создавать ценность, которая будет расти с годами. Эта книга – ваша карта, которая покажет, как перелететь в зону, где вы не просто выполняете задачи, а трансформируете их в стратегии.

Мы с вами начнем с того, что выйдем из «рабочего» режима. Представьте: вы – фермер, который всю жизнь выращивал овощи на одном участке. Но если вы хотите больше, чем урожай, вам нужно не только улучшать инструменты, но и изучить рынок, найти новые сельскохозяйственные технологии, возможно, даже создать бренд. Так и в дизайне: продвижение до топ-уровня – это не только умение рисовать, а умение видеть, как ваш дизайн влияет на бизнес, как он решает проблемы тысяч людей. Исследование, проведенное в Стэнфорде в 2020 году, показало, что сотрудники, которые осознанно связывают свою работу с долгосрочной миссией компании, повышают эффективность на 40%. Это ваш первый шаг: перестать быть «исполнителем» и стать «архитектором».

Сейчас вы, возможно, задаетесь вопросом: «Как же начать?». Давайте возьмем пример из реальной жизни. Представьте, что вы пришли в стартап, где нужно запустить новый продукт за три месяца. Вы не просто рисуете макеты – вы проводите воркшопы с разработчиками, маркетологами и клиентами, чтобы понять, как дизайн решит их боли. Это как если бы вы построили мост между разными языками: техническим жаргоном инженеров и простыми словами пользователей. Такие навыки – ключ к тому, чтобы ваши проекты не падали в «пропасть» между идеей и реализацией.

А теперь о том, что пугает многих: зарплата. Да, вы хотите больше, но не потому, что «хочу шикарную жизнь», а потому что ваша работа должна быть оценена как вклад в бизнес. Вот аналогия: если вы – художник, который рисует картины, но не продает их, ваш талант останется в тени. Так и в дизайне: чтобы переступить «потолок» зарплаты, нужно научиться «продавать» не часы, а идеи. Как? Через пресейлы – встречи, где вы показываете, как ваш дизайн увеличит продажи или снизит отток пользователей. Это как если бы вы не просто продавали телефон, а рассказывали, как он изменит жизнь покупателя.

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

Да, я понимаю, что вы уже многое знаете. Но даже если вы чувствуете себя «знатоком», есть моменты, которые вы могли упустить. Например, как вести себя на переговорах с заказчиком, который хочет «быстрый дизайн» вместо продуманного решения? Это как если бы вы, строитель, согласились возвести дом без фундамента: он может стоять год, но потом рухнет. В книге мы разберем, как мягко, но настойчиво доказывать ценность долгосрочных решений.

И да, я не обещаю, что все будет легко. Но если вы готовы пройти этот путь, то сможете не только повысить зарплату, но и, скажем, уйти на полгода в отпуск, зная, что ваш дизайн продолжает приносить пользу. Это реальный пример из моей практики: один из моих учеников, став сеньором, перешел в компанию, где он работает три дня в неделю, а остальное время путешествует. Как? Он перестал быть «исполнителем» и стал «арбитром» между бизнесом и пользователями.

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

Кто я такой

С 2012 по 2017 годы я был студентом и много времени проводил в играх. Параллельно начал увлекаться графическим дизайном, а потом решил перейти к веб-дизайну, потому что увидел, как многое зависит от удобного и понятного интерфейса.

В 2016—2017 годах, еще во время учебы, я попробовал себя во фрилансе на Upwork. Брался за разные проекты – от простых баннеров до сложных концепций, и постепенно дорос до уровня «Эксперт».

С 2012 по 2019 фриланс стал моей основной деятельностью. Я получил статус Top Rated Plus, завоевал награды Awwwards и FWA, а еще отработал свыше 5000 часов для более чем 30 компаний. Эти проекты помогли мне набрать хорошую базу знаний и научиться работать с разными командами.

В 2019—2021 годах я присоединился к Andersen Lab. Там руководил командой из 14+ профессионалов и получил награду «Бог UX». Для меня это был важный опыт, когда я осознал, как важно уметь не только создавать классный дизайн, но и вести за собой людей.

С 2021 года по настоящее время сотрудничаю с Aquiva и Customertimes, где довелось участвовать в проектах для L’Oréal, Meta «признана запрещенной к распространению на территории РФ» и Four Seasons. Сейчас у меня уже 8 сертификатов в сфере UX/UI, и я продолжаю учиться, чтобы оставаться полезным и актуальным для своих заказчиков и коллег.

Глава 1: Дизайн мышление

Давайте начнем с самого важного – дизайна мышления. Это не просто набор методов или техник, а целый подход, который помогает создавать продукты, которые не просто нравятся людям, но и приносят реальную пользу бизнесу. В дизайне мышления – нужно одновременно понимать потребности человека и учитывать ресурсы компании. Например, компания Nike, создавая линейку обуви для бега, не просто спрашивала «что нравится», а изучала, как ступни бегунов взаимодействуют с дорогой. Это позволило им сделать продукт, который одновременно удобен и приносит прибыль.

Самое первое, что лежит в основе, – эмпатия. Это не просто «стать на место пользователя», а почувствовать его боль так, как будто это ваша собственная. Представьте, что у вас в ботинке попался камушек. Вы даже не думаете о красоте обуви – хотите только избавиться от дискомфорта. Так и в дизайне: нужно найти эти «камешки» в опыте пользователя. Исследования показывают, что команды с высоким уровнем эмпатии на 35% чаще создают успешные продукты (по данным Harvard Business Review). Но эмпатия нужна и к бизнесу: если решение не принесет прибыли, даже идеальный продукт провалится.

Следующий этап – анализ проблемы. Многие ошибочно считают, что задача – быстро найти ответ. Но в дизайне мышления важно сначала глубоко понять вопрос. Например, в 1990-х врачи пытались решить проблему переполнения больниц, предлагая строительство новых корпусов. Но когда проанализировали данные, выяснили: основная причина – нехватка кадров. Аналогично, если вы видите, что пользователи редко используют ваше приложение, спешите добавить функции, а на самом деле они просто не знают, как ими пользоваться.

После этого приходит время генерировать идеи. Многие думают, что это творчество «от сердца», но на самом деле есть правила. Например, метод «брейнсторминга»: вы не просто сидите и ждете вдохновения, а ставите ограничения. Представьте, что вам нужно создать идеальный календарь. Если дать свободу, люди придумают десяток ненужных функций. Но если сказать: «Думайте, как календарь может помочь человеку, который не любит планировать», – идеи станут практичнее. Такой подход помогает IBM сократить время разработки решений на 40%.

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

Тестирование – этап, где гипотезы сталкиваются с реальностью. Здесь важно не бояться провалов. В 2000-х Netflix предложил DVD-диски по подписке, но тесты показали: люди готовы переплатить за мгновенный доступ. Это привело к стримингу – и компании, которая могла обанкротиться, стала монстром индустрии.

Но мало создать хороший продукт – нужно сделать так, чтобы он рос. Масштабирование – это то, что многие пропускают. Представьте, что вы запустили кафе и видите, что клиенты приходят только по выходным. Можно добавить больше столов, но если не понять, почему так происходит (например, из-за расположения), это не поможет. В дизайне мышления масштабирование – это поиск точки, где продукт уже работает, а затем «разрезание» его на части. Например, Spotify разделил свою платформу на микросервисы, чтобы одновременно обновлять рекомендации, плейлисты и интерфейс без сбоев.

Вспомните первый абзац: вы начали читать, потому что я не говорил «10 шагов», а показал, как это связано с вашей работой. Это и есть суть – говорить не сложным языком, а через истории, которые вы уже знаете, и примеры, которые можно копировать. Теперь, когда вы прочитали это, подумайте: где в вашем проекте «камешек в ботинке», который вы пока игнорируете?

Эмпатия

Эмпатия пользователя

Представьте, что вы зашли в магазин, чтобы купить хлеб. Вы видите полки, думаете, где он находится, чувствуете голод, а потом идете к прилавку. То же самое происходит в цифровом мире: пользователь проходит через этапы (например, добавление товара в корзину), и на каждом из них он испытывает эмоции, сталкивается с препятствиями или находит удобства. Эмпатия делится на четыре составляющие – «думает», «видит», «чувствует», «делает». Например, если на экране приложения слишком много кнопок, пользователь может «думать»: «Где кнопка оплаты?», «видеть» неразбериху, «чувствовать» разочарование и «делать» попытки нажать на случайные элементы. Это простая схема, но именно она позволяет выявить боли и возможности.

Чтобы собрать данные, используйте реальные сценарии. Например, проследите за тем, как человек добавляет товар в корзину и переходит к оплате. Попросите его описать свои мысли, эмоции и действия на каждом шаге. Можно сравнить это с исследованием автомобильных производителей: они ставят камеры в салоны, чтобы понять, как водители и пассажиры взаимодействуют с панелью управления. В цифровых проектах это делается проще – вы можете использовать инструменты вроде Miro или даже листы бумаги с наклейками. Каждый этап флоу (например, «открытие корзины») становится центром внимания, а участники пишут по карточке для каждого из четырех пунктов. Так, если пользователь «видит» непонятную кнопку, его комментарий станет основой для исправления дизайна.

Ключевой момент – собирать мнения отдельно. Если вы соберете группу людей и спросите их мнение вслух, они начнут влиять друг на друга, как в соцсетях, где токсичные комментарии подавляют конструктивные идеи. Лучше работать индивидуально, как врач, собирающий анализ у каждого пациента отдельно. Исследования показывают, что даже 5—7 участников дают 80% полезных данных, но если собрать 10—15 человек, вы увидите повторяющиеся тренды. Например, в известном исследовании Нильсена 1990-х годов выяснилось, что 10 пользователей выявляют 90% проблем интерфейса.

Не забывайте тестировать даже свои гипотезы. Если вы, как дизайнер, проходите флоу и думаете: «Здесь нужно увеличить кнопку», проверьте это с реальными пользователями. Может оказаться, что проблема в другом – например, в названии кнопки «Оформить заказ», которое пользователи воспринимают как «Сохранить корзину». Как в кулинарии: рецепт может казаться идеальным на бумаге, но только дегустация покажет, что соль добавлена вдвое меньше.

Вовлекайте бизнес-партнеров. Они часто видят выгоду, где пользователи видят сложность. Например, команда может хотеть добавить рекламный баннер на кнопку оплаты, чтобы заработать больше, но пользователи будут его игнорировать, считая это мошенничеством. Здесь эмпатия помогает найти компромисс – разместить баннер ниже, чтобы не мешать основному действию. Это как в ресторане: шеф хочет подать экзотическое блюдо, а повара знают, что гости предпочитают классику.

Используйте инструменты для автоматизации. Есть сервисы вроде Maze или Hotjar, которые проходят по вашему сайту, делают скриншоты этапов и собирают обратную связь. Это как нанять виртуального помощника, который тестирует приложение 24/7. Но даже простые способы, как запись на бумаге или в блокноте, работают. Главное – систематизировать данные.

Самооценка (self-SWOT)

Давайте перейдем к следующему этапу – самому себе SWOT-анализу. Это не просто очередная техника, а способ перевести собранную эмпатию в стратегические решения. Представьте, что вы уже собрали сотни карточек с мыслями, эмоциями и действиями пользователей. Теперь каждый из них (и члены команды) должен оценить собственный вклад через четыре призмы: сильные стороны, слабые стороны, возможности и угрозы. Например, пользователь заметил, что кнопка оплаты хорошо видна – это сильная сторона. Но если она расположена рядом с рекламой, пользователь может перепутать их, – вот слабость. Возможность же может быть в добавлении промокода, как в Ozon, а угрозой – технические сложности при его интеграции.

Этот анализ работает как фильтр между данными и решениями. Если в эмпатии вы собираете эмоции, здесь вы превращаете их в рациональные оценки. Это похоже на художника, который сначала рисует наброски, а потом добавляет детали, проверяя пропорции. Пользователи, проанализировав свои наблюдения, могут сказать: «Мне нравится, как выглядит корзина, но если добавить сортировку товаров, это улучшит опыт». Команда сразу видит потенциал идеи и риски, например, увеличение загрузки сервера.

Важно, чтобы анализ был индивидуальным. Если люди обсуждают SWOT-факторы вслух, они начнут подстраиваться под мнения старших или популярных коллег. Представьте заседание в офисе, где молчун, заметивший проблему в дизайне, не решается высказаться из-за агрессивного руководителя. Отдельные карточки сохраняют честность. Инструменты вроде Miro или даже обычные стикеры помогают организовать это: каждому участнику выделяется своя зона на доске, где он пишет мысли, не видя чужих.

После этого этапа вы получаете не просто список идей, а их «оценку на будущее». Например, пользователь предлагает сделать кнопку оплаты крупнее – это сильная идея, но если это потребует переписывания всего кода, это угроза. Команда может решить пойти на компромисс, оставив кнопку такой же, но добавив подсказку. Так SWOT становится мостом между эмоциями и бизнес-реалиями.

Теперь можно приступать к affinity-диаграмме, группируя карточки по темам. Но до этого SWOT помогает понять, какие идеи стоит объединять, а какие отложить. Например, если несколько пользователей независимо отметили, что промокоды важны, а их анализ показал, что это технически выполнимо, это становится приоритетом. А если кто-то предложил сложную функцию, но SWOT выявил высокие риски, команда может отложить ее на потом.

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

Иногда SWOT дает неожиданные идеи. Например, пользователь жалуется на медленную загрузку страницы – слабость. Но анализ показывает, что это шанс: если ускорить загрузку, можно добавить анимацию, которая улучшит впечатление. Это похоже на ремонт квартиры: вместо того чтобы заклеивать трещины в стене, вы решаете переклеить обои, что превратит недостаток в преимущество.

Диаграмма сродства

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

Этот этап делится на четыре ключевые категории. Первая – «полезность»: как пользователь оценивает, насколько каждый этап флоу помогает ему достичь цели. Вторая – «начало работы»: насколько легко пользователь понимает, с чего начать и как взаимодействовать с интерфейсом. Третья – «преподнесение»: дизайн, шрифты, цвета, которые могут влиять на восприятие. Четвертая – «замешательство»: моменты, где пользователь теряется, например, не видит кнопку «оплата» или не понимает, зачем вводить промокод.

Каждый участник описывает эти четыре аспекта для всего флоу. Представьте, что вы тестировали процесс добавления товара в корзину и оплаты. Пользователь может написать: «Полезность высокая – я быстро нашел товар, но в конце флоу возникло замешательство из-за непонятной кнопки». Такие комментарии собираются в цифровых инструментах, например, в Miro или Excel. В Excel можно создать таблицу, где каждый пользователь – столбец, а строки соответствуют четырем категориям. Это похоже на школьную доску, где каждый ученик пишет свои мысли, а учитель группирует их по темам.

Инструменты искусственного интеллекта, такие как анализ текстов в сервисах вроде MonkeyLearn, могут автоматически выявить повторяющиеся слова или фразы. Это экономит время: вместо того чтобы просматривать сотни карточек вручную, система покажет, что 70% участников жалуются на дизайн кнопки.

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

После этого этапа команда получает четкую картину: где флоу сильнее, где слабее, и какие моменты требуют изменения. Например, если в категории «преподнесение» часто встречаются замечания о мелком шрифте, это повод пересмотреть дизайн. А если в «полезности» все хорошо, но в «замешательстве» – проблемы, значит, нужно упростить конечные шаги.

Этот этап также помогает предвидеть будущие ошибки. Если пользователи указывают на сложность ввода промокода, а в SWOT-анализе выяснилось, что это технически сложно реализовать, команда может предложить альтернативу, например, автоматическое применение скидки для новых клиентов.

Анализ и определение проблемы

Анализ и формулировка проблемы – это момент, когда все данные, собранные на предыдущих стадиях эмпатии, self-SWOT-анализа и диаграмм, превращаются в четкие цели и задачи. Представьте, что вы собрали сотни комментариев о процессе оплаты в приложении: кто-то жалуется на медленную загрузку, кто-то – на сложность ввода промокода, а некоторые отмечают, что дизайн кнопки «оплатить» слишком неприметный. Теперь ваша задача – не просто собрать эти идеи, а выделить главное.

Первым шагом становится совместная работа с бизнес-партнерами. Вы приглашаете руководителей, маркетологов и разработчиков, чтобы обсудить, какие проблемы важны не только для пользователей, но и для компании. Например, пользователи хотят быстрее оформлять заказы, а бизнес стремится сократить abandon rate – процент пользователей, которые не доходят до конца флоу. Это похоже на поездку в командировку: пассажиры хотят быстрее доехать, а водитель – сэкономить топливо. Обе цели могут совпадать, если выбрать оптимальный маршрут.

Затем вы проводите аудит конкурентов. Это не значит копировать их решения, а анализировать, как они решают аналогичные задачи. Например, вы можете заметить, что Ozon использует промокоды в верхнем меню, а Wildberries – в шаге оплаты. Это дает вам идеи, но не ответы: возможно, ваша аудитория привыкла к другому расположению, и придется тестировать варианты.

После этого формулируется проблема. Она должна быть конкретной, как гвоздь, который нужно забить, а не молоток, которым это делается. Например, не «улучшить оплату», а «сократить время завершения заказа на 30% за счет упрощения этапа ввода промокода». Это важно, потому что размытые цели приводят к размытым решениям.

Далее создается план исследований. Он может включать A/B-тесты (например, показать разным группам пользователей разные варианты кнопки оплаты), дополнительные интервью с теми, кто бросил процесс, или анализ метрик вроде «время на шаге». Инструменты вроде Hotjar или Google Analytics помогут отслеживать поведение пользователей, но без предыдущего анализа вы рискуете собирать данные без цели.

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

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

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

Постановка цели

Основополагающим шагом является постановка цели – это будто создание якоря, к которому будет привязано каждое решение. Вообразите, что вы разрабатываете приложение для заказа еды. Собранные данные показывают, что пользователи часто бросают процесс оформления заказа. Цель здесь должна быть четкой: например, «сократить abandon rate на 30% за три месяца, увеличив количество завершенных заказов».

Эта цель должна быть SMART – конкретной, измеримой, достижимой, релевантной и ограниченной по времени. Например, «повысить удовлетворенность пользователей» слишком абстрактно, а «сократить время оформления заказа на 20%» – уже планка, которую можно проверить. Это похоже на поход: без карты вы можете идти в любом направлении, но с ней знаете, куда ставить ноги.

Важно, чтобы цель охватывала все пользовательские флоу, а не отдельные этапы. Например, в приложении для еды есть флоу «заказ еды», «изменение заказа», «оплата». Глобальная цель может звучать: «Улучшить опыт пользователей на всех этапах взаимодействия, чтобы к концу года 90% клиентов оценивали приложение на 4.5 звезды». Это помогает команде видеть общую картину, а не фокусироваться на мелочах.

Создание цели требует сотрудничества с бизнес-стейкхолдерами. Например, маркетолог может настаивать на увеличении конверсии, а разработчик – на улучшении технической стабильности. Ваша задача – найти баланс. Если цель «сократить abandon rate», это одновременно повысит конверсию и улучшит технические показатели, если, например, устранить ошибки в оплате.

Цель также служит фильтром для идей. Если команда предлагает добавить социальные сети в профиль пользователя, а цель – ускорить оформление заказа, это предложение можно отложить. Это как в ресторане: если цель – сократить время обслуживания, меню должно быть простым, а не включать сложные блюда.

Теперь вы можете спланировать шаги для достижения цели. Например, если abandon rate высок на этапе оплаты, нужно упростить ввод промокодов или улучшить дизайн кнопки. Цель становится компасом, который показывает, какие изменения приоритетны.

Важно периодически проверять прогресс. Если за месяц abandon rate сократился на 10%, это подтверждает правильность направления. Если нет – нужно пересмотреть стратегию. Это похоже на корабль: если компас показывает, что вы отклоняетесь от курса, корректировка курса спасет от катастрофы.

Постановка проблемы

Ваше путешествие к созданию Problem Statement – это как подготовка карты для экспедиции в незнакомую страну. Представьте, что вы собираетесь в лес, где каждый путь – это этап взаимодействия пользователя с вашим продуктом. Но вместо деревьев и рек вы видите «проблемные участки»: места, где пользователи теряются, разочаровываются или просто уходят. Ваша задача – не просто отметить эти точки на карте, а понять, почему они возникают и как они влияют на вашу главную цель. Например, если ваша цель – увеличить продажи, то повторяющиеся жалобы на сложность оформления заказа (так называемый «проблемный флоу») должны стать вашим приоритетом. Чтобы это сделать, соберите все данные: интервью, отзывы, данные аналитики. Потом, как детектив, просеивайте их, ищите закономерности. Можно даже попросить помощника – например, искусственный интеллект – проанализировать информацию и выделить ключевые боли. Но не останавливайтесь на поверхностных выводах. Спросите себя: «Как эта проблема мешает нам достичь цели?» Если большинство пользователей не могут найти кнопку «Оплатить», это не просто технический сбой – это потеря денег и доверия.

Допустим, вы владелец кафе, и каждый вечер клиенты жалуются на долгие очереди. Проблема на поверхности – медленная работа кассиров. Но если углубиться, вы обнаружите, что клиенты тратят больше времени на выбор блюд из меню, потому что оно слишком запутанное. Вот ваш Problem Statement: «Пользователи (клиенты) сталкиваются с трудностями при выборе блюд (проблема), что увеличивает время ожидания (последствие), и это снижает их удовлетворенность и прибыль заведения (влияние на цель)». Это не просто описание – это компас, который скажет: «Нужно упростить меню, чтобы решить корневую проблему».

Научные исследования подтверждают важность такого подхода. В статье 2021 года, посвященной UX-дизайну, ученые показали, что продукты, где проблемные зоны были выявлены через анализ пользовательских флоу и затем исправлены, на 37% чаще достигали поставленных целей. Например, в мобильном банке, где пользователи часто ошибались при вводе PIN-кода, изменение дизайна поля ввода (например, добавление подсказок) сократило количество ошибок на 40%. Это не случайность – это результат системного подхода к Problem Statement.

Теперь представьте, что ваша цель – сделать приложение для фитнеса. Вы анализируете данные и видите, что многие пользователи не доходят до третьей недели тренировок. Простое решение – добавить больше упражнений. Но если углубиться, вы обнаружите, что проблема в отсутствии мотивации из-за отсутствия обратной связи. Ваш Problem Statement: «Пользователи (новички) не получают четких сигналов успеха (проблема), что приводит к снижению мотивации (последствие), и это мешает нашей цели увеличить длительность использования приложения (влияние)». Теперь ясно: нужно внедрить систему наград или еженедельные отчеты.

Секрет в том, чтобы ваш Problem Statement был как лозунг – кратким, и ясным. Он должен соединять конкретную проблему, ее последствия и вашу глобальную цель. Если вы пишете: «Пользователи не регистрируются», это не проблема – это симптом. А если вы скажете: «Пользователи не могут быстро понять выгоду регистрации (проблема), что снижает количество новых аккаунтов (последствие), и это угрожает нашей цели увеличить базу клиентов (влияние)», – это уже стратегия.

Этот метод работает даже в самых разных сферах. Возьмем образование: школа замечает, что ученики не сдают тесты. Простое решение – дать больше заданий. Но анализ флоу ученика показывает, что они не успевают подготовиться из-за перегруженного расписания. Problem Statement: «Ученики не находят времени для повторения материала (проблема), что ведет к слабым результатам (последствие), и это мешает школе повысить успеваемость (цель)». Теперь решение – не «больше заданий», а пересмотр графика или введение интерактивных уроков.

Важно не бояться идти против интуиции. Часто кажется, что проблема в одном месте, а корень – в другом. Например, в приложении для поиска книг пользователи редко покупают товары. Первое подозрение – низкое качество ассортимента. Но анализ показывает, что они не могут сравнить цены в разных магазинах. Problem Statement: «Пользователи не видят возможности сравнить цены (проблема), что снижает их уверенность в выборе (последствие), и это уменьшает доходы (цель)». Решение – добавить функцию сравнения, и продажи растут.

Аудит конкурентов

Аудит конкурентов – это не просто шаблонный список «кто есть кто» в вашей отрасли. Это ключ, который раскрывает дверь в мир, где вы можете не только понять, как ваши клиенты решают проблемы, но и найти свои уникальные «точки роста». Представьте, что вы открываете кафе в районе, где уже есть десяток заведений. Если вы просто копируете меню у соседнего бара, вы не станете лучше, но если проанализируете, что в одном кафе клиенты любят дешевые бургеры, а в другом – эксклюзивные десерты, а третье привлекает студентов с акциями, вы сможете создать меню, сочетающее все три идеи, но с вашим фирменным соусом. Вот что значит аудит: не копирование, а переработка чужого опыта в свой алгоритм успеха.

Методология 70-20-10 – это не просто цифры. Это закон природы бизнеса. Как дерево растет: 70% его энергии тратится на корни, которые уже есть, 20% – на новые ветви, а 10% – на цветы, которые никто не видел. Так и в бизнесе: большинство решений – это проверенные решения, которые «работают», но именно 10% инноваций делают вас неповторимым. Например, Спотифай не изобрел стриминг музыки, но добавил персональные плейлисты и анализ прослушивания, что сделало его лидером. Ваша задача – найти эти 10% в чужом опыте.

Анализ конкурентов – это как собрать пазл из их сильных сторон. Возьмем Яндекс. Еду: ее трафик виден через SimilarWeb, но сколько пользователей в приложении? Ответ лежит в их отчетах. Представьте, что вы хотите запустить аналогичный сервис в Украине. Вы не просто посмотрите, сколько у них заказов в месяц, но и сравниваете: почему в России они дешевле, чем в Казахстане? Возможно, из-за логистики или спроса. Это не просто цифры – это язык, на котором говорит рынок. Иногда данные в открытом доступе: стартапы хвастаются в блогах, публичные компании – в финансовых отчетах. Используйте это, как навигатор в чужом коде.

Иногда анализ конкурентов становится игрой в «кто кого». Google vs. новичок – это не просто сравнение, а тест доверия. Люди верят Google, потому что он «знает все», а новичок – как незнакомец на углу с непонятным продуктом. Но если вы решите копировать Google, вы проиграете. Вместо этого найдите компанию, где доверие сочетается с инновациями. Например, Tesla: они не просто «лучший электромобиль», но и рассказывают о технологиях так, что клиенты становятся их соавторами. Ваша задача – найти такого «середнячка», который уже заработал уважение, но не стал «монстром», и взять у него лучшее.

Создание сводной таблицы конкурентов – это как составление портрета идеального врага. В первой колонке – название компании, во второй – их страна, третья – трафик, четвертая – цена подписки, пятая – количество пользователей. Но это лишь база. Допустим, вы видите, что конкурент А имеет 5 млн пользователей, но трафик в 10 раз меньше конкурента Б. Почему? Возможно, А – приложение для корпоративных клиентов, а Б – для массового рынка. Это ключевой момент: вы не просто сравниваете, а раскрываете их «скрытые мотивы». Как в шахматах: каждое движение конкурента говорит о стратегии, которую можно использовать против него.

Научные исследования подтверждают: компании, регулярно анализирующие конкурентов, на 30% чаще выигрывают новые рынки. В статье из «Journal of Marketing Research» 2022 года говорится, что 78% успешных стартапов используют аудит конкурентов не как «задание», а как «механизм обучения». Например, в 2010-х Uber не просто скопировал идею такси, но проанализировал, почему в некоторых городах такси было дешевле, а в других – нет. Это помогло им создать динамическую цену, которая стала их «фишкой». Ваша таблица конкурентов – это не просто данные, а «лаборатория» для ваших гипотез.

Приоритизация конкурентов – это как выбрать, кого учить: гения, который слишком сложен для повторения, или профессионала, который уже показал, как сделать это просто. Представьте, что вы хотите запустить сервис онлайн-курсов. Coursera – это гигант, но его интерфейс сложен для новичков. Udemy – проще, но качество курсов разное. Выберите средний вариант, например, Teachable, который позволяет создавать свои курсы, но не требует инвестировать в разработку. Это ваша «точка входа»: взять у Teachable простоту, добавить от Coursera структуру курсов и получить что-то новое.

План исследований

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

Первый пункт плана – введение – это не просто заголовок. Это ваше «зачем» и «как». Представьте, что вы объясняете ребенку, почему важно мыть руки: «Это не просто вода, это защита от микробов, которые сделают тебя больным». Так и здесь: вы описываете цель исследования, глобальную проблему и то, как конкурентный анализ поможет ее решить. Например, если ваша цель – увеличить продажи онлайн-магазина, введение должно четко ставить: «Мы изучаем, почему клиенты добавляют товары в корзину, но не оформляют заказ, чтобы к концу месяца сократить отток на 20%». Это не абстрактные цели – это конкретный ориентир, как указатель на карте.

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

KPI – ключевой элемент, который превращает план в измеримый инструмент. Допустим, вы хотите понять, почему люди не используют ваше мобильное приложение. Без KPI вы просто гадаете. Но если поставить метрику: «Собрать 50 интервью, проанализировать 5 конкурентов, определить главную причину оттока», вы получите четкое доказательство. Это подобно спортивной тренировке: если ваша цель – пробежать марафон, вы не скажете «я хочу бегать лучше» – вы измеряете время, пульс, дистанцию. Исследование без KPI – как спорт без таймера: вы можете «побеждать», но не знаете, насколько.

Методологии – это ваши инструменты, и важно выбрать те, что подходят задаче. Если вы изучаете поведение покупателей в магазине, наблюдение «вживую» даст больше, чем онлайн-опрос. Это как ремонту квартиры: для замены розетки хватит отвертки, но для установки двери нужно шуруповерт и уровень. В исследовании методы могут быть «офлайн» (интервью на улице, тестирование прототипа), «онлайн» (опросы в соцсетях, аналитика сайта) или смешанными (например, разместить вакансию с просьбой участвовать в исследовании). Каждый метод – как линза микроскопа: меняя ее, вы видите детали, которые остались бы невидимыми.

Скрипты вопросов – это не просто набор фраз, а нить, которая ведет вас сквозь лабиринт ответов. Качественные вопросы («Почему вы не доверяете нашему приложению?») раскрывают эмоции, а количественные («Сколько времени вы тратите на выбор товара?») – цифры. Это как собрать пазл: эмоции – цвета, цифры – форма. Например, в исследовании 2019 года ученые из MIT показали, что сочетание открытых вопросов с шкалой оценки повышает точность данных на 30%, потому что участники не просто отвечают «да/нет», но объясняют причины.

Презентация результатов – это последний, но решающий этап. Представьте, что вы продаете идею инвесторам: если вместо 20 слайдов с таблицами вы покажете три – с планом, процессом и выводами (например, «мы проанализировали 100 человек, 70% жалуются на долгую доставку, поэтому предлагаем партнерство с локальными курьерами»), ваша идея станет ясной и убедительной. Это как краткий мемуар, где каждый абзац отражает главный момент.

Наконец, портфолио – это ваша «визитка». В 2022 году исследование Harvard Business Review показало, что кандидаты с четко структурированными кейсами в портфолио получают предложение в 2,5 раза чаще, чем те, кто предоставляет лишь результаты. План исследования, как часть портфолио, демонстрирует не только ваши навыки, но и подход: вы не гадаете, вы системно решаете задачи. Это как фото профессионального повара в белом колпаке – сразу видно, что человек знает, что делает.

Генерация идей

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

Второй этап – «энергетическая последовательность». Это мой личный подход, который я называю «флоу-тест». Представьте, что вы играете в видеоигру: если действия слишком сложные или слишком простые, вы быстро теряете интерес. Но если все сбалансировано, вы «погружаетесь» в игру. То же самое с вашим продуктом. Энергетическая последовательность помогает понять, насколько процесс вовлекает пользователя. Например, при регистрации в соцсети: если спрашивают слишком много данных сразу, человек уйдет. Но если предложить ввести только имя и email, а остальное – позже, это сохранит его внимание. Если вы добавите в ваше приложение слишком много шагов, это будет напоминать пробежку по болоту – утомительно и неэффективно.

Третий этап – оптимизация сценариев. Здесь задача проста: убрать все лишнее. Представьте, что вы готовите суп: если добавить лишние приправы, вкус испортится. То же и с интерфейсом. Например, в приложении для такси: если пользователь должен выбрать марку машины, время ожидания, цвет ковриков в салоне – это слишком. Оптимизация – это убрать ненужные действия, чтобы оставить только то, что ведет к цели. В научной статье 2020 года из журнала «Human-Computer Interaction» показано, что сокращение количества кликов на 30% увеличивает конверсию на 25%. Это как дорога: если сократить повороты и светофоры, машина быстрее дойдет до места.

Важно не путать упрощение с упрощенщиной. Минимизация действий – это не значит убрать все. Например, в приложении для заказа еды: если скрыть выбор способа оплаты, это вызовет вопрос «как расплатиться?». Но если оставить только два-три варианта, это сохранит простоту. Это как учебник: если объяснить сложную тему за 10 страниц вместо 50, это не значит, что вы убрали суть – просто убрали лишние примеры.

Иногда кажется, что идеи должны быть революционными. Но часто эффективнее эволюционные изменения. Например, в 2019 году банк убрал из приложения форму для заполнения паспортных данных, заменив ее сканером. Это не изобретение велосипеда, а улучшение существующего процесса. Аналогия из реального мира: если вы строите дом, то не нужно изобретать новый кирпич – достаточно выбрать лучший материал.

Стоит помнить о «законе Парето»: 80% результата дает 20% усилий. В генерации идей это означает, что 20% ваших идей принесут 80% пользы. Например, в приложении для финансов, если вы добавите 5 функций, 2 из них будут использоваться чаще. Задача – найти эти 20%. Это как рыбалка: если бросить сеть в океан, вы поймаете много мелкой рыбы, но если знать, где крупная, можно действовать точнее.

Энергетическая последовательность и оптимизация – это как тренировка мышц. Вы не можете качать все тело за день и ожидать результата. Нужно выбрать ключевые точки. В приложении для фитнеса: если пользователь хочет похудеть, не нужно давать 100 упражнений – достаточно 5, но с правильной последовательностью. Научные эксперименты показывают, что люди лучше запоминают и выполняют задачи, если они структурированы.

Карта пути помогает понять, как пользователь движется к цели. Энергетическая последовательность – проверяет, насколько процесс увлекает. Оптимизация – убирает лишнее, чтобы оставить суть. Это как рецепт: если вы знаете ингредиенты и их пропорции, можете создать блюдо, которое удивит даже гурманов.

Карта пути пользователя

При создании карты пользовательского пути (User Journey Map) важно не просто перечислить этапы взаимодействия пользователя с продуктом, но глубоко погрузиться в его эмоции, цели и ожидания. Этот инструмент позволяет систематизировать наблюдения, полученные на этапе эмпатии, и превратить их в структурированную визуальную модель. Карта строится на основе пользовательских сценариев, которые уже частично разработаны, но требуют расширения и детализации. Ее основные компоненты – это цель, основное действие, список задач, эмоции и возможности улучшения, – каждая из которых раскрывает ключевой аспект взаимодействия.

Начинается процесс с определения цели: какую задачу хочет решить пользователь на каждом этапе, и как она соотносится с целями бизнеса. Например, пользователь может искать информацию, а компания – мотивировать его к покупке. Основное действие – это сама последовательность шагов, которые пользователь совершает, а список задач – конкретные действия, требующиеся для достижения цели. Эти элементы формируют «скелет» карты, определяя логику взаимодействия.

Эмоции и ощущения пользователя – это живой «пульс» карты. Здесь важно не просто перечислить эмоции, но связать их с этапами: где возникает разочарование, где – удовлетворение или сомнение. Использование эмодзи или цветовых меток помогает визуализировать динамику эмоционального состояния. Например, красный цвет может отмечать моменты стресса, а зеленый – моменты удовлетворения.

Карта становится инструментом анализа, когда на ее основе выделяются проблемные зоны. Для этого удобно использовать «красные карточки» в инструментах вроде FigJam или Draw.io: они подсвечивают этапы, где пользователь сталкивается со сложностями или негативными эмоциями. Например, если на этапе оформления заказа возникает сомнение в безопасности платежа, это место требует улучшений.

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

Инструменты вроде FigJam или Google Draw.io упрощают визуализацию: они позволяют редактировать элементы, комментировать их и совместно работать над проектом. Например, можно создать доску с этапами, где каждый столбец – это часть карты, а карточки описывают детали. Такой подход делает процесс наглядным и позволяет быстро тестировать изменения.

Финальная карта должна быть не просто диаграммой, а историей, которая передает путь пользователя от входа в систему до выхода. Она помогает понять, где возникают «провалы» в пользовательском опыте, и предлагает решения: например, упростить форму регистрации или добавить подсказки на сложных этапах. Каждое улучшение должно быть обосновано: оно должно решать конкретную проблему, выявленную в процессе анализа.

Энергетическая последовательность

Давайте разберемся с понятием энергетической последовательности в дизайне. Это ключевой элемент, который определяет, насколько интересным и увлекательным будет пользовательский опыт. Представьте, что ваш глаз скользит по экрану сверху вниз – каждый элемент контента должен влиять на эмоции пользователя, поддерживая его внимание. Если содержание монотонно, человек быстро заскучает, как при чтении длинного текста без иллюстраций. Задача дизайнера – разнообразить визуальные элементы, чтобы глаз цеплялся за контраст, динамику и новые визуальные впечатления.

Самое эффективное решение – анализировать этапы пользовательского пути (юзер-джорни) и выявлять моменты, где ощущения становятся скучными. Здесь можно добавить элементы, которые поднимут «энергетический уровень»: анимацию, движущуюся иконку или яркую картинку. Например, полноразмерная иллюстрация на весь экран может оцениваться в 5 баллов за визуальный удар, а текст с маленькой иконкой – всего в два. Важно не просто накидывать элементы, а строить их так, чтобы переходы были плавными и логичными.

Градация элементов – основа энергетической последовательности. Полноэкранный баннер (5 баллов), затем текст с иконкой (2—3), далее сочетание изображения и текста (4), и снова простой текст (1). Такая смена создает динамику, не давая глазам устать. Если на экране слишком много однотипных элементов, линия энергии «проседает», и пользователь теряет интерес. Идеальный сценарий – волнообразная кривая, где высокие и низкие точки чередуются, поддерживая ощущение движения.

Практически это выглядит так: при входе в приложение встречает яркий баннер, затем немного текста с подсказками, иконки для навигации, блок с картинкой и описанием, снова текст – и так далее. Каждый переход должен быть продуман, чтобы глаз не «замирал» на одном типе контента. Даже небольшие элементы, как анимированные кнопки или подсвеченные заголовки, помогают поддерживать вовлеченность.

Не стоит перегружать страницы элементами высокого энергетического балла – это может вызвать перегрузку. Лучше чередовать «тяжелые» и «легкие» блоки: после эффектной визуальной заставки дать простой текст, затем добавить иконку с интерактивным действием. Такая комбинация напоминает ритм, который успокаивает и в то же время удерживает внимание.

Проверить эффективность можно, нарисовав график: по оси Y – энергетическая ценность элемента, по оси X – путь пользователя. Идеальная кривая не должна падать резко или оставаться плоской. Если она периодически взлетает и снижается, это значит, что дизайн работает – пользователь получает порции новых впечатлений, а не застревает в однообразии.

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

Оптимизация пользовательских сценариев

Важнейшей задачей в дизайне пользовательского опыта остается оптимизация сценариев взаимодействия. Когда вы уже определили основные этапы юзер-джорни и создали карту взаимодействия, следующим шагом становится анализ проблемных точек, выявленных с помощью карточных методик. Задача заключается не только в понимании, где пользователи теряются или сталкиваются с трудностями, но и в том, чтобы выстроить энергетическую последовательность контента – то есть определить, в каком порядке элементы интерфейса должны влиять на восприятие и действия пользователя. Часто это требует пересмотра текущей структуры: возможно, этапы можно сократить, объединить или даже уместить в рамках одного экрана, чтобы минимизировать когнитивную нагрузку.

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

Конец ознакомительного фрагмента.

Текст предоставлен ООО «Литрес».

Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.