Статті
#експертиза: мобільний додаток Hawkeye
Огляд аплікації для айтрекінг-тестування
19 червень, 2019
Арсеній Фещенко
Дизайнер додатку bird
Ми любимо тексти без помилок. Якщо ви їх знайшли, виділіть фрагмент і натисніть Ctrl + Enter.

У рубриці #експертиза дизайн-спеціалісти аналізують додатки та дають їм власну оцінку. Настала черга мобільної аплікації Hawkeye. За словами розробників цей додаток дозволяє проводити айтрекінг-тестування, використовуючи лише iPhone, без жодного додаткового обладнання.

Telegraf.Design звернувся до Арсенія Фещенка, дизайнера додатка bird, з пропозицією розібратись, наскільки ефективно працює Hawkeye. Результати аналізу – в тексті.

Читайте також: Огляд аплікації для сортування сміття

  • Hawkeye – додаток для айтрекінг-тестування на девайсах iOS.
  • Особливості: працює лише з девайсами, в яких наявна камера TrueDepth: iPhone X, XS, XR або iPad Pro.
  • Ціна: безкоштовно в режимі Early Access, 24.99$/місяць у режимі Hawkeye Basic.

Айтрекінг-тестування — це вид юзабіліті-тестування, в якому ефективність роботи продукту визначається на основі даних про погляд користувача на екран під час взаємодії з продуктом.

Основна проблема айтрекінг-тестування — для його проведення необхідне дороге обладнання та софт (наприклад, набір для айтрекінг-тестування GP3 UX за 2190$).

Розробники Hawkeye стверджують, що за допомогою їх додатка можна провести айтрекінг тестування безкоштовно, без додаткового обладнання, використовуючи лише айфон з камерою TrueDepth.

Виклик прийнято! Я:

  1. Проведу айтрекінг-тестування сайту-лендінгу та рекламного банера, використовуючи лише айфон.
  2. Оціню точність результатів.

З усіх сил намагатимусь помічати інтерфейсні детальки. Полетіли!

Починаю, як завжди, з іконки. Вона проста, акуратна і занудна. Для додатка з айтрекінгом — те що треба.

Автор усіх зображень: Арсеній Фещенко

Цікавіше з назвою. Як правильно читати “hawkeye”?

Гугл-перекладач каже «хокай» — «яструб око».

Насправді, Hawkeye — це супергерой Marvel, Соколине Око. Його фішка — він вміє далеко бачити і влучно стріляти. Кул, назва на 10 з 10 як для додатка з айтрекінгом.

Кадр зі стрічки від Marvel

Полетіли! Вмикаю додаток.

На стартовому екрані — логін та опис того, що вміє додаток. Не впевнений, що саме це я хотів побачити на першому екрані, але окей. Енівей, реєструюсь у режимі Early Access. Він, до речі, безкоштовний.

Головний екран додатка. Приємно, що пропрацьований порожній стейт, коли ще немає завершених тестів. Натискаю на плюсик збоку, щоб почати перший.

Головна особливість додатка — можна тестити тільки сайти та зображення. Спробую затестити і те, і інше.

Вводжу урл сайту-лендінгу bird.

Аплікація просить доступ до камери. Справедливо.

Калібровка? Окей, вибору особливо немає.

Калібрування необхідно для максимальної точності розпізнавання точки, куди дивиться користувач. Проходить так: треба по черзі дивитись на точки по краях екрану. Моє обличчя максимально точно описує задоволення процесом.

Повторити шість разів. Відкалібрувався.

Ура! Нарешті кнопка Start Testing. Фак-йе.

Почався тест. Перше враження — магія. Айфон дійсно розпізнає, куди спрямований погляд. Але після тривалого тестування помічаєш неточності в розпізнаванні. Наприклад, під час цього тестування верхня права частина екрану взагалі не розпізнавалась, хоч я дивився також і на неї.

Після закінчення тест зберігається. Його можна переглянути або розшарити.

З прикольного — є декілька режимів перегляду результатів: хітмап і точки фокусу. Зручно.

Упс, під час генерації хітмапу на прев’ю з сайту зник весь текст. Схоже на баг. По суті, через цей баг не можна коректно провести аналіз. Не круто, Хокай.

Сайт затестив, хоч і не без пригод. Тепер хочу провести тестування картинки — банера реклами bird. Банер справжній, для мережі Wi-Fi-точок у автобусах Києва. Обираю Image.

Нууу, знову калібрування.

Наша пісня гарна й нова. Уважно дивлюсь на точки.

Here we go! Починаю айтрекінг-тестування банера.

Цього разу айфон краще розпізнає погляд. Калібрування сильно впливає на результат.

Тестування завершено. Зараз дізнаюсь, що я там надивився.

Прикольно. Більшість часу я дивився на пташку і розглядав карту з будинками. І зовсім не звертав увагу на назву.

Прихована фіча. Коли натискаєш на кольорову область хітмапу — з’являється додаткова інформація про цю область.

Така сама фіча є і для послідовності точок фокуса. Кул.

Статистика погано дружить з числом один, тому я провів ще чотири тестування на моїх друзях. Результати вийшли зовсім різними.

На жаль, оцінку айтрекінгу я можу дати лише якісну, а не кількісну. На оцінку вплинули власне відчуття, відгуки та опитування тестувальників. Хокай, ваша оцінка: 3 (задовільно, з можливістю повторного перескладання).

Окрім основної функції, звернув увагу на позиціювання додатка — стартапський дух. Розробники відкрито вказують бета-версію, надають максимально можливу кількість шляхів до зворотного зв’язку та фідбеку.

Вперше бачу таке — є доступ до публічного воркфлоу розвитку продукту. Сміливо і круто, респект. Одразу видно — проект живе, розвивається і точно буде покращуватись у майбутньому.

Результат

Сподобалось:

  • Інноваційність.
  • Зрозуміле відображення результатів тестування.
  • Відкритість та дух стартапу.

Що можна покращити:

  • Збільшити точність розпізнавання.
  • Пришвидшити калібровку. Або взагалі відмовитись.
  • Пофіксити баги з відображенням результатів тесту сайту.
  • Додати можливість тестування не тільки картинок та сайтів, а й додатків.

Hawkeye — інноваційний додаток в області тестування. Не зважаючи на серйозні баги та недостатньо високу точність розпізнавання, у нього є всі шанси стати масовим інструментом тестування мобільних продуктів.

Враховуючи зростання трендів Mobile-First та Mobile-Only, раджу спробувати Hawkeye всім дизайнерам інтерфейсів.


Раніше Telegraf.Design розповідав про дослідження користувачів та супутні когнітивні ілюзії.

avatar
Арсеній Фещенко
Дизайнер додатку bird
Колонка

У нас є ще дещо для вас

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: