SlideShare uma empresa Scribd logo
1 de 22
ИССЛЕДОВАНИЕ ФИЗИЧЕСКИХ
ОГРАНИЧЕНИЙ ПОЛЬЗОВАТЕЛЕЙ
ПРИ РАБОТЕ С ПЛАНШЕТОМ
ФЛАГМАНСКИЕ ПРОДУКТЫ ТЕСТИРУЕМ
РЕГУЛЯРНО
• Проверяем на различных
устройствах (веб, смартфон,
планшет)
• С различными разрешениями
• Проводим удаленные тесты,
чтобы охватить пользователей
из регионов
ИЗУЧАЕМ USER EXPERIENCE
• насколько сервисные сценарии отвечают пользовательским
сценариям,
• есть ли какие-то юзабилити-проблемы,
• понимают ли пользователи, как найти нужный функционал,
• есть ли потребности в задуманном функционале,
• насколько заметны целевые кнопки и т.п.
КОЛИЧЕСТВО
ПОЛЬЗОВАТЕЛЕЙ IPAD
• 4 млн в России
• 80 млн в США
и растет
http://www.statista.com/statistics/208039/ipad-users-forecast-in-the-us/
http://www.liveinternet.ru/stat/ru/index.html?slice=ipad;id=8;date=2015-
05-31;period=month
ОСОБЕННОСТИ ИСПОЛЬЗОВАНИЯ IPAD
В ТЕСТИРОВАНИИ МЫ ОГРАНИЧИВАЛИСЬ
ЛАБОРАТОРНЫМИ УСЛОВИЯМИ
РЕШИЛИ ПРОВЕРИТЬ, НАСКОЛЬКО
ФИЗИОЛОГИЧЕСКИ УДОБНО ПОЛЬЗОВАТЬСЯ
• Тестируем приложение почты Mail.ru
• В естественных для использования iPad условиях
РЕЗУЛЬТАТЫ ТЕСТИРОВАНИЯ
Несмотря на то, что итоговые впечатления респондентов
были скорее позитивными, они не особо замечали, что им
неудобно, но при анализе видеозаписей видно, что
значительной частью функционала физиологически
пользоваться не очень удобно.
ТИПИЧНЫЕ ПРОБЛЕМЫ ИНТЕРФЕЙСА С
ТОЧКИ ЗРЕНИЯ ФИЗИОЛОГИИ:
1. За кнопкой приходится тянуться
2. Для клика приходится менять используемый
до этого палец
3. Для клика приходится менять используемую
до этого руку
4. Руку приходится неестественно выгибать
5. Палец приходится неестественно выгибать
6. Рука, тянущаяся к кнопке перекрывает
экран
ЗА КНОПКОЙ ПРИХОДИТСЯ ТЯНУТЬСЯ
Функционал для работы со
списком писем доступен по свайпу.
В процессе теста респонденты
сами упоминали, что до кнопок
«спам» и «корзина» тянуться
далеко. Особенно это проявлено у
респондентов, сидящих на диване.
Левой рукой они придерживают
iPad и отрывать руку от айпада
неудобно, поэтому до целевых
кнопок им приходится тянуться
ДЛЯ КЛИКА ПРИХОДИТСЯ МЕНЯТЬ
ИСПОЛЬЗУЕМЫЙ ДО ЭТОГО ПАЛЕЦ
Данная проблема связана с тем, что в
интерфейсе не учитывается физиология при
расположении кнопок в пошаговых
операциях. Например, при подключении к
приложению почты второго ящика, первые
два шага задачи можно решить в центре
экрана, а целевая кнопка на третьем шаге
расположена внизу экрана.
Чтобы ее нажать, пришлось
менять используемый до
этого палец.
ДЛЯ КЛИКА ПРИХОДИТСЯ МЕНЯТЬ
ИСПОЛЬЗУЕМУЮ ДО ЭТОГО РУКУ
Данная проблема также связана с
непродуманностью пошаговых операций. 7/8
респондентов листали меню большим пальцем
левой руки.
Затруднение вызвала задача очистить корзину.
Дотянуться до кнопки «Очистить» было довольно
сложно (4/8 пришлось сменить используемую для
клика по меню левую руку на правую).
Кроме этого эта функция двух-шаговая – удалить и
подтвердить. Второй шаг было делать неудобно тем,
кто на предыдущем все-таки нажал на «корзину»
левой рукой. На этом этапе все-таки пришлось
использовать правую.
РУКУ ПРИХОДИТСЯ НЕЕСТЕСТВЕННО ВЫГИБАТЬ
В некоторые части экрана неудобно кликать чисто
физиологически из-за самого устройства – рука
упирается в айпад и чтобы кликнуть руку приходится
неестественно изгибать. В качестве примера здесь можно
привести расположение кнопки сохранения фото на
устройство.
Сидящим на диване респондентам кликать на иконку
сохранения фото было неудобно.
Иконка расположена наверху и близко к краю
устройства. Таким образом пользоваться привычными
(указательным и средним) пальцами сидящим на диване
не вполне удобно – пястно-фаланговый сустав большого
пальца упирается в устройство.
РУКА, ТЯНУЩАЯСЯ К КНОПКЕ, ПЕРЕКРЫВАЕТ
ЭКРАН
Расположение кнопок наверху экрана в приложениях
исторически заимствовано из веба. Однако и для
смартфонов, и для планшетов такое местоположение
совсем неудобно. При клике на кнопку в верхней
части экрана рука перекрывает большую часть экрана
устройства. Как правило, перекрытой оказывается и та
часть экрана, в которой происходят какие-то
изменения после нажатия. Иногда это смущает людей,
и они 1-2 секунды пребывают в задумчивости,
осознавая, что произошло.
Иллюстрирует данную проблему - основная целевая кнопка для приложения почты
– «Написать письмо».
7/8 респондентов использовали правую руку и перекрывали себе половину экрана
устройства.
РЕКОМЕНДАЦИИ ПРИ ПРОЕКТИРОВАНИИ
ПРИЛОЖЕНИЙ ДЛЯ IPAD С ТОЧКИ ЗРЕНИЯ
ФИЗИОЛОГИИ (1 ИЗ 2)
1. Располагать контролы так, чтобы до них было удобно
дотянуться, независимо от позы, в которой iPad используется
2. Если функция состоит из 2+ шагов, то следующий шаг должен
располагаться в той же части экрана, что и предыдущий
3. Желательно, чтобы действие на втором шаге совершалось бы
чуть выше (а не ниже), чем на первом. Поскольку
используемая рука перекрывает часть экрана ниже
выполняемого действия
РЕКОМЕНДАЦИИ ПРИ ПРОЕКТИРОВАНИИ
ПРИЛОЖЕНИЙ ДЛЯ IPAD С ТОЧКИ ЗРЕНИЯ
ФИЗИОЛОГИИ (2 ИЗ 2)
4. Центр экрана iPad –не самое удобное место для расположения
контролов. При клике в центр экрана – значительная часть
экрана перекрывается рукой. А пользователю, лежащему на
диване (на животе или спине), приходится отрывать руку от
айпада, чтобы кликнуть в центр
5. Не следует располагать контролы ровно по краю устройства.
Во-первых, пользователю приходится целиться, чтобы попасть
именно в кнопку и при этом не выйти за края экрана. Во-
вторых, тянуться в любой из краев устройства неудобно –
приходится сильно изгибать пальцы или далеко тянуться.
КАРТА «SAFE ZONES»
На слайдах ниже изображены зоны удобного использования
iPad в различных позах с точки зрения физиологии.
При расчёте данных, мы учли средние антропометрические
данные длин пальцев людей*. По данным статистики, iPad
используют мужчины и женщины поровну, поэтому для
упрощения было взято среднее значение длин пальцев мужчин
и женщин**.
В приведенных ниже картинках также учтены края iPad – 2см на
1 см.
* Средняя длина большого пальца у мужчин – 58 мм, у женщин – 53 мм. Такое усреднение охватывает 95% жителей США.
Информация доступна на сайте: http://usability.gtri.gatech.edu/eou_info/hand_anthro.php
** На июнь 2012 г. 51,9% пользователей iPad – мужчины. Упрощая, можно сказать, что пользователей iPad мужчин и женщин
примерно пополам.
http://www.comscore.com/Insights/Press-Releases/2012/8/comScore-TabLens-Today-s-US-Tablet-Owner-Revealed
СИДЯ НА ДИВАНЕ
ЛЕЖА НА ДИВАНЕ НА ЖИВОТЕ
ЛЕЖА НА ДИВАНЕ НА СПИНЕ
ВСЕ ПОЛОЖЕНИЯ
СПАСИБО!
Стернина Ксения sternina@corp.mail.ru
facebook.com/ksenia.sternina

