Сайт с адаптивным дизайном: тестирование с помощью реальных пользователей

Сайт с адаптивным дизайном: тестирование с помощью реальных пользователей

Сайт с адаптивным дизайном

Вы никогда не пытались тестировать ваш сайт при помощи реальных пользователей? Если нет, рассмотрите этот вариант. Вы можете быть приятно удивлены результатами.

Пользовательское тестирование против тестирования технического

Сначала проясним некоторые моменты о различных типах тестирования. Эта статья не будет акцентировать своё внимание на техническом тестировании, которое проверяет отображение сайта на широком спектре устройств, а также при некоторых обстоятельствах (различная пропускная способность сети).

Вместо этого мы собираемся сосредоточиться на пользовательском тестировании. Целью данного тестирования является определение возможности применения продукта пользователями. В данном случае веб-сайт или веб-приложение — это продукт.

Можно провести пользовательское тестирование, чтобы определить, имеют ли посетители возможность перемещаться по сайту, осуществлять поиск по контенту, заполнять формы, покупать продукты или выполнять любые другие связанные с сайтом задачи.

Зачем тестировать сайт с помощью реальных пользователей?

Каждый из нас понимает и представляет, как должен работать тот или иной продукт, однако когда мы тестируем эти продукты сами, то невольно составляем предвзятое мнение.

Только реальные пользователи смогут указать, отвечает ли сайт их потребностям или нет.website

Именно поэтому очень важно протестировать любой продукт как можно раньше до начала работы и тестировать его как можно чаще во время работы.

Task-based тестирование

Task-based тестирование является очень мощным видом пользовательского тестирования. Пользователям предлагается выполнить ряд задач при работе с реальным продуктом. Каждая задача контролируется и учитывается, чтобы определить, в состоянии ли пользователь успешно выполнить поставленную задачу или нет.

Если пользователь не в состоянии этого сделать, продукт может иметь потенциальные проблемы, которые необходимо решать.

Если вы хотите проверить процесс покупки в интернет-магазине, то задачи могут включать в себя нахождение конкретного продукта, добавление его в корзину и завершение процесса покупки.

Лучшие результаты получаются при тестировании небольшой группой пользователей (около 5 человек), работающей с множеством небольших тестов, выполнить которые под силу практически каждому.

Контролируемое тестирование или бесплатное исследование

Каждый процесс тестирования может проводиться в нескольких вариантах. В первом осуществляется строгий контроль тестирования. Пользователи не могут начать этот процесс без получения предварительного инструктажа от тестировщика. Это значит, что пользователю предоставляется подробная информация по каждому пункту процесса перед тем, как он перейдёт к следующему его этапу. Пользователи могут обратиться за разъяснениями прежде, чем перейдут к новому экрану или функции.

Во втором варианте пользователям даётся возможность испытать продукт в соответствии с их пожеланиями. Они могут оставить свои комментарии по работе данного продукта.

Каждый метод имеет слабые и сильные стороны. Контролируемое тестирование позволяет наблюдать за каждым этапом процесса. Свободное тестирование позволяет пользователям вести себя по отношению к продукту более естественно.

Использование различных медиа-ресурсов

Пользовательское тестирование может проходить на разных стадиях планирования, проектирования и разработки, а также может прибегать к помощи медиа-ресурсов:

  • бумажные макеты;
  • макеты экрана;
  • прототипы экрана;
  • полностью функционирующий веб-сайт.

Действия до начала тестирования адаптивного сайта

Прежде чем перейти к пользовательскому тестированию адаптивного сайта, необходимо определиться с категорией текущих и потенциальных пользователей, которые будут посещать сайт и каким образом они будут это делать. Например, предпочитают ли они посещать сайты с помощью десктопного и мобильного устройства? Или только с мобильного? Или мобильного устройства и планшета? Каждый из этих выбранных вариантов может повлиять на результаты пользовательского тестирования. Например, потребитель часто применяет и десктопный, и мобильный вариант, что может быть полезным для пользовательского тестирования на широком и на мобильном экране. Если пользователи часто применяют исключительно десктопное или только мобильное устройство, можно запустить тестирование по двум раздельным группам.

Проблемы пользовательского тестирования адаптивного сайта

Создание веб-сайта в Минске с адаптивным дизайном имеет свои сложности, которые отличаются от сложностей, связанных с пользовательским тестированием традиционных сайтов на широком экране. К примеру:

  • пользователь может быть смущён тем, что мобильная версия сайта выглядит по-другому на широком экране;
  • пользователи до этого могли и не работать с маленькими экранами снабжёнными прокруткой, сенсорным управлением и т.д.;
  • пользователи могут быть знакомы с конкретными мобильными приложениями и ожидают от сайта того же способа навигации;
  • пользователи могут быть знакомы с определёнными платформами (iPhone или Android), и это может оказать влияние на их ожидания;
  • пользователь может не иметь представления о линейном контенте, который является обычным для адаптивных сайтов при воспроизведении на маленьких экранах.

Несколько полезных уроков

1.Позволить пользователю чувствовать себя как дома

При проведении пользовательского тестирования адаптивного сайта очень важно предоставить устройства, известные потребителю. В нашем случае были предоставлены устройства на Android, iPhone и небольшие планшетные устройства. В некоторых случаях мы также позволили пользователям тестирование на собственных устройствах. Это гарантирует то, что они не будут пытаться одновременно вникать в суть работы устройства и продукта.

2. Пользователи хотят играть на мобильных устройствах

Во время пользовательского тестирования на мобильных устройствах стало понятно, что пользователи хотят “играть”. Они получают устройство и перемещаются по веб-сайту или веб-приложению. Поэтому первое тестирование было в большинстве случаев сорвано. Изначально планировался жёсткий контроль процесса тестирования, что позволило бы пользователю смотреть только на один экран. Вместо этого пользователь брал устройство и сразу же начинал перемещаться по сайту. Эту проблему могло решить свободное тестирование или предоставление пользователю чёткой инструкции перед началом.

3.Подробное наблюдение за работой

За пользователем на протяжении всего тестирования требуется чёткий контроль. Видеосъёмка и воспроизведение процесса тестирования впоследствии может послужить хорошей информационной базой для анализа.

Существует несколько методов, позволяющих зафиксировать процесс тестирования. Для записи вы можете использовать комбинацию программы Air Flow по записи действий пользователя и программы для создания скриншотов в IPhone и iPad, таких как Camtasia или Screenflow.

Также вы можете сделать видеозапись при помощи камеры, закрепленной за плечом пользователя или на самом пользователе для того, чтобы отследить перемещения его по сайту. Это позволяет вам видеть взаимодействия пользователей с сайтом или приложением не только на записи экрана, но и с точки зрения пользователя, то есть сверху.

Вы также можете подключить устройство к Data Projector. Очень полезно, когда есть другие люди наблюдающие за процессом тестирования. Они могут следить за процессом в реальном времени, но из разных помещений.

Заключение

Очень важно тестировать адаптивный сайт с помощью пользователей, впрочем, как и любой другой продукт.

Только этот путь может показать реальную картину взаимодействия пользователей с сайтом. Это потребует некоторого времени и усилий, но оно того стоит.

Заказать сайт с адаптивным дизайном в веб-студии «БайВеб»

Leave a Reply

Ваш e-mail не будет опубликован. Обязательные поля помечены *