0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><strong>UX</strong><em>(user experience - опыт взаимодействия)</em> - это то, как пользователь взаимодействует с продуктом, как воспринимает и ощущает его эмоционально, и то, как ваш продукт работает. Все завязано на понимании поведения людей и психологии.</p>
1
<p><strong>UX</strong><em>(user experience - опыт взаимодействия)</em> - это то, как пользователь взаимодействует с продуктом, как воспринимает и ощущает его эмоционально, и то, как ваш продукт работает. Все завязано на понимании поведения людей и психологии.</p>
2
<p><strong>UX</strong>помогает пользователю достичь своей цели коротким, удобным и логичным путем.</p>
2
<p><strong>UX</strong>помогает пользователю достичь своей цели коротким, удобным и логичным путем.</p>
3
<p>UX и UI часто путают или воспринимают как одно целое, не вдаваясь в подробности.</p>
3
<p>UX и UI часто путают или воспринимают как одно целое, не вдаваясь в подробности.</p>
4
<p>Разведем понятия на простом примере:</p>
4
<p>Разведем понятия на простом примере:</p>
5
<p>Как выглядят элементы управления в салоне автомобиля - это<strong>UI</strong>. Как расположены эти элементы управления, насколько быстро вы сможете найти, как включить фары или настроить климат-контроль, и сколько пришлось совершить шагов для достижения этих целей, - это<strong>UX</strong>.</p>
5
<p>Как выглядят элементы управления в салоне автомобиля - это<strong>UI</strong>. Как расположены эти элементы управления, насколько быстро вы сможете найти, как включить фары или настроить климат-контроль, и сколько пришлось совершить шагов для достижения этих целей, - это<strong>UX</strong>.</p>
6
<p><strong>Нужно помнить, что при проектировании интерфейсов удобство взаимодействия так же важно, как и внешний вид.</strong></p>
6
<p><strong>Нужно помнить, что при проектировании интерфейсов удобство взаимодействия так же важно, как и внешний вид.</strong></p>
7
<p><strong>UX-дизайнер</strong> продумывает сценарии поведения пользователей. То, как они будут взаимодействовать с интерфейсом, какие шаги предпримут для достижения цели.</p>
7
<p><strong>UX-дизайнер</strong> продумывает сценарии поведения пользователей. То, как они будут взаимодействовать с интерфейсом, какие шаги предпримут для достижения цели.</p>
8
<p><strong>UI-дизайнер,</strong>в свою очередь, продумывает, как эти шаги увидит пользователь. UX и UI тесно взаимосвязаны - путаница происходит во многом из-за этого.</p>
8
<p><strong>UI-дизайнер,</strong>в свою очередь, продумывает, как эти шаги увидит пользователь. UX и UI тесно взаимосвязаны - путаница происходит во многом из-за этого.</p>
9
<p>UX-дизайнер - это специалист, который решает задачи по взаимодействию пользователя с продуктом. Можно даже сказать, что он - аналитик или информационный архитектор. Задача UX-дизайнера - сделать взаимодействие с интерфейсом простым и интуитивно понятным, чтобы все было логично и последовательно. Дизайнер принимает участие во всех стадиях развития продукта, тестируя, оттачивая и совершенствуя его до тех пор, пока не обеспечит точки соприкосновения целей бизнеса и потребностей пользователя.</p>
9
<p>UX-дизайнер - это специалист, который решает задачи по взаимодействию пользователя с продуктом. Можно даже сказать, что он - аналитик или информационный архитектор. Задача UX-дизайнера - сделать взаимодействие с интерфейсом простым и интуитивно понятным, чтобы все было логично и последовательно. Дизайнер принимает участие во всех стадиях развития продукта, тестируя, оттачивая и совершенствуя его до тех пор, пока не обеспечит точки соприкосновения целей бизнеса и потребностей пользователя.</p>
10
<p><strong>Определение и создание персон</strong></p>
10
<p><strong>Определение и создание персон</strong></p>
11
<p>Персона - это собирательный образ целевого клиента. Один микросегмент, воплощенный в образе конкретного человека.</p>
11
<p>Персона - это собирательный образ целевого клиента. Один микросегмент, воплощенный в образе конкретного человека.</p>
12
<p><strong>Разработка структуры</strong></p>
12
<p><strong>Разработка структуры</strong></p>
13
<p>Перед тем как начать работу с прототипами, дизайнер определяется со структурой сайта, количеством страниц, их назначением, взаимосвязями между ними.</p>
13
<p>Перед тем как начать работу с прототипами, дизайнер определяется со структурой сайта, количеством страниц, их назначением, взаимосвязями между ними.</p>
14
<p><strong>Прототипирование</strong></p>
14
<p><strong>Прототипирование</strong></p>
15
<p>Когда структура готова, приходит время визуализировать идеи. UX-дизайнер занимается такой визуализацией - от создания вайрфрейма до интерактивных прототипов.</p>
15
<p>Когда структура готова, приходит время визуализировать идеи. UX-дизайнер занимается такой визуализацией - от создания вайрфрейма до интерактивных прототипов.</p>
16
<p><strong>Тестирование</strong></p>
16
<p><strong>Тестирование</strong></p>
17
<p>Тестирование интерфейса на реальных пользователях, с четким пониманием их потребностей.</p>
17
<p>Тестирование интерфейса на реальных пользователях, с четким пониманием их потребностей.</p>
18
<p><strong>Немного UI</strong></p>
18
<p><strong>Немного UI</strong></p>
19
<p>Разработка концепции вместе с UI-дизайнером, координация и тесное взаимодействие на этапе разработки всех экранов интерфейса. </p>
19
<p>Разработка концепции вместе с UI-дизайнером, координация и тесное взаимодействие на этапе разработки всех экранов интерфейса. </p>
20
<p>Этот пункт, скорее, носит рекомендательный характер - конечно, если вы чистый UX и не совмещаете в себе функции UX/UI-дизайнера.</p>
20
<p>Этот пункт, скорее, носит рекомендательный характер - конечно, если вы чистый UX и не совмещаете в себе функции UX/UI-дизайнера.</p>
21
<p><strong>Исследования, гипотезы, очередное тестирование</strong></p>
21
<p><strong>Исследования, гипотезы, очередное тестирование</strong></p>
22
<p>После запуска продукта необходимо проводить исследования поведения пользователей и оперативно реагировать на любые отклонения от целевого поведения. На этом этапе UX-дизайнер предлагает гипотезы и быстро их проверяет.</p>
22
<p>После запуска продукта необходимо проводить исследования поведения пользователей и оперативно реагировать на любые отклонения от целевого поведения. На этом этапе UX-дизайнер предлагает гипотезы и быстро их проверяет.</p>
23
<ul><li>Логическое мышление.</li>
23
<ul><li>Логическое мышление.</li>
24
<li>Аналитические способности.</li>
24
<li>Аналитические способности.</li>
25
<li>Развитые коммуникативные навыки.</li>
25
<li>Развитые коммуникативные навыки.</li>
26
<li>Умение принимать быстрые решения в условиях сжатых сроков.</li>
26
<li>Умение принимать быстрые решения в условиях сжатых сроков.</li>
27
<li>Умение правильно расставить приоритеты.</li>
27
<li>Умение правильно расставить приоритеты.</li>
28
<li>Самостоятельность и организация рабочего процесса.</li>
28
<li>Самостоятельность и организация рабочего процесса.</li>
29
<li>Умение уделять внимание деталям.</li>
29
<li>Умение уделять внимание деталям.</li>
30
<li>Способность доводить начатое до конца.</li>
30
<li>Способность доводить начатое до конца.</li>
31
</ul><ul><li>Методики тестирования интерфейсов.</li>
31
</ul><ul><li>Методики тестирования интерфейсов.</li>
32
<li>Принципы юзабилити и умение применять их на практике.</li>
32
<li>Принципы юзабилити и умение применять их на практике.</li>
33
<li>Тренды и последние направления в дизайне.</li>
33
<li>Тренды и последние направления в дизайне.</li>
34
<li>Основы аналитики.</li>
34
<li>Основы аналитики.</li>
35
<li>Английский на уровне чтения технической литературы.</li>
35
<li>Английский на уровне чтения технической литературы.</li>
36
<li>Понимание принципов User Centered Design.</li>
36
<li>Понимание принципов User Centered Design.</li>
37
<li>Верстка и современные инструменты разработки.</li>
37
<li>Верстка и современные инструменты разработки.</li>
38
<li>Понимание всех этапов создания продукта.</li>
38
<li>Понимание всех этапов создания продукта.</li>
39
</ul><ul><li>Создание понятных кликабельных прототипов в специализированных программах.</li>
39
</ul><ul><li>Создание понятных кликабельных прототипов в специализированных программах.</li>
40
<li>Взаимодействие с UI-дизайнерами и веб-разработчиками.</li>
40
<li>Взаимодействие с UI-дизайнерами и веб-разработчиками.</li>
41
<li>Умение понимать техническую документацию и требования к интерфейсам.</li>
41
<li>Умение понимать техническую документацию и требования к интерфейсам.</li>
42
</ul><p>Блокнот и маркер хорошо подойдут для первых набросков и понимания задачи, компоновки блоков и данных.</p>
42
</ul><p>Блокнот и маркер хорошо подойдут для первых набросков и понимания задачи, компоновки блоков и данных.</p>
43
<p>Если задача сложная, требует построения сложных логических связей и одним блокнотом не обойтись, используйте mindmap-сервисы - <a>XMind</a>,<a>FlowMapp</a>,<a>MindMeister</a>.</p>
43
<p>Если задача сложная, требует построения сложных логических связей и одним блокнотом не обойтись, используйте mindmap-сервисы - <a>XMind</a>,<a>FlowMapp</a>,<a>MindMeister</a>.</p>
44
<p>Макеты концептов можно рисовать где удобно. Для этих целей подходят<a>Photoshop</a>и <a>Sketch</a>.</p>
44
<p>Макеты концептов можно рисовать где удобно. Для этих целей подходят<a>Photoshop</a>и <a>Sketch</a>.</p>
45
<p>Для создания интерактивных прототипов можно использовать<a>Figma</a>,<a>InVision</a>,<a>Axure</a>,<a>Adobe XD</a>.</p>
45
<p>Для создания интерактивных прототипов можно использовать<a>Figma</a>,<a>InVision</a>,<a>Axure</a>,<a>Adobe XD</a>.</p>
46
<p>Если хотите проработать анимацию в интерфейсе, можно использовать <a>Framer</a>и <a>UXPin</a>.</p>
46
<p>Если хотите проработать анимацию в интерфейсе, можно использовать <a>Framer</a>и <a>UXPin</a>.</p>
47
<p>Для погружения в UX недостаточно просто выучить софт и развить soft-skills. Нужно следить за отраслью, UX как дисциплина не стоит на месте.</p>
47
<p>Для погружения в UX недостаточно просто выучить софт и развить soft-skills. Нужно следить за отраслью, UX как дисциплина не стоит на месте.</p>
48
<p> <a>http://uxchecklist.github.io/</a> - полезный список действий по UX. Поможет пройти через весь процесс и успешно завершить каждый шаг.</p>
48
<p> <a>http://uxchecklist.github.io/</a> - полезный список действий по UX. Поможет пройти через весь процесс и успешно завершить каждый шаг.</p>
49
<p> <a>https://www.uxbooth.com/</a> - статьи по UX: исследования, анализ, юзабилити, психология, кейсы.</p>
49
<p> <a>https://www.uxbooth.com/</a> - статьи по UX: исследования, анализ, юзабилити, психология, кейсы.</p>
50
<p> <a>https://www.uxpin.com/studio/ebooks/</a> - бесплатные книги о UX, информационной архитектуре, юзабилити-тестировании, адаптивном дизайне, мобильной типографике.</p>
50
<p> <a>https://www.uxpin.com/studio/ebooks/</a> - бесплатные книги о UX, информационной архитектуре, юзабилити-тестировании, адаптивном дизайне, мобильной типографике.</p>
51
<p> <a>https://uxmastery.com/</a> - сайт полностью посвящен UX.</p>
51
<p> <a>https://uxmastery.com/</a> - сайт полностью посвящен UX.</p>
52
<p> <a>http://uxmag.com/</a> - UX Magazine, список самых важных международных событий и вакансий в сфере. Также много статей по UX.</p>
52
<p> <a>http://uxmag.com/</a> - UX Magazine, список самых важных международных событий и вакансий в сфере. Также много статей по UX.</p>
53
<p> <a>https://www.dtelepathy.com/blog/</a> - блог DT Telepathy, команда из Сан-Диего публикует статьи на тему UX.</p>
53
<p> <a>https://www.dtelepathy.com/blog/</a> - блог DT Telepathy, команда из Сан-Диего публикует статьи на тему UX.</p>
54
<p>Углубиться в тему UX-дизайна помогут книги. Вот несколько хороших.</p>
54
<p>Углубиться в тему UX-дизайна помогут книги. Вот несколько хороших.</p>
55
<p><strong>"Проектирование для взаимодействия" Дэна Саффера</strong></p>
55
<p><strong>"Проектирование для взаимодействия" Дэна Саффера</strong></p>
56
<p>Вы узнаете, как проводить исследования для выявления целей и мотивации пользователей, как устраивать мозговые штурмы, создавать дизайн-стратегии.</p>
56
<p>Вы узнаете, как проводить исследования для выявления целей и мотивации пользователей, как устраивать мозговые штурмы, создавать дизайн-стратегии.</p>
57
<p><strong>"Не заставляйте меня думать" Стива Круга</strong></p>
57
<p><strong>"Не заставляйте меня думать" Стива Круга</strong></p>
58
<p>Мастхэв для начинающего UX-дизайнера. Благодаря своей практичности, остроумию и здравому смыслу эта книга стала одним из самых любимых и рекомендуемых изданий на тему юзабилити.</p>
58
<p>Мастхэв для начинающего UX-дизайнера. Благодаря своей практичности, остроумию и здравому смыслу эта книга стала одним из самых любимых и рекомендуемых изданий на тему юзабилити.</p>
59
<p><strong>"UX-дизайн. Практическое руководство по проектированию опыта взаимодействия" Расса Унгера и Кэролайна Чендлера</strong></p>
59
<p><strong>"UX-дизайн. Практическое руководство по проектированию опыта взаимодействия" Расса Унгера и Кэролайна Чендлера</strong></p>
60
<p>Идеальный баланс целостности, последовательности и практичности делает эту книгу незаменимой как для тех, кто только знакомится с проектированием опыта взаимодействия, так и для опытных UX-проектировщиков.</p>
60
<p>Идеальный баланс целостности, последовательности и практичности делает эту книгу незаменимой как для тех, кто только знакомится с проектированием опыта взаимодействия, так и для опытных UX-проектировщиков.</p>
61
<p><strong>"UX-стратегия. Чего хотят пользователи и как им это дать" Джейми Леви</strong></p>
61
<p><strong>"UX-стратегия. Чего хотят пользователи и как им это дать" Джейми Леви</strong></p>
62
<p>UX-стратегия, или стратегия опыта взаимодействия (UX, User Experience) лежит на пересечении проектирования и бизнес-стратегии. Эта практическая методология повышает шансы на создание успешного цифрового продукта.</p>
62
<p>UX-стратегия, или стратегия опыта взаимодействия (UX, User Experience) лежит на пересечении проектирования и бизнес-стратегии. Эта практическая методология повышает шансы на создание успешного цифрового продукта.</p>
63
<p><strong>"Дизайн привычных вещей" Дональда А. Нормана</strong></p>
63
<p><strong>"Дизайн привычных вещей" Дональда А. Нормана</strong></p>
64
<p>Норман рассматривает обычные ошибки пользователей и предлагает дизайнерам различные способы предотвратить их. Он объясняет основные требования пользователей и знакомит читателя с классическими ошибками дизайнеров.</p>
64
<p>Норман рассматривает обычные ошибки пользователей и предлагает дизайнерам различные способы предотвратить их. Он объясняет основные требования пользователей и знакомит читателя с классическими ошибками дизайнеров.</p>
65
<p><strong>"Дизайн - это работа" Майка Монтейро</strong></p>
65
<p><strong>"Дизайн - это работа" Майка Монтейро</strong></p>
66
<p>В книге представлены все этапы работы с заказчиком, начиная от самопрезентации и заканчивая умениями совершенствовать клиента. В результате дизайн доставляет эстетическое удовольствие и практическую пользу.</p>
66
<p>В книге представлены все этапы работы с заказчиком, начиная от самопрезентации и заканчивая умениями совершенствовать клиента. В результате дизайн доставляет эстетическое удовольствие и практическую пользу.</p>
67
<p><strong>"Экономный UX" Джеффа Готелфа</strong></p>
67
<p><strong>"Экономный UX" Джеффа Готелфа</strong></p>
68
<p>Техническая книга на тему стратегии продукта и анализа бизнеса со стороны UX с особым упором на стартапы.</p>
68
<p>Техническая книга на тему стратегии продукта и анализа бизнеса со стороны UX с особым упором на стартапы.</p>
69
<p>Стать хорошим UX-дизайнером не так просто - нужно многое знать и уметь, быть компетентным в смежных областях, уметь анализировать и применять полученные данные на практике. Чтобы развиваться в правильном направлении, обратите внимание на<a> курс от Skillbox</a>. Он подойдет всем, кто хочет стать экспертом в разработке интерфейсов и прикоснуться к основам цифровой трансформации бизнеса.</p>
69
<p>Стать хорошим UX-дизайнером не так просто - нужно многое знать и уметь, быть компетентным в смежных областях, уметь анализировать и применять полученные данные на практике. Чтобы развиваться в правильном направлении, обратите внимание на<a> курс от Skillbox</a>. Он подойдет всем, кто хочет стать экспертом в разработке интерфейсов и прикоснуться к основам цифровой трансформации бизнеса.</p>