@crauchhttps://teletype.in/atom/crauch2026-04-06T23:17:24.783Zcrauch:Zp0SAF9TEWD2024-09-10T12:12:30.209Z2024-09-10T13:50:39.745Z

<img src="https://img4.teletype.in/files/f2/d5/f2d51fb5-ff83-4f10-933a-bdc2d386477f.png">Проводим UX-аудит, чтобы понять, почему пользователи уходят или не выполняют целевые действия и какие сложности взаимодействия с интерфейсом возникают по пути.

<h2 id="aTim"><strong>Востребованность продукта во многом определяется юзабилити.</strong></h2> <p id="v2xX">Проводим UX-аудит, чтобы понять, почему пользователи уходят или не выполняют целевые действия и какие сложности взаимодействия с интерфейсом возникают по пути.</p> <p id="xiEa">Исследуем ваш продукт и найдем узкие места в UX/UI-дизайне. Сформируем и приоритизируем список понятных рекомендаций для вашего сайта, веб-сервиса или приложения.</p> <p id="UoT5"></p> <hr /> <h2 id="6hXl">Почему именно Crauch?💥</h2> <p id="EnwX">За 5 лет накопили большую продуктовую экспертизу в проектах и аудитах с крупными корпорациями. Хорошо знаем, что работает, а что нет у лидеров индустрии. Ниже, реализованные проекты студии:</p> <h3 id="P3Yd">UX-аудит интернет-магазина Спорт-Марафон</h3> <figure id="xtcR" class="m_column"> <img src="https://img4.teletype.in/files/f2/d5/f2d51fb5-ff83-4f10-933a-bdc2d386477f.png" width="3200" /> </figure> <p id="n9ML"><a href="https://sport-marafon.ru/" target="_blank">Спорт-Марафон</a> — это лидер в мире туристического снаряжения и аутдора. Делали ребятам ux-аудит всего сайта. Спойлер: выбирали между нами и студией Лебедева :)</p> <p id="ZhGc"><strong>Результаты:</strong></p> <ul id="ESM5"> <li id="Nzq9">Сделали UX-аудит сайта за 3 недели</li> <li id="Hs2n">Более 60 рекомендаций по 7 направлениям работы, отсортированных по ICE</li> <li id="jwIs">Клиент получил FigJam, макеты, файл Notion со всей работой</li> <li id="6lFI">Клиент остался доволен и начал внедрение рекомендаций с нами, начиная с <a href="https://sport-marafon.ru/catalog/zhenskie-begovye-krossovki/krossovki-zhenskie-saucony-endorphin-pro-2-cool-mint-acid/" target="_blank">карточки товара</a></li> </ul> <p id="dOFg"><strong>Отзыв клиента:</strong></p> <figure id="X72J" class="m_column"> <img src="https://img1.teletype.in/files/cd/5e/cd5ec4e2-c608-448d-82d9-214394f0ca88.png" width="2560" /> </figure> <p id="vd8i"><strong><a href="https://sunrise-rotate-6a5.notion.site/UX-1b4e6d7b7c3b49fabd35abff46b9f620?pvs=4" target="_blank">→ Почитать кейс подробнее в Notion</a></strong></p> <p id="QGPw"></p> <hr /> <h3 id="Xlua">UX-аудит интернет-магазина Стокманн</h3> <figure id="Nm0P" class="m_column"> <img src="https://img2.teletype.in/files/d6/b8/d6b8a9c5-3990-4e01-b247-34829ecf8be5.png" width="3200" /> </figure> <p id="gj3p">Стокманн — сеть магазинов мужской, женской и детской одежды, обуви, аксессуаров, товаров для дома. Более 300 брендов, 12 магазинов в Москве и крупнейших городах — Санкт-Петербурге, Екатеринбурге, Мурманске.</p> <p id="1f6i">На проактивности сделали экспертный UX-аудит важных шагов воронки с помощью кабинетного исследования.</p> <p id="8ATR"><strong>Результаты</strong></p> <p id="ipG6">1. Выявили 5 критичных барьеров, сформулировали 22 гипотезы и дали более 20 рекомендаций.</p> <p id="bHrY"><a href="https://sunrise-rotate-6a5.notion.site/UX-Crauch-3060fb410d3e4e559b58767a65060d73" target="_blank"><strong>→ Notion-отчет</strong></a> (там много очень контента, мы по-другому не умеем).</p> <p id="ONp0">2. Сделали прототип корзины и оформления по нашим рекомендациям. А то смысл только читать рекомендации, хочется посмотреть на них))</p> <p id="yRqm"><a href="https://www.figma.com/file/jUOakbBDiyEC0vUwWCDTKx/Crauch-%2F-UX-%D0%B0%D1%83%D0%B4%D0%B8%D1%82-%D0%A1%D1%82%D0%BE%D0%BA%D0%BC%D0%B0%D0%BD%D0%BD?type=design&node-id=0%3A1&mode=design&t=uWASMq9fP6thhbaE-1" target="_blank"><strong>→ Макеты в фигме</strong></a></p> <p id="3cmW">3. Вишенка на торте — презентация. Чтоб огромный ноушен клиенту не пытаться ковырять, я делаю презентацию и записываю видео, где коротко питчу наше решение. Все по заветам недавнего поста про то как я презентую свою работу.</p> <figure id="7Pxg" class="m_column"> <iframe src="https://www.youtube.com/embed/JqSgxOwWfB8?autoplay=0&loop=0&mute=0"></iframe> </figure> <p id="bV8I">В итоге, мы выявили критичные барьеры, которые лягут в основу гипотез по улучшению конверсий, а потом отсортировали по методу ICE. Теперь бери да проверяй и внедряй.</p> <p id="Shvl"></p> <hr /> <h3 id="OvNe">Редизайн страницы сравнения станций Яндекс Алисы</h3> <figure id="nBxu" class="m_column"> <img src="https://img1.teletype.in/files/87/4d/874dda7d-dab4-4902-aade-00c356b53ef4.png" width="3200" /> </figure> <p id="Emgs">Сделали редизайн легендарной <a href="https://yandex.ru/alice/compare-stations" target="_blank">страницы сравнения станций</a> «Алиса» с миллионным трафиком. Мы смогли увеличить конверсию в переход на маркетплейсы для покупки, время пребывания на странице и снизить процент отказов.</p> <p id="K3bb"><strong>Отзыв клиента:</strong></p> <figure id="xMDG" class="m_column"> <img src="https://img4.teletype.in/files/33/fa/33fa483a-f0fd-4846-9a66-3696bc84977f.png" width="2560" /> </figure> <p id="CQPN"></p> <hr /> <h3 id="FFhh">Как мы увеличили конверсию в интернет-магазине Ешь Деревенское</h3> <figure id="egD0" class="m_column"> <img src="https://img1.teletype.in/files/48/38/48384b72-ce78-4b9c-ad38-cc6e512c5bf8.png" width="1600" /> </figure> <p id="jum1">Увеличили средний чек и конверсию в покупку на ~5% со страницы оформления заказа.</p> <ul id="QXR5"> <li id="C7Qt">Решили сложный кейс с заменой продуктов</li> <li id="ezKf">Провели юзабилити-тестирование, чтобы быстро проверить гипотезы устранения проблемы</li> <li id="gciy">«Победившую» гипотезу реализовали на проде</li> <li id="wtfU">Это дало прирост показателей</li> </ul> <p id="hV5q"><a href="https://vc.ru/design/540842-kak-my-za-2-nedeli-povysili-konversii-internet-magazina-fermerskoi-edy-i-oborot" target="_blank"><strong>→ Читать подробнее кейс на vc</strong></a></p> <p id="GZGs"></p> <hr /> <h2 id="OSIs">Какие задачи решает UX-аудит</h2> <ol id="1bG2"> <li id="Ya6L">Плохая конверсия и высокий процент отказов в основных сценариях продукта, влияющих на бизнес метрики</li> <li id="lDDG">Усложненный интерфейс: пользователь не может выполнить целевое действие</li> <li id="oEun">Продукт устарел, некоторые паттерны поведения на нем и внешний вид не соответствуют текущим трендам</li> <li id="I6O3">Замылился глаз, необходим взгляд со стороны с позиции дизайна и юзабилити.</li> <li id="r62k">Нет понимания, как пользователи ведут себя на основных сценариях продукта. Необходимо выявить барьеры</li> </ol> <p id="4osN"><strong><a href="https://t.me/punyan" target="_blank">Заказать аудит</a></strong></p> <p id="rSf4"></p> <hr /> <h1 id="5XxJ">Как выглядит процесс</h1> <h3 id="1jgK"><strong>1. Этап «Дискавери»</strong></h3> <p id="Pzmu">По сути, это экспертная часть аудита, основанная на открытых источниках данных и нашей личной экспертизе</p> <ul id="LVyU"> <li id="E8ke">Составим карту сайта, пройдемся по основным пользовательским сценариям. Результатом будут гипотезы по улучшению структуры продукта или отдельных его частей.</li> <li id="hbNO">Проанализируем отзывы в интернете и запросы в службу поддержки. Результатом будут боли пользователей и гипотезы их устранения.</li> <li id="plvD">Проанализируем метрики: воронку, вебвизор, карту кликов, отказы и другие метрики. В результате сможем узнать на каком этапе пользователи не достигают цели и предположить почему так. Появятся новые гипотезы.</li> <li id="GKvT">Сегментируем аудиторию по информации из метрик, составим Job Story, чтобы понять, почему пользователи покупают товары или записываются на услуги. Результатом будет описание и таблица со списком сегментов аудитории, их потребностей в Notion. Сформируем гипотезы.</li> <li id="bwBg">Проведем конкурентный анализ и сделаем обзор рынка по: пользовательскому опыту и самым важным частям продукта в этой сфере. Результатом будут UX-практики отдельных элементов, блоков и структуры.</li> <li id="cV4O">Составим CJM ключевых сценариев продукта. Например, в e-commerce это CJM&#x27;ы оформления заказа. Результатом будут гипотезы и предположения на каком этапе воронки есть проблемы.</li> </ul> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="P2pz">Результатом этапа Дискавери будут формирование списка барьеров и гипотез по улучшению мобильной версии сайта</p> </section> <h3 id="xjqS"><strong>2. Этап «Юзабилити-тестирование»</strong></h3> <ul id="wa2b"> <li id="aE3m">Проведем юзабилити-тестирование и мини-глубинное интервью ключевых сценариев продукта в данной сфере. Например, в e-commerce — это путь до оформления заказа. Количество респондентов для интервью: по 5 человека на один сегмент аудитории. Выявим барьеры, с которыми сталкиваются пользователи.</li> <li id="Ixlx">На основе всех этапов мы соберем отчет и выделим гипотезы, под которые дадим рекомендации.</li> <li id="hmUX">Приоритизируем все гипотезы по методу ICE-скоринга с примерами референсов</li> </ul> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="nvKA">Результатом этапа UX-аудит будут пользовательские гипотезы, проблемные места и рекомендации на основе всех этапов</p> </section> <h3 id="8WjN"><strong>3. Этап «Выводы и рекомендации»</strong></h3> <ul id="dSEM"> <li id="1IF5">На основе Дискавери и Юзабилити-тестирования сформируем отчет.</li> <li id="TNtx">Подготовим презентацию и поделимся результатами на совместном звонке.</li> </ul> <hr /> <h2 id="lRFN">А так выглядит роадмап проекта</h2> <figure id="Gf1D" class="m_column"> <img src="https://img1.teletype.in/files/40/85/40851e75-e3ac-4219-b9f0-6aeb5818a941.png" width="1600" /> </figure> <p id="ugQd"></p> <hr /> <h1 id="cCF6">🔥 В результате UX-аудита вы получите:</h1> <h3 id="nRUX">1. Точки роста</h3> <figure id="iPpY" class="m_column"> <img src="https://img2.teletype.in/files/d9/98/d9983ba0-db9c-47b8-8283-d28692c3459d.png" width="1600" /> </figure> <p id="EPBm">Понятный бэклог рекомендаций и точек роста вашего цифрового продукта, приоритизированных по методу ICE</p> <hr /> <h3 id="yvVf">2. Артефакты в Notion и Figma</h3> <figure id="zkRW" class="m_column"> <img src="https://img1.teletype.in/files/c4/67/c4679138-63f4-4736-8a8a-72e9aab1fa00.png" width="1600" /> </figure> <ul id="yyvR"> <li id="Sglp">карта сайта</li> <li id="0dWq">анализ лучших практик</li> <li id="4eGm">конкурентный анализ</li> <li id="G858">путь пользователя</li> <li id="L7GK">анализ веб-аналитики</li> <li id="M3fA">анализ каждого этапа воронки</li> <li id="nr2k">презентация результатов работы</li> </ul> <hr /> <h3 id="FClo">3. Визуальные прототипы решений</h3> <figure id="ik4W" class="m_column"> <img src="https://img4.teletype.in/files/b9/a6/b9a6cb4c-8519-4195-a438-e32c8d2f0829.png" width="1600" /> </figure> <p id="laYj">Чтобы наглядно показать некоторые рекомендации — нарисуем драфты макетов интерфейса в Figma</p> <p id="sZxh"></p> <p id="nCfh"></p> <hr /> <h1 id="dHTr">Что нужно для старта?</h1> <h3 id="TryR">Цель и задачи аудита</h3> <p id="ShPM">UX-аудит будет полезен, только если есть конкретный запрос и потребность.</p> <h3 id="AON8">Макеты проекта</h3> <p id="wJyX">Желательно в Figma. Это поможет нам быстрее находить нужные экраны, понять пользовательские пути и корректировать их.</p> <h3 id="dPHO">Доступы к яндекс.метрике и google analytics</h3> <p id="Sh4C">Это поможет нам лучше понять как ведут себя пользователи на страницах и от этого сформировать гипотезы, которые сможем проверить.</p> <h3 id="AH9M">Список конкурентов и сегментов аудитории (если есть)</h3> <p id="OS8v">Нам сильно упростит работу, если у вас уже есть описанные сегменты аудитории и понимание конкурентов в каком-либо виде.</p> <p id="b8ij"></p> <p id="7Uco"></p> <hr /> <h1 id="ErUs">Кто же мы такие и почему нам стоит доверять</h1> <p id="ghUH"><a href="https://crauch.ru/" target="_blank">Crauch</a> — продуктовая студия дизайна и разработки для корпораций №1 в своей отрасли. Работаем с Positive Technologies, МТС Линк, Яндекс Алисой, ВКонтакте, Самолетом, Лемана ПРО, Кубань Кредитом, SYNERGETIC’ом, Спорт-Марафоном и другими. Специализируемся на сложных веб-сервисах и приложениях по типу CMS, CRM, ERP, PMS, Личных кабинетах и прочих подобных вещах.</p> <p id="9NGn">Фокусируемся на двух параметрах: удобство пользователя и красота визуала. Подаем наши работы в отраслевые премии и выигрываем награды. Например, у нас <a href="https://tagline.ru/crauch/cases/dizayn-sayta-finansovogo-marketpleysa--zefir/" target="_blank">лучшее юзабилити</a> по версии Tagline Awards 2023</p> <figure id="1Hwk" class="m_original"> <img src="https://img1.teletype.in/files/48/9a/489a89f2-0b97-485e-b8b7-0b6392ff68e2.png" width="2878" /> </figure> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <h2 id="tkMq"><strong>Стоимость: 600 тыс. руб и 3 недели</strong></h2> </section> <p id="IeL1">Работаем по предоплате 50%. Остальные 50% оплачиваются по завершению работы</p> <h1 id="Jow9">Чтобы обсудить проект — напишите <a href="https://t.me/punyan" target="_blank">Ульяне</a>, нашему аккаунт менеджеру. Она ответит на вопросы и подготовит предложение </h1> <p id="thrL"></p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="Wr28">© Crauch, 2024</p> </section>