ЛЕКЦИИ 1-2
Введение в UX. О майноре
ЧТО ТАКОЕ ОПЫТ
Людям важны не столько практические вещи, сколько получение опыта
Людям важны не столько практические вещи, сколько получение опыта
Опыт — пережитый эпизод, момент времени, сочетание видов и звуков, чувства и мысли, мотивы и действия, тесно связанные друг с другом, которые сохраняются в памяти, вспоминаются и коммуницируются другим людям. Опыт – это история, возникающая в диалоге человека с её или его миром через действие.
Ключевые характеристики опыта:
Ключевые характеристики опыта:
- Субъективный (уникален для каждого человека)
- Целостный (представляет полную картину)
- Контекстный (зависит от окружающей обстановки)
- Динамический (изменяется со временем)
- Ценный (имеет значение для человека)
Мы создаем инструменты, которые в конкретной жизненной ситуации могут принести человеку какой-то опыт: помочь, принести пользу в контексте его использования.
Пример: световые будильники
Обычные будильники раздражают, резкое пробуждение от громкого звука портит настроение. Световые будильники основаны на биологических процессах и делают пробуждение более приятным и спокойным. То, как спроектированы световые будильники, меняет опыт «просыпания» человека.
Важное следствие: Один и тот же опыт может быть создан разными инструментами. Желание «проснуться выспавшимся» можно решить через:
Пример: световые будильники
Обычные будильники раздражают, резкое пробуждение от громкого звука портит настроение. Световые будильники основаны на биологических процессах и делают пробуждение более приятным и спокойным. То, как спроектированы световые будильники, меняет опыт «просыпания» человека.
Важное следствие: Один и тот же опыт может быть создан разными инструментами. Желание «проснуться выспавшимся» можно решить через:
- Физический инструмент (настольная лампа, имитирующая восход)
- Цифровой инструмент (мобильное приложение, отслеживающее фазы сна)
Пользовательский опыт — это подкатегория опыта, которая фокусирует на определённых посредниках: интерактивных продуктах (веб-сайтах, мобильные приложения, голосовые интерфейсы, чат-боты и другие цифровые системы).
Интерактивные продукты проявляются в разных формах:
- Традиционные интерфейсы – графические интерфейсы пользователя (GUI) на экранах смартфонов, планшетов и компьютеров. Пример: мобильное приложение с кнопками, меню, экранами.
- Голосовые интерфейсы – взаимодействие через речь. Пример: Яндекс Станция, голосовые ассистенты. Здесь опыт строится на натуральности диалога, понимании команд, полезных ответах.
- Чат-боты – текстовое взаимодействие с искусственным интеллектом. Пример: Support Bot для обслуживания клиентов. Опыт определяется скоростью ответов, понятностью решений, естественностью общения.
Всё, что человек ощущает при взаимодействии с продуктом, можно разделить на две категории:
Прагматические качества
Связаны с функциональностью и удобством использования:
Связаны с удовлетворением, приятностью и личным смыслом:
Пример: приложение Loona для медитации уникально тем, что сочетает прагматическое качество (помощь в засыпании) с гедонистическими качествами (красивая эстетика, ощущение компетентности при регулярной практике, новизна подхода).
Прагматические качества
Связаны с функциональностью и удобством использования:
- Простота изучения – насколько быстро пользователь может разобраться с продуктом
- Трудоемкость – объём усилий, необходимых для выполнения задачи
- Управляемость – насколько легко контролировать и направлять работу продукта
- Адаптируемость – может ли продукт подстраиваться под нужды пользователя
- Полезность – решает ли продукт реальную проблему пользователя
- Доверие – может ли пользователь рассчитывать на надёжность продукта
- Погружение – насколько полно пользователь может сосредоточиться на задаче
Связаны с удовлетворением, приятностью и личным смыслом:
- Вовлеченность – насколько интересно и захватывающе использовать продукт
- Компетентность – чувство мастерства и уверенности при использовании
- Эстетичность – визуальная привлекательность и гармония дизайна
- Новизна – ощущение чего-то необычного и свежего
- Популярность – связь с трендами и признанием в обществе
- Близость с другими людьми – возможность социального взаимодействия через продукт
- Связь с воспоминаниями – продукт вызывает позитивные и ли значимые воспоминания
Пример: приложение Loona для медитации уникально тем, что сочетает прагматическое качество (помощь в засыпании) с гедонистическими качествами (красивая эстетика, ощущение компетентности при регулярной практике, новизна подхода).
UX ≠ UI: Ясное разграничение
Согласно определениям студентов из класса:
Согласно определениям студентов из класса:
- UI – это когда красиво; визуальная «обёртка», внешний вид интерфейса
- UX – это когда функционально, удобно, интуитивно понятно; как продукт работает, как человек взаимодействует с ним
UX-дизайн – это формирование опыта путём создания цифровых инструментов для какой-то деятельности.
Другими словами, это не только создание красивых интерфейсов, а:
Другими словами, это не только создание красивых интерфейсов, а:
- Управление впечатлениями пользователя о продукте
- Проектирование логики использования
- Создание интуитивно понятного дизайна, «который пользователь поймёт, даже не прочитав инструкцию»
- Проектирование пути клиента, который помогает ему в решении задач и проблем
- Обеспечение логической структуры: популярные функции на видном месте, специализированные – где нужно
Хороший UX всегда начинается с понимания этих трёх уровней:
Ключевой вывод: Для одной проблемы может быть несколько решений (Phillips Wake-Up Light и приложение Sleep App решают одну проблему по-разному). UX-дизайнер выбирает наиболее подходящий вариант для целевой аудитории.
Уровень | Описание | Пример 1 | Пример 2 |
Почему? | Какой опыт, какую проблему мы решаем? Что Вано для пользователя? | Проснуться выспавшимся и отдохнувшим (физическое здоровье) | Просмотреть аналитику своих событий, понять закономерности |
Что? | Какие решения, какие форматы мы предлагаем? | Настольная лампа, имитирующая восход солнца | Мобильное приложение PartyPlanner с. графиком событий и аналитикой |
Как? | Как технически это реализовать? | Cветодиоды разной интенсивности, датчики времени | Интерфейс приложения, база данных, аналитический движок |
Ключевой вывод: Для одной проблемы может быть несколько решений (Phillips Wake-Up Light и приложение Sleep App решают одну проблему по-разному). UX-дизайнер выбирает наиболее подходящий вариант для целевой аудитории.
- Опыт = субъективное путешествие – не то же самое, что функциональность
- UX ≠ UI – красивый интерфейс ≠ хороший опыт
- Инструмент формирует опыт – одна и та же проблема может быть решена разными способами (Philips лампа vs приложение)
- Фреймворк "Почему-Что-Как" – всегда начинайте с проблемы, потом думайте о решении
- Прагматика + гедоника – хороший продукт функционален И приятен
- Исследование = основа – прежде чем дизайнить, нужно понять пользователя
- Команда = сила – лучшие решения рождаются из разных перспектив
- Итерация = процесс – первая версия всегда не идеальна, нужно улучшать на основании фидбэка
Hassenzahl, M. (n.d.). User Experience and Experience Design. https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/user-experience-and-experience-design
Interaction Design Foundation — UX Research: https://www.interaction-design.org/literature/topics/ux-research
Interaction Design Foundation — UX Designers: https://www.interaction-design.org/literature/topics/ux-designers
IDEO Field Guide to Human-Centered Design. https://openlab.citytech.cuny.edu/bassjrcomd3701fa2022/files/2021/02/Field-Guide-to-Human-Centered-Design_IDEO_lo.pdf
Interaction Design Foundation — UX Research: https://www.interaction-design.org/literature/topics/ux-research
Interaction Design Foundation — UX Designers: https://www.interaction-design.org/literature/topics/ux-designers
IDEO Field Guide to Human-Centered Design. https://openlab.citytech.cuny.edu/bassjrcomd3701fa2022/files/2021/02/Field-Guide-to-Human-Centered-Design_IDEO_lo.pdf
О ЧЕМ ЭТОТ МАЙНОР
Майнор «UX-дизайн» – это 2 года практической работы над своим реальным цифровым продуктом в команде.
Формат работы:
Формат работы:
- Свой продукт с нуля – каждая команда создаёт реальное приложение или сервис
- Разные навыки и сферы работы – команда собирается из студентов разных специальностей
- Постоянные команды – один состав работает все два года над своим проектом
- Семинаристы как кураторы – преподаватели направляют, но не решают задачи за вас
- Нет традиционных семинаров и экзаменов по теории – вместо этого студенты работают над реальными проблемами
Мы про UX — не про UI, не про разработку, не про коммерческий запуск бизнес-идеи:
- Не про UI – мы не учим графический дизайн и красивые картинки (хотя UI важен)
- Не про разработку – мы не пишем код (разработчики это делают)
- Не про коммерческий запуск бизнес-идеи – мы не учим маркетинг и как стартапы привлекают инвестиции
OCDGuard – приложение для людей с ОКР
Tril – приложение для общежития «Трилистник»
- Задача: помочь людям с обсессивно-компульсивным расстройством управлять симптомами
- Как работает: пользователи записывают проявления ОКР (тревожное привычки и действия), затем смотрят статистику и видят свой прогресс
- UX-фокус: чтобы использовать приложение, нужно глубоко понимать, что такое ОКР и какие бывают симптомы; интерфейс спроектирован для людей с высокой тревожностью
- Задача: вдохновить людей на прогулки по городу, предложить интересные маршруты рядом с их городом
- Как работает: показывает маршруты, отсортированные по расстоянию (например, «Историческое Измайлово 4.6 км» или «Зелёная тропа 0.3 км»), позволяет добавлять точки интереса
- UX-фокус: простота, геолокация, мотивация через новые места
Tril – приложение для общежития «Трилистник»
- Задача: объединить жизнь студентов в общежитии, централизовать информацию
- Как работает: новости от администраторов, объявления от жителей, Q&A раздел, расписание кастелянной и тренажёрного зала, информация о студсовете
- UX-фокус: информационная архитектура (как организовать информацию, чтобы её было удобно находить), уведомления, персонализация
Каждый проект проходит через 4 модуля, каждый из которых учит специфическим навыкам и инструментам:
Модуль 1: Исследование пользователей
Цель: Выбрать тему проекта, исследовать будущих пользователей, сформировать идеи решений.
Основные задания семестра:
Модуль 2: Проектирование и прототипирование
Цель: Разработать прототип продукта, протестировать идеи с пользователями.
Основные задания семестра:
Пример из реальных проектов: В проекте по подбору стиля одежды дизайнеры:
Модуль 3: Запуск цифрового продукта
Цель: Разработать продукт на no-code платформе, запустить его для реальных пользователей.
Основные задания семестра:
Пример: Приложение для ухода за растениями включало:
Модуль 4: UX-дизайн (Advanced)
Цель: Доработать продукт на основании реальных данных, управлять изменениями.
Основные задания семестра:
Модуль 1: Исследование пользователей
Цель: Выбрать тему проекта, исследовать будущих пользователей, сформировать идеи решений.
Основные задания семестра:
- Изучение области и подготовка – понимание контекста и проблемной области
- План поискового исследования – проектирование методологии
- Отчёт по поисковому исследованию – анализ и выводы
- Шортлист идей продуктов – генерация и отбор решений
- Проводить разные виды исследований (интервью, опросы, наблюдение)
- Проводить desk research (изучение вторичных источников)
- Обобщать результаты и находить паттерны
- Генерировать идеи продуктов на основании результатов исследования
Модуль 2: Проектирование и прототипирование
Цель: Разработать прототип продукта, протестировать идеи с пользователями.
Основные задания семестра:
- План тестирования идеи – как понять, хороша ли идея?
- Результаты тестирования идеи – что вы узнали от пользователей?
- Концепция интерфейса – как будет выглядеть и работать приложение?
- Прототип и план юзабилити-теста – создание интерактивного макета
- Результаты юзабилити-теста – тестирование интерфейса с реальными пользователями
- Генерировать интерфейсные решения (скетчи, варианты дизайна)
- Оценивать и отбирать решения (какой вариант лучше и почему?)
- Работать с Figma – создавать дизайны и прототипы
- Проводить оценку идей и интерфейсов (юзабилити-тесты)
Пример из реальных проектов: В проекте по подбору стиля одежды дизайнеры:
- Спроектировали тест для определения стиля (вопрос/ответ структура)
- Добавили интерактивное состояние для текущего вопроса (яркий) и других (faded)
- Создали забавную "крутилку" (loading indicator в виде кота) вместо скучного прогресс-бара
- Протестировали с пользователями и получили фидбэк
Модуль 3: Запуск цифрового продукта
Цель: Разработать продукт на no-code платформе, запустить его для реальных пользователей.
Основные задания семестра:
- Планирование разработки – какие фичи приоритетны для запуска?
- Изменения в дизайне – адаптация дизайна к реальности разработки
- Спецификация дизайна – документирование всех решений для разработчиков
- План запуска и материалы – как привлечь первых пользователей?
- Дорабатывать и документировать дизайн-проект (дизайн-системы)
- Планировать релиз и управлять приоритетами
- Писать тексты и создавать материалы для своего продукта
Пример: Приложение для ухода за растениями включало:
- Дизайн-систему с цветами (#1B5E20 Primary Green, #0284c7 для некоторых действий)
- Компоненты UI: кнопки в разных состояниях (активные, контурные, неактивные)
- Карточки растений с фото
- Интерактивные опросы о состоянии растения
Модуль 4: UX-дизайн (Advanced)
Цель: Доработать продукт на основании реальных данных, управлять изменениями.
Основные задания семестра:
- Запуск продукта – выпуск первой рабочей версии
- Изменения и редизайн – итерация на основании фидбэка и аналитики
- Внедрение изменений и оценка – что изменилось? Улучшилось ли?
- Финальные презентации – защита проекта и демонстрация результатов
- Планировать и проводить оценку при запуске продукта
- Проводить опросы и измерения удовлетворенности пользователей
- Работать с аналитикой (как люди используют приложение?)
- Управлять изменениями в UX и продукте на основании данных
КАК ТЕБЕ КОНСПЕКТ?
Расскажи, чего не хватило. От похлавы мы тоже не откажемся :)
ПРЕДЫДУЩАЯ
Это первая лекция в модуле :)
СЛЕДУЮЩАЯ
ОСНОВЫ ИССЛЕДОВАНИЯ ПОЛЬЗОВАТЕЛЕЙ
