Тестирование интерфейса. Как перестать оценивать интуитивно

В этой статье тренер курса «Поинт» Виктория Соковикова расскажет, как при тестировании интерфейса не получить баг в статусе rejected и выговор от разработчиков.

Представьте ситуацию. У вас появилась задача протестировать вот такую форму:

И вроде работает она в соответствии с требованиями, и ошибок грамматических нет в текстах, и стили по гайдлайнам, но что-то не то… Точно — кнопки! Ну неудобно они расположены, как ни крути.

Вы воодушевленно заводите баг, ожидая благодарных пользователей, которым вы сэкономили нервы и время. А через некоторое время получаете баг в статусе rejected и упрёки от разработчиков, что зря потратили их рабочие часы. Знакомо? Здорово, если нет. Новички (да и опытные тестировщики) периодически натыкаются на грабли возврата ошибок юзабилити. Причина — термин «неудобно» слишком субъективен и неоднозначен. Такую ошибку просто вернуть с основанием «а мне удобно».

Чтобы проверять себя и доказывать свою точку зрения команды, используются числовые методы оценки интерфейса (когда мы реально измеряем, например, время выполнения тех или иных операций). И сегодня предлагаю познакомиться (или вспомнить) с одним из них — законом Фиттса.

Математическая запись закона Фиттса:

T — среднее время, затрачиваемое на совершение действия

a — среднее время запуска/остановки движения

b — величина, зависящая от типичной скорости движения

D — расстояние от точки старта до центра цели

W — ширина цели, измеренная вдоль оси движения

А и Б — константы, определяемые устройством (для сравнения они нам не потребуются).

Простыми словами, время «прицеливания» (от момент начала движения мышью до остановки над нужным объектом) зависит от расстояния до объекта и его размера ПО ОСИ ДВИЖЕНИЯ.

Верное направление для расчета размера цели представлено только в 1м варианте.

Вывод из закона понятен интуитивно:

• Чем ближе объект, тем быстрее и проще в него попасть.
• Чем больше объект, тем быстрее и проще в него попасть.

Но теперь у нас на вооружении есть инструмент, который объективно позволяет сравнивать и доказывать обоснованность тех или иных интерфейсных решений.

Как измерить расстояние между элементами?

Если необходимо рассчитать расстояние между двумя элементами интерфейса, расположенными на вертикальной или горизонтальной осях, самое удобное — воспользоваться экранными линейками. Запрос в Google даст вам огромное количество вариантов на любой вкус, например http://developer.roman.grinyov.name/blog/13  (простая линейка, правда работает только под Windows).

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

• Используем приложение http://avpsoft.ru/products/udruler/. Оно платное, но можно использовать триал в течение 30 дней. Минус — работает только под Windows. Принцип действия очень прост — протягиваете линию между элементами, система показывает ее длину.
• Используем расширение для Google Chrome https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj  и вспоминаем теорему Пифагора. Расширение позволяет построить прямоугольник между двумя элементами и показывает длины сторон. Затем идем http://geleot.ru/education/math/geometry/diagonal/rectangle (или берем калькулятор) и рассчитываем гипотенузу по двум катетам.

Закон Фиттса. Как вычислить логарифм?

Не буду здесь писать много математической теории 🙂 Дня наших с вами целей достаточно онлайн калькулятора https://umath.ru/calc/vychislenie-logarifma-chisla-onlajn. 

В основании логарифма выбираем из выпадающего списка «2», а вторым числом указываем результат расчета формулы (d/w + 1).