Mais conteúdo relacionado

Semelhante a Исследование физических ограничений пользователей при работе с планшетом

Особенности тестирования мобильных приложений
Особенности тестирования мобильных приложенийОсобенности тестирования мобильных приложений
Особенности тестирования мобильных приложенийIT61
 
тестирование снецифических областей
тестирование снецифических областейтестирование снецифических областей
тестирование снецифических областейDressTester
 
Тестирование web-приложений на iPad
Тестирование web-приложений на iPadТестирование web-приложений на iPad
Тестирование web-приложений на iPadSoftengi
 
Course User interface — Lesson 8
Course User interface — Lesson 8Course User interface — Lesson 8
Course User interface — Lesson 8Oleksandr Lisovskyi
 

Semelhante a Исследование физических ограничений пользователей при работе с планшетом (6)

Особенности тестирования мобильных приложений
Особенности тестирования мобильных приложенийОсобенности тестирования мобильных приложений
Особенности тестирования мобильных приложений
 
Gtug.sucks.vs.rules
Gtug.sucks.vs.rulesGtug.sucks.vs.rules
Gtug.sucks.vs.rules
 
тестирование снецифических областей
тестирование снецифических областейтестирование снецифических областей
тестирование снецифических областей
 
iOS_Testing.pptx
iOS_Testing.pptxiOS_Testing.pptx
iOS_Testing.pptx
 
