SlideShare a Scribd company logo
1 of 28
Курс практических занятий
Проектирование интерфейсов
Место UX в современном софтверном бизнесе
Занятие №1
При поддержке ПМ Профи
О себе
Никита Ефимов
Проектировщик интерфейсов
@nefimov
efimov.nikita@gmail.com
1
План
UX и usability. Что общего и в чем разница?
3 главный вопроса
UX-треугольник
2
Айсберг usability и UX
Внешний вид – 10%
Цвета, изображения, макеты
Функциональность – 30%
Меню, кнопки, управление
Цели и задачи пользователя –
60%
3
Usability vs UX
4
В чем разница???
Определение usability (ISO 9241-210)
Юзабилити – это степень, с которой продукт
может быть использован определёнными
пользователями при определённом
контексте использования для достижения
определённых целей с должной
эффективностью, продуктивностью и
удовлетворённостью.
5
Определение UX (ISO 9241-210)
UX – это ощущение и реакция человека,
вследствие использования или предполагаемого
использования продукта, системы или услуги.
6
Ожидания
7
Определение UX (альтернатива)
8
UX – это совокупность (и соотношение)
желаемого, ожидаемого и получаемого
пользователем опыта взаимодействия с
системой.
Пример
9
Бронируем гостиницу
Желаем – поехать в Москву на 2 дня
Ожидаем – поиск, фильтрация, доп. инфа
Получаем
10
Получаем
11
Получаем
12
Колесо UX
13
Пример
14
НО!
15
3 главных вопроса
16
Кто?
Зачем?
Как?
Кто?
17
Определяем пользователей
Кто наши пользователи?
Что ими движет?
Почему для них это важно?
Зачем?
18
Определяем задачи
Что они делают?
Зачем они это делают?
Как?
19
Определяем контекст
Как пользователи это делают?
В каких условиях?
С какими ограничениями?
Важно
Всегда существует набор ключевых
характеристик, по которым поведение одной
группы отличается от поведения другой.
20
Разомнемся
21
Контекст и окружение
22
UX-треугольник
23
Пользователи
Технологии Бизнес
UX-треугольник
24
Пользователи
Технологии Бизнес
Заказчик
Разомнемся
25
Разомнемся
26
Спасибо!

More Related Content

Similar to Курс лекций для студентов СПбГУ. Занятие 1

UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестированииVladyslav Miasnikov
 
Interaction Design
Interaction DesignInteraction Design
Interaction Designguvarov
 
Ux meetup: online media, new interfaces, new approaches
Ux meetup: online media, new interfaces, new approachesUx meetup: online media, new interfaces, new approaches
Ux meetup: online media, new interfaces, new approachesGleb K
 
UX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхUX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхSQALab
 
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)SQALab
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...Andrew Shapiro
 
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнесаСервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнесаStfalcon Meetups
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...Nikita Filippov
 
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).Yuri Vedenin
 
Тех. Документация - UX beyond UI
Тех. Документация - UX beyond UI Тех. Документация - UX beyond UI
Тех. Документация - UX beyond UI Yury Solonitsyn
 
«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем КостенкоWebChallenge
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилитиSQALab
 
Лекция №1
Лекция №1Лекция №1
Лекция №1allileja
 
Юзабилити - есть такая профессия
Юзабилити - есть такая профессияЮзабилити - есть такая профессия
Юзабилити - есть такая профессияЕвген Гуринович
 
О дизайне интерфейсов для HR-IT CLUB
О дизайне интерфейсов для HR-IT CLUBО дизайне интерфейсов для HR-IT CLUB
О дизайне интерфейсов для HR-IT CLUBOleksandr Lisovskyi
 
Елена Махно - «UX исследования на всех этапах разработки продукта»
Елена Махно - «UX исследования на всех этапах разработки продукта»Елена Махно - «UX исследования на всех этапах разработки продукта»
Елена Махно - «UX исследования на всех этапах разработки продукта»ПрофсоUX
 

Similar to Курс лекций для студентов СПбГУ. Занятие 1 (20)

UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестировании
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Ux meetup: online media, new interfaces, new approaches
Ux meetup: online media, new interfaces, new approachesUx meetup: online media, new interfaces, new approaches
Ux meetup: online media, new interfaces, new approaches
 
