SlideShare a Scribd company logo
1 of 53
Download to read offline
Пользовательские исследования
мобильных приложений

Наталия Спрогис, Mail.Ru Group
Наталия Спрогис, Руководитель
направления UX-исследований в
Mail.Ru Group
Занимаюсь пользовательскими
исследованиями более 5 лет
UX лаборатория Mail.Ru
Сегодня мы
поговорим про
UX исследования

Картинка Ben Aslett
В чем отличие от классических
тестирований?
1

Свой телефон
или наш?
Раньше было критично
iPhone
Важна платформа
Размер имеет значение
2

Тестирование
прототипов
Тестирование прототипов
•
•
•
•

Найти проблемы на ранней стадии
Протестировать концептуальные решения
Проверить понятность иконок
Исправлять итеративно
Пример: прототип Моего Мира

Кликабельный прототип создан дизайнером проекта
в Fireworks, открывали в режиме FullScreen в браузере
Расположение блоков
Спорные иконки
Подсказки
3

Как записать
экран?
Почему не поступить как на ПК?
Почему не поступить как на ПК?
А как же жесты?
Приложения для iOs

$49.99 – Unlimited Access

UX RECORDER
$7.99 – 5 sessions
$59.99 – Unlimited pack
Приложения для iOs
Плюсы
• Не нужно дополнительное оборудование
• Комфортно для респондента
• Запись лица пользователя (picture in picture)
• Отображение базовых действий (нажатия на ссылки и скролл)
• Цена (есть бесплатная пробная версия)
Минусы
• Только для сайтов (UX Recorder), со сложностями для
приложений (Magitest)
• Записывает не все действия пользователя
• Технические сложности (тормозит, греется, долго выгружает,
ест батарею)
• Пока только iOs
Монтаж камеры к телефону
Сделай сам
Варианты самоделок
Готовое решение
Mr Tappy
$300 + камера
Монтаж камеры к телефону
Плюсы
• Хорошая картинка
• Недорого, если делать самим
Минусы
• Неудобно держать, особенно в одной руке
• Мешает респонденту
• Сложно сделать достаточно легким
• Чаще всего ограничивает возможность поворота телефона
при тесте, доступен только портретный вид
Document camera
Document camera
Плюсы
• Простая установка
• Более комфортно для респондента, можно держать
телефон в одной руке

Минусы
• Чуть хуже картинка, если респондент меняет угол
телефона к камере
• Респонденты часто предпочитают класть телефон на стол
Наш вариант
Наш вариант
Вторая камера
На выходе
Важные нюансы

Уменьшайте яркость телефона при записи
Важные нюансы

Следите за освещением, лампы создают
блики на экране
4

Eye Tracking для
мобильных
Tobii Mobile device stand
Как это работает?
Камера
Eye tracker

Подставка для телефона
или планшета
Что на выходе?
Наглядное подтверждение
Искомая
кнопка

Респондент долго не
может найти, как
добавить фото.
Он дважды смотрит на
нужную иконку, но не
нажимает на нее.
Другие достоинства
• Не заставляем респондента
«мыслить вслух», более
естественно для человека
• Не задаем лишних
вопросов
• Все понимают, что
происходит, даже если
респондент «завис»
• Наглядно для наблюдателей
• Проще вовлечь заказчика
Нюансы
Из презентации Tommy Strandvall из
Tobii. Потенциальные проблемы
калибровки
Some eyes ?

scratches & shape

droppy eye lids

dirt &
smudges

mascara

bifocal
s

Pupil size

Some lenses
5

А как же контекст
использования?
А как же контекст?
Забавное решение: LiliPUT
GoPro
Что мы делали:
• Тест базовых сценариев (15 минут)
• Прогулка по офису — имитируем естественный
контекст
• Естественные отвлечения (шум, лифты,
сотрудники)
• Модератор с респондентом, помощник в
другом месте
Со стороны
Естественные ограничения
С соком телефон
пришлось держать
одной рукой
«Живые» задания
Проблемы со связью
Как отреагирует
пользователь на это?
В следующий раз
будем отключать Wi-fi
на тесте
Выводы
• Отличное дополнение к
лабораторным тестам
• Более естественная обстановка
• Короткие тесты 5-15 минут
• Только базовые сценарии
• Хорошая проверка доступности
элементов интерфейса
Спасибо!
Наталия Спрогис
n.sprogis@gmail.com
n.sprogis@corp.mail.ru

More Related Content

Viewers also liked

Lean UX. Как продать дом без крыши
Lean UX. Как продать дом без крышиLean UX. Как продать дом без крыши
Lean UX. Как продать дом без крыши
smolotkov
 
Мобильный банк Тинькофф
Мобильный банк ТинькоффМобильный банк Тинькофф
Мобильный банк Тинькофф
David Isakhanyan
 

Viewers also liked (20)

Группен Прототипен II
Группен Прототипен IIГруппен Прототипен II
Группен Прототипен II
 
Lean UX. Как продать дом без крыши
Lean UX. Как продать дом без крышиLean UX. Как продать дом без крыши
Lean UX. Как продать дом без крыши
 
Мобильный банк Тинькофф
Мобильный банк ТинькоффМобильный банк Тинькофф
Мобильный банк Тинькофф
 
Что я понял на London usability-week 2011 и как нам это поможет
Что я понял на London usability-week 2011 и как нам это поможетЧто я понял на London usability-week 2011 и как нам это поможет
Что я понял на London usability-week 2011 и как нам это поможет
 