Тестирование web-приложений на iPad
Тестирование web-приложений на iPadТестирование web-приложений на iPad
Тестирование web-приложений на iPad
 
Course User interface — Lesson 8
Course User interface — Lesson 8Course User interface — Lesson 8
Course User interface — Lesson 8
 

Mais de Ksenia Sternina

Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо...
 Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо... Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо...
Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо...Ksenia Sternina
 
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВRIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВKsenia Sternina
 
Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для БританкиМастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для БританкиKsenia Sternina
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаKsenia Sternina
 
Comparative Usability-Testing, Microsoft Office 2007 vs. Open Office
Comparative Usability-Testing, Microsoft Office 2007 vs. Open OfficeComparative Usability-Testing, Microsoft Office 2007 vs. Open Office
Comparative Usability-Testing, Microsoft Office 2007 vs. Open OfficeKsenia Sternina
 
Wud 2014 psychophysiological research in ux
Wud 2014   psychophysiological research in uxWud 2014   psychophysiological research in ux
Wud 2014 psychophysiological research in uxKsenia Sternina
 
Поиск по изображениям. Исследования и интерфейсы
Поиск по изображениям. Исследования и интерфейсыПоиск по изображениям. Исследования и интерфейсы
Поиск по изображениям. Исследования и интерфейсыKsenia Sternina
 
РИФ+КИБ "Когда не нужен отдел юзабилити"
РИФ+КИБ "Когда не нужен отдел юзабилити"РИФ+КИБ "Когда не нужен отдел юзабилити"
РИФ+КИБ "Когда не нужен отдел юзабилити"Ksenia Sternina
 

Mais de Ksenia Sternina (8)

Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо...
 Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо... Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо...
Итерационное UX тестирование сервиса онлайн продажи лекарств для проекта здо...
 
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВRIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
 
Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для БританкиМастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для Британки
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
 
Comparative Usability-Testing, Microsoft Office 2007 vs. Open Office
Comparative Usability-Testing, Microsoft Office 2007 vs. Open OfficeComparative Usability-Testing, Microsoft Office 2007 vs. Open Office
Comparative Usability-Testing, Microsoft Office 2007 vs. Open Office
 
Wud 2014 psychophysiological research in ux
Wud 2014   psychophysiological research in uxWud 2014   psychophysiological research in ux
Wud 2014 psychophysiological research in ux
 
Поиск по изображениям. Исследования и интерфейсы
Поиск по изображениям. Исследования и интерфейсыПоиск по изображениям. Исследования и интерфейсы
Поиск по изображениям. Исследования и интерфейсы
 
РИФ+КИБ "Когда не нужен отдел юзабилити"
РИФ+КИБ "Когда не нужен отдел юзабилити"РИФ+КИБ "Когда не нужен отдел юзабилити"
РИФ+КИБ "Когда не нужен отдел юзабилити"
 

