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>