HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>14 окт 2019</li>
2 <ul><li>14 окт 2019</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><p>Важную роль в процессе проектирования пользовательского интерфейса играет UX-аналитика. Рассказываем, что это, зачем она нужна и кто этим занимается.</p>
4 </ul><p>Важную роль в процессе проектирования пользовательского интерфейса играет UX-аналитика. Рассказываем, что это, зачем она нужна и кто этим занимается.</p>
5 <p> vlada_maestro / shutterstock</p>
5 <p> vlada_maestro / shutterstock</p>
6 <p>Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.</p>
6 <p>Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.</p>
7 <p>UX-аналитика - это сбор и анализ данных о том, как пользователи взаимодействуют с вашим сайтом, приложением или другим продуктом.</p>
7 <p>UX-аналитика - это сбор и анализ данных о том, как пользователи взаимодействуют с вашим сайтом, приложением или другим продуктом.</p>
8 <p>Соответственно, UX-аналитик - это человек, который умеет анализировать и обрабатывать эти данные, а также может сказать, что с ними делать и как их можно использовать для развития проекта.</p>
8 <p>Соответственно, UX-аналитик - это человек, который умеет анализировать и обрабатывать эти данные, а также может сказать, что с ними делать и как их можно использовать для развития проекта.</p>
9 <p>Профессия относительно новая, и ближе всего она стоит к другой digital-специальности - веб-аналитик. Различие не только в названии, но и функциональных обязанностях и компетенциях. Можно сказать, что UX-аналитик - это веб-аналитик с более широкими возможностями и качественно новыми знаниями в смежных областях.</p>
9 <p>Профессия относительно новая, и ближе всего она стоит к другой digital-специальности - веб-аналитик. Различие не только в названии, но и функциональных обязанностях и компетенциях. Можно сказать, что UX-аналитик - это веб-аналитик с более широкими возможностями и качественно новыми знаниями в смежных областях.</p>
10 <p>UX-аналитик анализирует целевую аудиторию сайта или приложения, его конкурентов. Исходя из цели и задач проекта, проводит исследования, тестирует гипотезы. На выходе получает данные, которые помогают развивать и улучшать продукт.</p>
10 <p>UX-аналитик анализирует целевую аудиторию сайта или приложения, его конкурентов. Исходя из цели и задач проекта, проводит исследования, тестирует гипотезы. На выходе получает данные, которые помогают развивать и улучшать продукт.</p>
11 <ul><li>сбор и анализ данных;</li>
11 <ul><li>сбор и анализ данных;</li>
12 <li>улучшение существующих интерфейсов и участие в проектировании новых;</li>
12 <li>улучшение существующих интерфейсов и участие в проектировании новых;</li>
13 <li>анализ разработанного решения, разработка предложений по улучшению;</li>
13 <li>анализ разработанного решения, разработка предложений по улучшению;</li>
14 <li>участие в тестировании функциональности;</li>
14 <li>участие в тестировании функциональности;</li>
15 <li>участие в создание финальных макетов/прототипов и сопроводительной документации.</li>
15 <li>участие в создание финальных макетов/прототипов и сопроводительной документации.</li>
16 </ul><ul><li>навыки бизнес-анализа;</li>
16 </ul><ul><li>навыки бизнес-анализа;</li>
17 <li>умение давать конкретные рекомендации;</li>
17 <li>умение давать конкретные рекомендации;</li>
18 <li>умение презентовать и отстаивать свои решения;</li>
18 <li>умение презентовать и отстаивать свои решения;</li>
19 <li>умение работать под давлением в условиях неполной ясности;</li>
19 <li>умение работать под давлением в условиях неполной ясности;</li>
20 <li>умение быстро ориентироваться и работать с большими данными;</li>
20 <li>умение быстро ориентироваться и работать с большими данными;</li>
21 <li>знание инструментов веб-аналитики;</li>
21 <li>знание инструментов веб-аналитики;</li>
22 <li>знание основ программирования и математического анализа.</li>
22 <li>знание основ программирования и математического анализа.</li>
23 </ul><ul><li>проектирование интерфейсов и информационной архитектуры;</li>
23 </ul><ul><li>проектирование интерфейсов и информационной архитектуры;</li>
24 <li>проведение юзабилити-аудита;</li>
24 <li>проведение юзабилити-аудита;</li>
25 <li>работа с веб-аналитикой;</li>
25 <li>работа с веб-аналитикой;</li>
26 <li>работа в e-commerce.</li>
26 <li>работа в e-commerce.</li>
27 </ul><p>Задача UX-аналитика - собрать данные, которые помогут команде не только создать лучший продукт, но и обосновать каждое решение перед заказчиком или руководителем.</p>
27 </ul><p>Задача UX-аналитика - собрать данные, которые помогут команде не только создать лучший продукт, но и обосновать каждое решение перед заказчиком или руководителем.</p>
28 <p>Как правило, для проведения качественной UX-аналитики требуются комплексный подход и несколько базовых инструментов.</p>
28 <p>Как правило, для проведения качественной UX-аналитики требуются комплексный подход и несколько базовых инструментов.</p>
29 <p>Метод персонажей - создание поведенческих моделей пользователей.</p>
29 <p>Метод персонажей - создание поведенческих моделей пользователей.</p>
30 <p>Персонаж - это собирательный образ пользователя. Вот как применяется этот метод.</p>
30 <p>Персонаж - это собирательный образ пользователя. Вот как применяется этот метод.</p>
31 <p>Сначала нужно выделить несколько сегментов целевой аудитории, на их основе и будет "собран" персонаж. Затем собрать и систематизировать данные о целях и проблемах вашей ЦА.</p>
31 <p>Сначала нужно выделить несколько сегментов целевой аудитории, на их основе и будет "собран" персонаж. Затем собрать и систематизировать данные о целях и проблемах вашей ЦА.</p>
32 <p>Составление персонажа поможет вам оценить поведение пользователей, понять их потребности и цели. У вас получится mindmap с персонами и детально проработанными карточками по каждой из них. В статье<a>"Как дизайнеру определить целевую аудиторию"</a>подробно описан этот метод.</p>
32 <p>Составление персонажа поможет вам оценить поведение пользователей, понять их потребности и цели. У вас получится mindmap с персонами и детально проработанными карточками по каждой из них. В статье<a>"Как дизайнеру определить целевую аудиторию"</a>подробно описан этот метод.</p>
33 <p>Пользовательские истории - быстрый способ документировать действия людей на сайте или в мобильном приложении.</p>
33 <p>Пользовательские истории - быстрый способ документировать действия людей на сайте или в мобильном приложении.</p>
34 <p>Написать историю пользователя достаточно просто с помощью определенной матрицы вопросов:<strong>"Кто он"<em>(роль)</em> - "Чего он хочет"<em>(функция)</em> - "Зачем ему это"<em>(причина)</em>.</strong></p>
34 <p>Написать историю пользователя достаточно просто с помощью определенной матрицы вопросов:<strong>"Кто он"<em>(роль)</em> - "Чего он хочет"<em>(функция)</em> - "Зачем ему это"<em>(причина)</em>.</strong></p>
35 <p>Результат может быть, например, таким: пользователь - онлайн-консультант, он хочет видеть уведомления на своем смартфоне, чтобы оперативно на них реагировать.</p>
35 <p>Результат может быть, например, таким: пользователь - онлайн-консультант, он хочет видеть уведомления на своем смартфоне, чтобы оперативно на них реагировать.</p>
36 <p>Карта эмпатии<em>(англ. empathy map)</em>- инструмент, разработанный компанией<a>XPLANE</a>, нужен для визуализации главных особенностей пользователей. Карту можно использовать как дополнение к персонажам, так и в качестве альтернативы.</p>
36 <p>Карта эмпатии<em>(англ. empathy map)</em>- инструмент, разработанный компанией<a>XPLANE</a>, нужен для визуализации главных особенностей пользователей. Карту можно использовать как дополнение к персонажам, так и в качестве альтернативы.</p>
37 <p>Фактически это схема, в центре которой находится представитель пользовательского сегмента. Схема состоит из четырех основных блоков ("думаю и чувствую", "говорю и делаю", "вижу", "слышу") и двух блоков-выводов: "страхи" и "ценности".</p>
37 <p>Фактически это схема, в центре которой находится представитель пользовательского сегмента. Схема состоит из четырех основных блоков ("думаю и чувствую", "говорю и делаю", "вижу", "слышу") и двух блоков-выводов: "страхи" и "ценности".</p>
38 Матрица карты эмпатии<p>Блоки заполняются так:</p>
38 Матрица карты эмпатии<p>Блоки заполняются так:</p>
39 <ul><li><strong>"Думает и чувствует"</strong> - определяем мечты, цели, стремления и мотивы пользователя.</li>
39 <ul><li><strong>"Думает и чувствует"</strong> - определяем мечты, цели, стремления и мотивы пользователя.</li>
40 <li><strong>"Слышит"</strong> - описываем, что пользователь ежедневно слышит в своей среде. Внешние звуковые раздражители - разговоры на работе, дома, в кругу друзей, а также телевизор, радио.</li>
40 <li><strong>"Слышит"</strong> - описываем, что пользователь ежедневно слышит в своей среде. Внешние звуковые раздражители - разговоры на работе, дома, в кругу друзей, а также телевизор, радио.</li>
41 <li><strong>"Говорит и делает"</strong>- выясняем публичное поведение пользователя, что делает ежедневно, как решает проблемы.</li>
41 <li><strong>"Говорит и делает"</strong>- выясняем публичное поведение пользователя, что делает ежедневно, как решает проблемы.</li>
42 <li><strong>"Видит"</strong> - определяем места пересечения пользователя с вашим продуктом. На что обращает внимание? Как воспринимает продукты конкурентов?</li>
42 <li><strong>"Видит"</strong> - определяем места пересечения пользователя с вашим продуктом. На что обращает внимание? Как воспринимает продукты конкурентов?</li>
43 <li><strong>"Страхи"</strong> - выясняем ежедневные проблемы пользователя. Возможные препятствия на пути к целям. Каким образом продукт сможет закрыть эти страхи?</li>
43 <li><strong>"Страхи"</strong> - выясняем ежедневные проблемы пользователя. Возможные препятствия на пути к целям. Каким образом продукт сможет закрыть эти страхи?</li>
44 <li><strong>"Ценности"</strong>- описываем цели пользователя. Каким образом продукт помогает в их достижении?</li>
44 <li><strong>"Ценности"</strong>- описываем цели пользователя. Каким образом продукт помогает в их достижении?</li>
45 </ul><p>Раскадровка - визуальное представление основных шагов пользователя, которые он должен совершить, взаимодействуя с вашим продуктом. Это могут быть как иллюстрации, так и скриншоты с экрана. Метод раскадровки - очень хороший способ донести ваши идеи до пользователей и разработчиков.</p>
45 </ul><p>Раскадровка - визуальное представление основных шагов пользователя, которые он должен совершить, взаимодействуя с вашим продуктом. Это могут быть как иллюстрации, так и скриншоты с экрана. Метод раскадровки - очень хороший способ донести ваши идеи до пользователей и разработчиков.</p>
46 <p>Методика была разработана Уолтом Диснеем в 1930-х годах и перенесена в сферу проектирования программного обеспечения.</p>
46 <p>Методика была разработана Уолтом Диснеем в 1930-х годах и перенесена в сферу проектирования программного обеспечения.</p>
47 <p>Раскадровка не должна быть сложной или высококачественной. Хорошо запоминаются простые визуальные эффекты и простой сценарий.</p>
47 <p>Раскадровка не должна быть сложной или высококачественной. Хорошо запоминаются простые визуальные эффекты и простой сценарий.</p>
48 <p>А/B-тестирование - это эксперимент, где вы подтверждаете или опровергаете гипотезы. Например, можете сравнить две формы заказа и понять, какая работает лучше.</p>
48 <p>А/B-тестирование - это эксперимент, где вы подтверждаете или опровергаете гипотезы. Например, можете сравнить две формы заказа и понять, какая работает лучше.</p>
49 Пример тестирования из статьи<a>Data-Driven Design</a>от AIC. Было - стало. Итог - увеличение конверсии на 20%<p>В ходе эксперимента часть аудитории видит один интерфейс, другая часть - его альтернативу. По итогам теста выбирается победитель.</p>
49 Пример тестирования из статьи<a>Data-Driven Design</a>от AIC. Было - стало. Итог - увеличение конверсии на 20%<p>В ходе эксперимента часть аудитории видит один интерфейс, другая часть - его альтернативу. По итогам теста выбирается победитель.</p>
50 <p>UX-аналитика - это востребованная специальность, освоив которую, вы научитесь принимать эффективные решения на основе правильных данных. Навыки профессии пригодятся веб-аналитику, который хочет развиваться в интерфейсах, а также дизайнеру, чтобы создавать решения, подкрепленные данными. Все это - в курсе Skillbox "<a>UX-аналитик</a>".</p>
50 <p>UX-аналитика - это востребованная специальность, освоив которую, вы научитесь принимать эффективные решения на основе правильных данных. Навыки профессии пригодятся веб-аналитику, который хочет развиваться в интерфейсах, а также дизайнеру, чтобы создавать решения, подкрепленные данными. Все это - в курсе Skillbox "<a>UX-аналитик</a>".</p>
51 <a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
51 <a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>