book-open 1 test

Курс «Основы UX»

31 глава

120 мин

Cистемный взгляд на профессию UX-дизайнера и знания, необходимые для старта.

Начать курс Начать курс

Команда, которая работала над курсом

Среди авторов эксперты с опытом в международных проектах.

Ринат Шайхутдинов

Продуктовый дизайнер (UX/UI) и Growth продакт-менеджер. Исследует результативные мировые практики развития tech-компаний и цифровых продуктов.

Ольга Жолудова

Копирайтер, UX-писатель, редактор и контент-стратег. Увлекается переводами в tech-тематиках. Помогает собрать гибкую контент-стратегию, улучшить коммуникации с пользователями и проработать tone of voice. Опыт работы в международных компаниях (iSpring), агентствах и tech-стартапах.

Joel Marsh

Author of UX For Beginners. Founder of Peekerton. Designer since 2003. Professional Services Stockholm, Sweden joelmarsh.com

Содержание курса

Читайте главы последовательно по одной в день или начните с наиболее интересной.

Глава 1

Что такое UX? | Урок 1

Авторский курс Джоэла Марша — UX-дизайнера, креативного директора, продакт-менеджера и продуктового дизайнера, а также амбассадора «User Centered Design» и «Behavioral analytics».

Глава 2

Цели пользователя и бизнес-цели | Урок 2

Существует два типа целей. Именно они лежат в основе всего, что вы создаете. Именно они — ключ к вашему успеху как UX-дизайнера. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31...

Глава 3

5 ключевых аспектов хорошей UX-стратегии | Урок 3

UX — это процесс, а наш курс — грубая проекция этого процесса. Но есть 5 вещей, о которых нужно помнить на протяжении всего процесса UX-проектирования. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course:...

Глава 4

Что такое UX-исследование или пользовательское исследование? | Урок 4

Никогда не вредно провести пользовательское исследование. Начните с него и периодически проводите повторно. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше...

Глава 5

Как правильно задавать вопросы? | Урок 5

Советы, которые помогут подготовиться к интервью и провести ux-исследование точнее. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше начните сначала) Работая...

Глава 6

Создание пользовательских профилей | Урок 6

У маркетологов есть понятие “целевая аудитория”. По аналогии, у UX-дизайнеров есть пользовательские профили или персонажи. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые,...

Глава 7

Проектирование под разные устройства | Урок 7

Многие люди думают, что единственная причина начинать проектирование с мобильных устройств — это их популярность. Что-то в этом есть, но это далеко не все. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash...

Глава 8

Паттерны проектирования и привычки пользователей | Урок 8