UX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхUX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятиях
 
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
 
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнесаСервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
 
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
 
UX Design Рrocess
UX Design РrocessUX Design Рrocess
UX Design Рrocess
 
Тех. Документация - UX beyond UI
Тех. Документация - UX beyond UI Тех. Документация - UX beyond UI
Тех. Документация - UX beyond UI
 
ISDEF-2008
ISDEF-2008ISDEF-2008
ISDEF-2008
 
Наш UX процесс
Наш UX процессНаш UX процесс
Наш UX процесс
 
«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилити
 
Лекция №1
Лекция №1Лекция №1
Лекция №1
 
курс дизайн проектирования, цифрового продакт девелопмента
курс дизайн проектирования, цифрового продакт девелопмента курс дизайн проектирования, цифрового продакт девелопмента
курс дизайн проектирования, цифрового продакт девелопмента
 
Юзабилити - есть такая профессия
Юзабилити - есть такая профессияЮзабилити - есть такая профессия
Юзабилити - есть такая профессия
 
О дизайне интерфейсов для HR-IT CLUB
О дизайне интерфейсов для HR-IT CLUBО дизайне интерфейсов для HR-IT CLUB
О дизайне интерфейсов для HR-IT CLUB
 
Елена Махно - «UX исследования на всех этапах разработки продукта»
Елена Махно - «UX исследования на всех этапах разработки продукта»Елена Махно - «UX исследования на всех этапах разработки продукта»
Елена Махно - «UX исследования на всех этапах разработки продукта»
 

More from Nikita Efimov

CJM как дэшборд для продукта
CJM как дэшборд для продуктаCJM как дэшборд для продукта
CJM как дэшборд для продуктаNikita Efimov
 
3 способа проверки гипотез, когда у вас ещё ничего нет
3 способа проверки гипотез, когда у вас ещё ничего нет3 способа проверки гипотез, когда у вас ещё ничего нет
3 способа проверки гипотез, когда у вас ещё ничего нетNikita Efimov
 
Персоны разные нужны. Персоны разные важны.
Персоны разные нужны. Персоны разные важны.Персоны разные нужны. Персоны разные важны.
Персоны разные нужны. Персоны разные важны.Nikita Efimov
 
Делаем человека лучшей версией себя
Делаем человека лучшей версией себяДелаем человека лучшей версией себя
Делаем человека лучшей версией себяNikita Efimov
 
Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.
Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.
Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.Nikita Efimov
 
Feature Сanvas. С чего начать работу над новой идеей.
Feature Сanvas. С чего начать работу над новой идеей.Feature Сanvas. С чего начать работу над новой идеей.
Feature Сanvas. С чего начать работу над новой идеей.Nikita Efimov
 
Унификация взаимодействия
Унификация взаимодействияУнификация взаимодействия
Унификация взаимодействияNikita Efimov
 