Исследование физических ограничений пользователей при работе с планшетом

  • 2. ФЛАГМАНСКИЕ ПРОДУКТЫ ТЕСТИРУЕМ РЕГУЛЯРНО • Проверяем на различных устройствах (веб, смартфон, планшет) • С различными разрешениями • Проводим удаленные тесты, чтобы охватить пользователей из регионов
  • 3. ИЗУЧАЕМ USER EXPERIENCE • насколько сервисные сценарии отвечают пользовательским сценариям, • есть ли какие-то юзабилити-проблемы, • понимают ли пользователи, как найти нужный функционал, • есть ли потребности в задуманном функционале, • насколько заметны целевые кнопки и т.п.
  • 4. КОЛИЧЕСТВО ПОЛЬЗОВАТЕЛЕЙ IPAD • 4 млн в России • 80 млн в США и растет http://www.statista.com/statistics/208039/ipad-users-forecast-in-the-us/ http://www.liveinternet.ru/stat/ru/index.html?slice=ipad;id=8;date=2015- 05-31;period=month
  • 6. В ТЕСТИРОВАНИИ МЫ ОГРАНИЧИВАЛИСЬ ЛАБОРАТОРНЫМИ УСЛОВИЯМИ
  • 7. РЕШИЛИ ПРОВЕРИТЬ, НАСКОЛЬКО ФИЗИОЛОГИЧЕСКИ УДОБНО ПОЛЬЗОВАТЬСЯ • Тестируем приложение почты Mail.ru • В естественных для использования iPad условиях
  • 8. РЕЗУЛЬТАТЫ ТЕСТИРОВАНИЯ Несмотря на то, что итоговые впечатления респондентов были скорее позитивными, они не особо замечали, что им неудобно, но при анализе видеозаписей видно, что значительной частью функционала физиологически пользоваться не очень удобно.
  • 9. ТИПИЧНЫЕ ПРОБЛЕМЫ ИНТЕРФЕЙСА С ТОЧКИ ЗРЕНИЯ ФИЗИОЛОГИИ: 1. За кнопкой приходится тянуться 2. Для клика приходится менять используемый до этого палец 3. Для клика приходится менять используемую до этого руку 4. Руку приходится неестественно выгибать 5. Палец приходится неестественно выгибать 6. Рука, тянущаяся к кнопке перекрывает экран
  • 10. ЗА КНОПКОЙ ПРИХОДИТСЯ ТЯНУТЬСЯ Функционал для работы со списком писем доступен по свайпу. В процессе теста респонденты сами упоминали, что до кнопок «спам» и «корзина» тянуться далеко. Особенно это проявлено у респондентов, сидящих на диване. Левой рукой они придерживают iPad и отрывать руку от айпада неудобно, поэтому до целевых кнопок им приходится тянуться
  • 11. ДЛЯ КЛИКА ПРИХОДИТСЯ МЕНЯТЬ ИСПОЛЬЗУЕМЫЙ ДО ЭТОГО ПАЛЕЦ Данная проблема связана с тем, что в интерфейсе не учитывается физиология при расположении кнопок в пошаговых операциях. Например, при подключении к приложению почты второго ящика, первые два шага задачи можно решить в центре экрана, а целевая кнопка на третьем шаге расположена внизу экрана. Чтобы ее нажать, пришлось менять используемый до этого палец.
  • 12. ДЛЯ КЛИКА ПРИХОДИТСЯ МЕНЯТЬ ИСПОЛЬЗУЕМУЮ ДО ЭТОГО РУКУ Данная проблема также связана с непродуманностью пошаговых операций. 7/8 респондентов листали меню большим пальцем левой руки. Затруднение вызвала задача очистить корзину. Дотянуться до кнопки «Очистить» было довольно сложно (4/8 пришлось сменить используемую для клика по меню левую руку на правую). Кроме этого эта функция двух-шаговая – удалить и подтвердить. Второй шаг было делать неудобно тем, кто на предыдущем все-таки нажал на «корзину» левой рукой. На этом этапе все-таки пришлось использовать правую.
  • 13. РУКУ ПРИХОДИТСЯ НЕЕСТЕСТВЕННО ВЫГИБАТЬ В некоторые части экрана неудобно кликать чисто физиологически из-за самого устройства – рука упирается в айпад и чтобы кликнуть руку приходится неестественно изгибать. В качестве примера здесь можно привести расположение кнопки сохранения фото на устройство. Сидящим на диване респондентам кликать на иконку сохранения фото было неудобно. Иконка расположена наверху и близко к краю устройства. Таким образом пользоваться привычными (указательным и средним) пальцами сидящим на диване не вполне удобно – пястно-фаланговый сустав большого пальца упирается в устройство.
  • 14. РУКА, ТЯНУЩАЯСЯ К КНОПКЕ, ПЕРЕКРЫВАЕТ ЭКРАН Расположение кнопок наверху экрана в приложениях исторически заимствовано из веба. Однако и для смартфонов, и для планшетов такое местоположение совсем неудобно. При клике на кнопку в верхней части экрана рука перекрывает большую часть экрана устройства. Как правило, перекрытой оказывается и та часть экрана, в которой происходят какие-то изменения после нажатия. Иногда это смущает людей, и они 1-2 секунды пребывают в задумчивости, осознавая, что произошло. Иллюстрирует данную проблему - основная целевая кнопка для приложения почты – «Написать письмо». 7/8 респондентов использовали правую руку и перекрывали себе половину экрана устройства.
  • 15. РЕКОМЕНДАЦИИ ПРИ ПРОЕКТИРОВАНИИ ПРИЛОЖЕНИЙ ДЛЯ IPAD С ТОЧКИ ЗРЕНИЯ ФИЗИОЛОГИИ (1 ИЗ 2) 1. Располагать контролы так, чтобы до них было удобно дотянуться, независимо от позы, в которой iPad используется 2. Если функция состоит из 2+ шагов, то следующий шаг должен располагаться в той же части экрана, что и предыдущий 3. Желательно, чтобы действие на втором шаге совершалось бы чуть выше (а не ниже), чем на первом. Поскольку используемая рука перекрывает часть экрана ниже выполняемого действия
  • 16. РЕКОМЕНДАЦИИ ПРИ ПРОЕКТИРОВАНИИ ПРИЛОЖЕНИЙ ДЛЯ IPAD С ТОЧКИ ЗРЕНИЯ ФИЗИОЛОГИИ (2 ИЗ 2) 4. Центр экрана iPad –не самое удобное место для расположения контролов. При клике в центр экрана – значительная часть экрана перекрывается рукой. А пользователю, лежащему на диване (на животе или спине), приходится отрывать руку от айпада, чтобы кликнуть в центр 5. Не следует располагать контролы ровно по краю устройства. Во-первых, пользователю приходится целиться, чтобы попасть именно в кнопку и при этом не выйти за края экрана. Во- вторых, тянуться в любой из краев устройства неудобно – приходится сильно изгибать пальцы или далеко тянуться.
  • 17. КАРТА «SAFE ZONES» На слайдах ниже изображены зоны удобного использования iPad в различных позах с точки зрения физиологии. При расчёте данных, мы учли средние антропометрические данные длин пальцев людей*. По данным статистики, iPad используют мужчины и женщины поровну, поэтому для упрощения было взято среднее значение длин пальцев мужчин и женщин**. В приведенных ниже картинках также учтены края iPad – 2см на 1 см. * Средняя длина большого пальца у мужчин – 58 мм, у женщин – 53 мм. Такое усреднение охватывает 95% жителей США. Информация доступна на сайте: http://usability.gtri.gatech.edu/eou_info/hand_anthro.php ** На июнь 2012 г. 51,9% пользователей iPad – мужчины. Упрощая, можно сказать, что пользователей iPad мужчин и женщин примерно пополам. http://www.comscore.com/Insights/Press-Releases/2012/8/comScore-TabLens-Today-s-US-Tablet-Owner-Revealed
  • 19. ЛЕЖА НА ДИВАНЕ НА ЖИВОТЕ
  • 20. ЛЕЖА НА ДИВАНЕ НА СПИНЕ

Notas do Editor

  1. © http://www.pro-ipad.ru/novosti-iz-mira-ipadinteresnye-rezultaty-oprosov/
  2. https://ru.wikipedia.org/wiki/%D0%91%D0%B5%D0%B7%D1%83%D0%BC%D0%BD%D1%8B%D0%B9_%D1%83%D1%87%D1%91%D0%BD%D1%8B%D0%B9#/media/File:Mad_scientist.svg