Вы когда-нибудь пробовали тестировать свой Отзывчивый Веб-сайт с реальными пользователями? Если нет, то это определенно стоит рассмотреть. Вы можете быть удивлены результатами.
Тестирование пользователя против технического тестирования
Прежде чем мы начнем, некоторые пояснения о различных видах тестирования.
Эта статья не будет сфокусирована на техническом тестировании, цель которого — определить, как сайт работает на широком диапазоне устройств или в различных обстоятельствах, например, с разной пропускной способностью.
Вместо этого мы собираемся сосредоточиться на пользовательском тестировании . Цель этого типа тестирования — определить, могут ли реальные пользователи успешно использовать продукт по мере необходимости. В этом случае продуктом является ваш сайт или веб-приложение.
Вы можете провести пользовательское тестирование, чтобы определить, могут ли пользователи перемещаться по вашему сайту, искать контент, заполнять форму, покупать продукт или выполнять любые другие задачи, связанные с сайтом.
Зачем тестировать свой сайт с реальными пользователями?
У всех нас есть свое мнение о том, как должны работать продукты. Когда мы сами их проверяем, независимо от того, насколько мы опытны, наши взгляды всегда в какой-то степени предвзяты.
Только реальные пользователи могут действительно сказать вам, соответствует ли ваш продукт их потребностям.
По этой причине важно тестировать любой продукт как можно раньше в процессе и как можно чаще в течение всего процесса.
Тестирование на основе задач
Тестирование на основе задач — очень мощный процесс тестирования пользователей. Пользователям предлагается выполнить ряд задач при взаимодействии с реальным продуктом. Каждое задание отслеживается и оценивается, чтобы определить, может ли пользователь успешно выполнить задание или нет.
Если пользователи не могут выполнить задачу, у продукта может быть потенциальная проблема, которую необходимо решить.
Актуальные задачи определяются необходимыми результатами. Если вы хотите проверить процесс покупки на веб-сайте онлайн-покупок, то задачи могут включать поиск определенного продукта, добавление продукта в корзину и завершение процесса покупки.
Наилучшие результаты достигаются при тестировании небольшого набора пользователей (около 5 пользователей) и при запуске столько небольших тестов, сколько вы можете себе позволить.
Контролируемое тестирование или бесплатное исследование
Процесс тестирования может проводиться различными способами.
На одном конце спектра весь процесс строго контролируется. Пользователям не разрешается взаимодействовать с продуктом до тех пор, пока тестер не предоставит им инструкции. Это означает, что вы можете получать подробные отзывы от пользователей на каждом этапе процесса, прежде чем двигаться дальше. Пользователей могут спросить об их ожиданиях, прежде чем они перейдут на новый «экран» или новую функцию.
На другом конце спектра пользователям может быть разрешено исследовать продукт по своему желанию. Им предлагается предоставить обратную связь при взаимодействии с продуктом.
У каждого метода есть свои сильные и слабые стороны. Метод «контролируемого тестирования» позволяет внимательно наблюдать за каждым взаимодействием. Метод «бесплатного исследования» позволяет вам наблюдать за пользователями, которые работают более естественным образом.
Использование разных медиа
Пользовательское тестирование может проводиться на любом этапе на этапах планирования, проектирования или разработки и может использовать различные носители:
- бумажные каркасы
- экранные каркасы
- прототипы на экране
- полнофункциональный сайт
Перед тестированием адаптивных сайтов
Прежде чем приступить к тестированию пользователей с адаптивными веб-сайтами, важно знать, кем могут быть ваши нынешние и потенциальные будущие пользователи и как они могут получить доступ к веб-сайту. Например, могут ли они посещать сайт на настольном и мобильном устройствах? Только мобильный? Мобильный и планшет?
Каждый из этих параметров может повлиять на то, как вы решите проводить пользовательское тестирование. Например, если пользователи часто пользуются как dektop, так и мобильными устройствами, возможно, стоит провести пользовательское тестирование на широком экране и на мобильных устройствах как часть процесса. Если пользователи часто используют только настольные или мобильные устройства, вы можете запустить тестирование пользователей с двумя отдельными группами.
Адаптивные задачи тестирования пользователей сайта
Адаптивные веб-сайты представляют собой проблемы, которые сильно отличаются от тех, с которыми сталкиваются традиционные широкоэкранные пользовательские тесты. Например:
- Пользователи могут быть смущены тем, что мобильная версия сайта отличается от широкоэкранной версии.
- Пользователи могут быть не знакомы с небольшими экранами, такими как прокрутка, пролистывание и т. Д.
- Пользователи могут быть знакомы с конкретными мобильными приложениями и ожидать, что ваш сайт будет работать аналогичным образом.
- Пользователи могут быть знакомы с конкретными платформами (iPhone или Android), и это может повлиять на их ожидания.
- Пользователи могут быть не знакомы с линеаризованным контентом, который часто встречается на адаптивных веб-сайтах при отображении на маленьких экранах.
Некоторые извлеченные уроки
1. Заставьте пользователя чувствовать себя как дома
При проведении адаптивного тестирования пользователей веб-сайта важно предоставить устройства, которые знакомы пользователю. Мы стараемся предоставить ряд различных устройств, таких как iPhone, Android и небольшой набор планшетных устройств. В некоторых случаях мы также разрешаем пользователям выполнять процесс тестирования на своем собственном устройстве, если они предпочитают. Это гарантирует, что они не будут бороться с устройством в то же время, когда они пытаются «изучить» ваш продукт.
2. Пользователи хотят «играть» на мобильных устройствах
Проводя тестирование пользователей на мобильных устройствах, мы обнаружили, что пользователи сразу хотят «поиграть» — они хотят захватить устройство и щелкнуть по веб-сайту или веб-приложению.
Самым первым сеансом тестирования мобильных пользователей, который мы когда-либо проводили, была катастрофа. Мы намеревались следовать «жестко контролируемому» процессу, когда пользователь мог видеть только один экран за раз. Вместо этого пользователь поднял устройство и сразу начал прыгать по сайту.
Эту проблему можно решить, используя метод «бесплатного исследования» или предоставив пользователю четкие рекомендации перед началом работы.
3. Наблюдение за подробными взаимодействиями
Устройства с маленьким экраном означают меньшее и более тесное взаимодействие. Это означает, что вы должны постоянно наблюдать за пользователем. Видеосъемка и последующее воспроизведение для анализа может помочь в этом.
На самом деле существует целый ряд различных методов, которые можно использовать для захвата процесса тестирования.
Вы можете записывать устройства iPhone и iPad, используя комбинацию программ Air Flow и Screencast, таких как Camtasia или Screenflow.
Вы также можете записать видео «через плечо» или «head-cam» пользователя, когда он перемещается по сайту. Это позволяет вам видеть взаимодействие пользователей с их точки зрения в верхней части экрана, а не просто записывать данные с самого экрана.
Вы также можете подключить устройство к Data Projector. Мы нашли это полезным, когда другие люди наблюдают за процессом тестирования. Эти наблюдатели могут наблюдать за процессом в прямом эфире, но из другой комнаты.
Вывод
Очень важно протестировать свои адаптивные веб-сайты с пользователями — так же, как и с любым другим продуктом.
Это единственный способ узнать, как реальные пользователи взаимодействуют с вашим сайтом. Это требует некоторого планирования и усилий, но это определенно стоит.
Нужно больше?
Если вы находитесь в Австралии, вы можете посетить серию семинаров Max Design, которые пройдут в столицах в марте 2013 года, где мы рассмотрим ключевые аспекты создания адаптивных веб-сайтов.