Обратная сторона луны (WUD 2013)
Обратная сторона луны (WUD 2013)Обратная сторона луны (WUD 2013)
Обратная сторона луны (WUD 2013)
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
 
Styleguides for mobile
Styleguides for mobileStyleguides for mobile
Styleguides for mobile
 
Sketch
SketchSketch
Sketch
 
Design Management
Design ManagementDesign Management
Design Management
 
Выбор метрики
Выбор метрикиВыбор метрики
Выбор метрики
 
Ponomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphyPonomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphy
 
Ожидания от продукта
Ожидания от продуктаОжидания от продукта
Ожидания от продукта
 
Обзор Осеннего Мастер-курса "Сервисный дизайн"
Обзор Осеннего Мастер-курса "Сервисный дизайн" Обзор Осеннего Мастер-курса "Сервисный дизайн"
Обзор Осеннего Мастер-курса "Сервисный дизайн"
 
BHSD - Systematic design process
BHSD - Systematic design processBHSD - Systematic design process
BHSD - Systematic design process
 
Дизайн успешных продуктов
Дизайн успешных продуктовДизайн успешных продуктов
Дизайн успешных продуктов
 
Dribbble meetup 2016 — Flinto for Mac
Dribbble meetup 2016 — Flinto for MacDribbble meetup 2016 — Flinto for Mac
Dribbble meetup 2016 — Flinto for Mac
 
Как презентовать проект
Как презентовать проектКак презентовать проект
Как презентовать проект
 
Мусабеков Рустем Dribbble Meetup Russia 2016
Мусабеков Рустем Dribbble Meetup Russia 2016Мусабеков Рустем Dribbble Meetup Russia 2016
Мусабеков Рустем Dribbble Meetup Russia 2016
 
Конкурсы концептов — Moscow Dribbble Meetup 2016
Конкурсы концептов — Moscow Dribbble Meetup 2016Конкурсы концептов — Moscow Dribbble Meetup 2016
Конкурсы концептов — Moscow Dribbble Meetup 2016
 
Миша Петрик и Женя Юдин — Mad Max
Миша Петрик и Женя Юдин — Mad MaxМиша Петрик и Женя Юдин — Mad Max
Миша Петрик и Женя Юдин — Mad Max
 

Similar to UX исследования мобильных приложений - WUD 2013

Егор Данилов (ivi.ru) на - Забег по граблям!
Егор Данилов (ivi.ru) на  - Забег по граблям!Егор Данилов (ivi.ru) на  - Забег по граблям!
Егор Данилов (ivi.ru) на - Забег по граблям!
GreenfieldProject
 
Проектирование интерфейсов весна 2014 занятие 7
Проектирование интерфейсов весна 2014 занятие 7Проектирование интерфейсов весна 2014 занятие 7
Проектирование интерфейсов весна 2014 занятие 7
Technopark
 
Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайта
Dmitry Satin
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
Ksenia Sternina
 

Similar to UX исследования мобильных приложений - WUD 2013 (20)

Егор Данилов (ivi.ru) на - Забег по граблям!
Егор Данилов (ivi.ru) на  - Забег по граблям!Егор Данилов (ivi.ru) на  - Забег по граблям!
Егор Данилов (ivi.ru) на - Забег по граблям!
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилити
 
Проектирование мобильного приложения
Проектирование мобильного приложенияПроектирование мобильного приложения
Проектирование мобильного приложения
 
Проектирование интерфейсов весна 2014 занятие 7
Проектирование интерфейсов весна 2014 занятие 7Проектирование интерфейсов весна 2014 занятие 7
Проектирование интерфейсов весна 2014 занятие 7
 
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabМастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
 
Mobile UI @Levelapp.me
Mobile UI @Levelapp.meMobile UI @Levelapp.me
Mobile UI @Levelapp.me
 
Юзабилити Сайта
Юзабилити СайтаЮзабилити Сайта
Юзабилити Сайта
 
Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайта
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуля
 
Удаленные юзабилити-тестирования
Удаленные юзабилити-тестированияУдаленные юзабилити-тестирования
Удаленные юзабилити-тестирования
 
Юзабилити лаборатория как процесс
Юзабилити лаборатория как процессЮзабилити лаборатория как процесс
Юзабилити лаборатория как процесс
 
Start-up Reality Check - Empatika в ВШЭ
Start-up Reality Check - Empatika в ВШЭStart-up Reality Check - Empatika в ВШЭ
Start-up Reality Check - Empatika в ВШЭ
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
 
Как сделать востребованное приложение
Как сделать востребованное приложениеКак сделать востребованное приложение
Как сделать востребованное приложение
 
Лестница работы с потребностями потребителя (мастер-класс)
Лестница работы с потребностями потребителя (мастер-класс)Лестница работы с потребностями потребителя (мастер-класс)
Лестница работы с потребностями потребителя (мастер-класс)
 
Тренды в UX исследованиях
Тренды в UX исследованияхТренды в UX исследованиях
Тренды в UX исследованиях
 
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикХитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
 
Работа с Usability
Работа с UsabilityРабота с Usability
Работа с Usability
 
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиProduct discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехи
 
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
2016-04-30 04 Ольга Конорева. Взлеты и падения идеального внутреннего проекта
 

UX исследования мобильных приложений - WUD 2013