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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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