Глава 1
Что такое UX? | Урок 1
Авторский курс Джоэла Марша — UX-дизайнера, креативного директора, продакт-менеджера и продуктового дизайнера, а также амбассадора «User Centered Design» и «Behavioral analytics».
UxJournal
Категории
Выберите направление
UI-дизайн
Интерфейсы приложений, сайтов. Ui-киты. Эстетика и красота.
UX-дизайн
Прототипы. Сценарии. Персоны. Проектирование взаимодействия.
Веб-дизайн
Дизайн-концепции. Лендинги. Интернет-магазины. Процесс.
Анимация
Веб и UI. Функциональная роль, эмоции и эстетика движения.
Основы дизайна
Композиция, Цвет. Шрифт. Лейаут и сетка. Принципы дизайна. Стиль.
Брендинг
Айдентика и фирстиль. Каналы. Комуникационный дизайн.
Психология
Ментальные модели. Принципы управления вниманием.
Продуктовый дизайн
Дизайн-мышление. Дизайн-спринты. Продуктовые практики.
Аналитика
UX-исследования, Growth-эксперименты, Data Science.
Курсы
Сообщества
Подписывайтесь
UI-дизайн
UX-дизайн
Веб-дизайн
Анимация
Основы дизайна
Брендинг
Психология
Продуктовый дизайн
Аналитика
Категории
UI-дизайн
UX-дизайн
Веб-дизайн
Анимация
Основы дизайна
Брендинг
Психология
Продуктовый дизайн
Аналитика
UxJournal | Максимально полезные статьи для дизайнеров
Подписывайтесь
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 глав
60-80 мин
Сжал объемные UX/UI-концепции, техники и приемы в практичные инструкции для ваших проектов. Подборка для ux/ui дизайнеров, продактов и всех, кто драйвит проекты в диджитал.
6 глав
60 мин
С оригинальными методиками легендарной Stanford d.school. Теория и практика дизайн-мышления для разных отраслей в экспресс-формате.
5 глав
60-80 мин
Вместе с дизайнерами и руководителями Dropbox, Foursquare, Virgin Air, Groupon, MailChimp, Buffer, Moz, IDEO разбираем множество точек зрения на MVP (Minimum Viable Product), подходы, критерии, а также способы тестирования MVP-гипотез.
8 глав
80 мин
Вместе с Data Science спецами, продактами и директорами по маркетингу из Dynamic Yield разбираем, как устроены рекомендательные системы, чем они полезны и как их внедрить на сайт.