Feature Canvas: How to Start Working on a New Feature [UX Salon'18]
Feature Canvas: How to Start Working on a New Feature [UX Salon'18]Feature Canvas: How to Start Working on a New Feature [UX Salon'18]
Feature Canvas: How to Start Working on a New Feature [UX Salon'18]Nikita Efimov
 
Опыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product DiscoveryОпыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product DiscoveryNikita Efimov
 
Feature Canvas: how to start working on a new feature [UXIstanbul'18]
Feature Canvas: how to start working on a new feature [UXIstanbul'18]Feature Canvas: how to start working on a new feature [UXIstanbul'18]
Feature Canvas: how to start working on a new feature [UXIstanbul'18]Nikita Efimov
 
Use cases на UX-витаминах
Use cases на UX-витаминахUse cases на UX-витаминах
Use cases на UX-витаминахNikita Efimov
 
Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.Nikita Efimov
 
Как давать обратную связь
Как давать обратную связьКак давать обратную связь
Как давать обратную связьNikita Efimov
 
Трансформация UX-культуры в компании
Трансформация UX-культуры в компанииТрансформация UX-культуры в компании
Трансформация UX-культуры в компанииNikita Efimov
 
Красивый интерфейс – это лишь часть крутого UX
Красивый интерфейс – это лишь часть крутого UXКрасивый интерфейс – это лишь часть крутого UX
Красивый интерфейс – это лишь часть крутого UXNikita Efimov
 
Пользовательское интервью: советы и подсказки
Пользовательское интервью: советы и подсказкиПользовательское интервью: советы и подсказки
Пользовательское интервью: советы и подсказкиNikita Efimov
 
Информационные персоны (как люди ищут информацию)
Информационные персоны (как люди ищут информацию)Информационные персоны (как люди ищут информацию)
Информационные персоны (как люди ищут информацию)Nikita Efimov
 
Место аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейсаМесто аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейсаNikita Efimov
 
User story на UX-стероидах
User story на UX-стероидахUser story на UX-стероидах
User story на UX-стероидахNikita Efimov
 

More from Nikita Efimov (20)

CJM как дэшборд для продукта
CJM как дэшборд для продуктаCJM как дэшборд для продукта
CJM как дэшборд для продукта
 
3 способа проверки гипотез, когда у вас ещё ничего нет
3 способа проверки гипотез, когда у вас ещё ничего нет3 способа проверки гипотез, когда у вас ещё ничего нет
3 способа проверки гипотез, когда у вас ещё ничего нет
 
Персоны разные нужны. Персоны разные важны.
Персоны разные нужны. Персоны разные важны.Персоны разные нужны. Персоны разные важны.
Персоны разные нужны. Персоны разные важны.
 
Делаем человека лучшей версией себя
Делаем человека лучшей версией себяДелаем человека лучшей версией себя
Делаем человека лучшей версией себя
 
Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.
Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.
Impact Map & Feature Canvas. Как держать фокус на целях при внедрении новых фич.
 
Feature Сanvas. С чего начать работу над новой идеей.
Feature Сanvas. С чего начать работу над новой идеей.Feature Сanvas. С чего начать работу над новой идеей.
Feature Сanvas. С чего начать работу над новой идеей.
 
Унификация взаимодействия
Унификация взаимодействияУнификация взаимодействия
Унификация взаимодействия
 
Feature Canvas: How to Start Working on a New Feature [UX Salon'18]
Feature Canvas: How to Start Working on a New Feature [UX Salon'18]Feature Canvas: How to Start Working on a New Feature [UX Salon'18]
Feature Canvas: How to Start Working on a New Feature [UX Salon'18]
 
Опыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product DiscoveryОпыт выстраивания процесса Product Discovery
Опыт выстраивания процесса Product Discovery
 
Feature Canvas: how to start working on a new feature [UXIstanbul'18]
Feature Canvas: how to start working on a new feature [UXIstanbul'18]Feature Canvas: how to start working on a new feature [UXIstanbul'18]
Feature Canvas: how to start working on a new feature [UXIstanbul'18]
 
Use cases на UX-витаминах
Use cases на UX-витаминахUse cases на UX-витаминах
Use cases на UX-витаминах
 
Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.
 
Как давать обратную связь
Как давать обратную связьКак давать обратную связь
Как давать обратную связь
 
Трансформация UX-культуры в компании
Трансформация UX-культуры в компанииТрансформация UX-культуры в компании
Трансформация UX-культуры в компании
 
Красивый интерфейс – это лишь часть крутого UX
Красивый интерфейс – это лишь часть крутого UXКрасивый интерфейс – это лишь часть крутого UX
Красивый интерфейс – это лишь часть крутого UX
 
Пользовательское интервью: советы и подсказки
Пользовательское интервью: советы и подсказкиПользовательское интервью: советы и подсказки
Пользовательское интервью: советы и подсказки
 
Hypothesis canvas
Hypothesis canvasHypothesis canvas
Hypothesis canvas
 
Информационные персоны (как люди ищут информацию)
Информационные персоны (как люди ищут информацию)Информационные персоны (как люди ищут информацию)
Информационные персоны (как люди ищут информацию)
 
Место аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейсаМесто аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейса
 
User story на UX-стероидах
User story на UX-стероидахUser story на UX-стероидах
User story на UX-стероидах
 

Курс лекций для студентов СПбГУ. Занятие 1