Если какой-либо дизайн часто встречается в интернете, это еще не значит, что он хороший. Хороший паттерн проектирования (другими словами, образец дизайна) должен быть и распространенным, и удобным. ← Предыдущий урок (Это перевод базового курса UX, который включает 31...

Глава 9

Что такое информационная архитектура (IA)? | Урок 9

Проектирование реального решения всегда начинается с разбора структуры объекта проектирования. Начнем со введения в тему. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые,...

Глава 10

Примеры информационных архитектур | Урок 10

Структура ваших страниц определяет шаги пользователя в его истории. А для того, чтобы структурировать информацию на страницах, нужно выбрать тип информационной архитектуры (или даже пару типов, но пока не будем усложнять). ← Предыдущий урок (Это перевод базового курса...

Глава 11

Что такое Wireframe? | Урок 11

К сожалению, большинство людей также считают, что создавать Wireframe-ы — означает заниматься UX. Поэтому давайте разберем этот вопрос. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь...

Глава 12

Визуальный вес: Контраст, Глубина, Размер | Урок 12

Это первый из уроков, посвященных пяти визуальным принципам, которые помогут направить внимание пользователя в нужное русло. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь...

Глава 13

Как использовать цвета в UX/UI дизайне | Урок 13

Если вы не собираетесь использовать цвет как функцию, то пусть цвета выбирает UI-дизайнер. В противном случае, пусть за вас говорит ваш wireframe. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash...

Глава 14

Принципы дизайна: Повторение и разрыв паттерна | Урок 14

Может показаться, что это все просто и очевидно, но стоит только применить этот принцип к дизайну — или, скажем, к постановке танца — и люди начнут замечать важные кнопки, опции или восходящих звезд. ← Предыдущий урок (Это перевод базового курса UX, который...

Глава 15

Принципы дизайна: Линейное и краевое натяжение | Урок 15

Визуальное “натяжение” — это концепция, которая выглядит очень простой, но на деле является на удивление полезной. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то...

Глава 16

Принципы дизайна: Выравнивание и близость | Урок 16

Это очень тонкая тема, но она касается всего, что мы видим, каждый день. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше...

Глава 17

Как пользователи просматривают контент: Z-паттерн, F-паттерн и визуальная иерархия | Урок 17

Пользователи чаще сканируют контент в поисках новенького. Это означает, что они останавливают взгляд только на том, что цепляет взгляд. Поэтому сегодня поговорим о паттернах, по которым происходит сканирование. ← Предыдущий урок (Это перевод базового курса UX, который включает...

Глава 18

Паттерны поведенческого дизайна в диджитал: Просматривать/ Искать/Обнаруживать | Урок 18

Разные люди используют сайты и приложения по разным причинам. И если при проектировании ориентироваться не на ту причину, то ожидаемых результатов не видать. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX...

Глава 19

Базовая структура веб-страницы | Урок 19

Теперь, когда вы определились с целями, провели пользовательское исследование и спланировали информационную архитектуру, самое время пустить это все в дело! ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31...

Глава 20

Поведенческий дизайн в диджитал: Фолд, картинки, заголовки | Урок 20

← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше начните сначала) На протяжении карьеры у вас возникнет много общих вопросов, касающихся UX-дизайна....

Глава 21

Принципы UX: Ось взаимодействия | Урок 21 курса

Ось взаимодействия — это воображаемый край, по которому скользит наш взгляд. Чем ближе объект к оси взаимодействия, тем он заметнее для пользователя. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31...

Глава 22

UX в онлайн-формах: основы повышения юзабилити форм | Урок 22

Работая над своими дизайнами, вы обязательно столкнетесь с необходимостью запрашивать информацию у пользователя. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше...

Глава 23

UX копирайтинг: основы | Урок 23

Есть четыре типа сообщений, в написание которых UX-дизайнер может внести ценный вклад. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше начните...

Глава 24

CTA или Call To Action – как призвать пользователя к действию? | Урок 24

Мы подошли к заключительному уроку в области wireframe-ов и к одной из самых важных функций любого интерактивного дизайна. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если...

Глава 25

Психология пользователей: Условные рефлексы | Урок 25

Может в основе UX и лежат дизайнерские навыки, но чтобы создавать хорошие UX-дизайны, вам необходимо понимать как люди мыслят. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals....

Глава 26

Психология пользователей: Убеждение | Урок 26

В ходе сравнения 40 различных типов личностей, обладающих даром убеждения, мне удалось заметить, что у их методов есть 8 общих признаков. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course:...

Глава 27

Про онбординг — как можно погрузить пользователя в продукт и надо ли | Урок 27

С точки зрения статистики, продвинутые пользователи просто не могут быть “большей” частью аудитории вашего сайта или приложения. Хоть вам и очень хочется в это верить. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип...

Глава 28

Основы UX-аналитики: Что такое данные? | Урок 28

Пора запускать проект! А запуск подразумевает появление данных, которые можно измерить. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше начните сначала)...

Глава 29

Основы UX-аналитики: Суммарная статистика | Урок 29

Если вы хотите всерьез заниматься вашим сайтом, то вам необходимо понять 7 основных показателей. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то...

Глава 30

Дизайн на основе данных: Графический анализ данных | Урок 30

Существует два типа графиков, которые, обычно, соответствуют поведению пользователей: Трафик и Структура действий. ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной принцип UX-проектирования: UX Crash Course: 31 Fundamentals. Если вы здесь впервые, то лучше...

Глава 31

Основы UX-аналитики: A/B тесты | Урок 31

Представьте, что вы проектируете страницу для продажи обуви. И, естественно, вам хочется продать как можно больше обуви. Чем, по вашему мнению, можно убедить людей купить обувь? ← Предыдущий урок (Это перевод базового курса UX, который включает 31 основной...

Еще курсы

Блиц-курс «17 cекретов UX/UI-дизайнера»

17 глав

60-80 мин

Сжал объемные UX/UI-концепции, техники и приемы в практичные инструкции для ваших проектов. Подборка для ux/ui дизайнеров, продактов и всех, кто драйвит проекты в диджитал.

Дизайн-мышление - Базовый курс

6 глав

60 мин

С оригинальными методиками легендарной Stanford d.school. Теория и практика дизайн-мышления для разных отраслей в экспресс-формате.

Курс «Minimal Viable Product (MVP)»: основы методологии

5 глав

60-80 мин

Вместе с дизайнерами и руководителями Dropbox, Foursquare, Virgin Air, Groupon, MailChimp, Buffer, Moz, IDEO разбираем множество точек зрения на MVP (Minimum Viable Product), подходы, критерии, а также способы тестирования MVP-гипотез.

Смотреть все