Юзабилити-тестирование и передача дизайна

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

От€600за проект

  • 5пользователей находят около 80 % проблем
  • 1-2 нед.до кликабельного прототипа
  • 2 кругаправок входят в цену дизайна
  • €0за изменение, пока это макет

Юзабилити-тестирование показывает, справляются ли люди с главным: найти услугу, отправить заявку, оплатить. Тестирование с пользователями стоит от €600, передача дизайна разработчикам от €250. После запуска смотрим тепловые карты и конверсию и улучшаем сайт месяц за месяцем.

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

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

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

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

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

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

После запуска сравниваем конверсию с исходной, чтобы было видно, что дали изменения.

После запуска сравниваем конверсию с исходной, чтобы было видно, что дали изменения.

Все услуги этой категории по-людски

  • Тесты с пользователями

    Реальные люди выполняют задачи, а ты видишь, где они застревают.

    Коротко Смотрим, как реальные люди выполняют реальные задачи в твоём продукте, лично или удалённо. Пяти пользователей обычно хватает, чтобы вскрыть 80% проблем, и ни один аргумент не заканчивает дизайн-спор быстрее, чем видео растерянного пользователя.

    Как мы работаемГотовим задачи под конкретный вопрос, подбираем участников, похожих на твоих клиентов, и ведём тесты лично или удалённо с записью экрана. Во время сессии не вмешиваемся и даём людям дойти туда, куда они дойдут сами. Находки потом ранжируем по тому, сколько людей застряло на одной и той же проблеме.

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

    Что входит в цену

    • Реальные задачи под наблюдением
    • Смонтированные клипы с проблемами
    • Находки отсортированы по частоте
    • Лично и удалённо

    Оптимизация конверсии

    Больше тех, кто уже пришёл на сайт, оставляют заявку или покупают.

    Коротко Систематически A/B-тестируем тексты, макет и сценарии по одной метрике: сколько посетителей делают то, что нужно. Эффект накапливается по несколько процентов за тест и оплачен трафиком, который у тебя уже есть.

    Как мы работаемНачинаем с замеров и находок из данных, потом меняем тексты, макет и шаги в процессе, причём по одной вещи за раз. Тест держим включённым, пока цифры не наберут значимость. Результат каждый раз сравниваем с исходной версией.

    Что ты получишьВнедрённые изменения, которые прошли проверку тестом, и запись о каждом тесте: что менялось, сколько он шёл, сколько людей в нём поучаствовало и какая вышла разница. Плюс список гипотез в очереди, отсортированный по ожидаемому эффекту.

    Что входит в цену

    • Замеры перед изменениями
    • Одна правка на один тест
    • Рост без увеличения рекламного бюджета
    • Сравнение с исходной версией

    Тепловые карты

    Аналитика, которая показывает, где люди сомневаются и уходят.

    Коротко Измерения настроены так, чтобы ты видел, где люди медлят, куда кликают впустую и где уходят. Рядом с числом визитов видно и то, как далеко человек доходит и на каком шаге отваливается. Без этого слоя любые дальнейшие правки это догадки.

    Как мы работаемНастраиваем аналитику полностью: цели и события, привязанные к твоему бизнесу, с учётом согласий по GDPR. Включаем тепловые карты, записи сессий и воронки и проверяем, что события реально собираются. Цифры потом читаем каждый месяц и превращаем в список правок.

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

    Что входит в цену

    • Тепловые карты, записи сессий и воронки
    • Цели, завязанные на бизнес
    • Настроено с учётом GDPR
    • Ежемесячный список правок по приоритету

    Входит в комплект

    Это не заказывают отдельно: оно входит в любую работу, и делаем это мы.

    Проверка дизайна

    Сверяем готовый продукт с макетами перед релизом: отступы, состояния, сценарии, доступность. Ловим «смерть от тысячи мелких отклонений», из-за которой готовый продукт выглядит не так, как задумывался.

    Готовый продукт сверяем экран за экраном с макетом: отступы, состояния, тексты, крайние случаи. Дополнительно проверяем то, что в макете не показать: управление с клавиатуры, скринридер, медленное соединение и необычно длинные тексты. Каждое отклонение фиксируем со скриншотом и ссылкой на точное место.

    РезультатСписок отклонений для отметки: у каждого скриншот, ссылка на место в продукте и описание, чем оно отличается от макета. Список можно сразу закинуть разработчику в таск-трекер без дополнительной сортировки.

    • Отклонения со скриншотом и ссылкой
    • Проверены клавиатура и скринридер
    • Ловит детали, которые портят впечатление
    • Чек-лист перед релизом

    Передача дизайна

    Спецификации, токены, ассеты и прокомментированные сценарии готовим так, чтобы разработчики собрали продукт правильно с первого раза. Меньше уточняющих созвонов, меньше сюрпризов вроде «в макете было по-другому».

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

    РезультатПакет передачи: экраны со спецификациями, токены, экспортированные ассеты и прокомментированные сценарии, плюс запись звонка передачи с прозвучавшими вопросами. После передачи остаёмся на связи для вопросов, которые всё равно появятся позже.

    • Спецификации, токены, готовые ассеты
    • У каждого экрана описано поведение
    • Версии для тёмной темы и высокого разрешения
    • Передаём на звонке, с разбором

    Поддержка разработки

    Дизайнер остаётся на связи во время разработки: отвечает на вопросы, смотрит сборки, принимает прагматичные решения, когда в дело вмешивается реальность. Это самая дешёвая страховка от того, что дизайн потеряется где-то в разработке.

    Дизайнер входит в команду на всё время реализации: отвечает на вопросы, смотрит собранные версии и решает ситуации, которые в макете не предугадать заранее. Отклонения ловим по одному, сразу. По каждому говорим прямо: деталь, которую можно отложить, или то, что испортит продукт.

    РезультатДизайнера на связи на согласованный срок, регулярные заметки по просмотру версий и зафиксированные решения по спорным местам. В итоге развёрнутый продукт, который соответствует макету.

    • Дизайнер доступен всю разработку
    • Регулярные просмотры собранных версий
    • Решения учитывают бюджет
    • Отклонения ловим по одному сразу

    Технологии

    Знакомо?

    Пётр Петровпервый звонок
    1. Готовый сайт выглядит иначе, чем макет

    2. Когда разработчик получает только картинки, отступы, состояния и мобильную версию он додумывает сам. Передаём спецификации, которые ничего не оставляют на волю случая, и проверяем результат по макету.

    3. После запуска непонятно, помог ли редизайн

    4. Без исходной цифры успех не измерить. До запуска фиксируем конверсию, после сравниваем, и ты знаешь, окупилась ли переделка.

    5. Посетители застревают, и неясно где

    6. Тепловые карты и записи сессий показывают, куда люди кликают, докуда листают и где уходят. Из этого складывается список изменений, которые тестируем по одному.

    7. Разработчики спрашивают о каждой мелочи, и проект стоит

    8. Вопросы в разработке съедают недели. Дизайнер на связи всю сборку и отвечает в тот же день, команде не приходится ждать.

    Похоже на тебя?

    Выбери свой случай и подставь свои числа. Экран посчитает, что ты теряешь или получаешь.

    Люди уходят. Причину не знаю

    Посетителей в месяц2 000
    Сколько посетителей покупают1,5 %
    Средний заказ120 €

    Чтобы проверка UI/UX окупилась за 3 месяца, хватит

    +8,3 % к конверсии

    Сейчас сайт приносит около 3 600 € в месяц: 2 000 посетителей, из них 1,5 % покупают по 120 €. Аудит UI/UX обычно стоит 900 €.

    Цена «обычно» из прайса студии. Выручка без учёта маржи. Это порог окупаемости: рост конверсии заранее никто не гарантирует.

    Строю что-то с нуля

    Бюджет на разработку20 000 €
    Сколько экранов, по-твоему, придётся переделать25 %

    Под риском переделки после запуска

    5 000 € из бюджета

    Переделать 25 % экранов после запуска значит заплатить ещё 5 000 € из 20 000 €. Кликабельный прототип обычно стоит 1 200 €, и эти правки делаются в нём до кода.

    Долю переделок задаёшь ты. Цена прототипа «обычно» из прайса студии.

    Об ошибках узнаём от клиентов

    Сколько ошибок после запуска в месяц8
    Часов на исправление одной3 ч
    Сколько стоит час разработчика30 €

    Исправления после запуска стоят

    720 € в месяц

    8 ошибок в месяц по 3 ч, это 24 ч работы по 30 € в час. Тестирование с людьми перед запуском обычно стоит 1 150 € и окупится за 1,6 месяца.

    Оценка сверху: считаем, что тестирование находит все эти ошибки до запуска. Клиентов, которых ошибка отпугнёт, не считаем. Цена «обычно» из прайса студии.

    Протестировать своей командой?

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

    Когда хватит своей проверки

    • Ищешь технические ошибки: битые ссылки, опечатки, сломанные формы
    • Меняешь мелочь на сайте, который в целом работает
    • Сайт маленький, и все его пути проходятся за час
    • Есть время и инструменты для тепловых карт, и ты умеешь их читать

    Когда этого мало

    • Команда знает, где что лежит, и не видит растерянности нового посетителя
    • Никто не записал исходные цифры, и эффект изменений не измерить
    • Проверка по макету идёт только на компьютере, а телефон остаётся в стороне
    • Тепловые карты читают на глаз, и изменения не тестируют по одному

    От макета к сайту, прошедшему проверку людьми

    1. Знаешь, что проверяем

      Созвон и цели

      Договариваемся, что должен выяснить тест и по каким цифрам будем решать. Получаешь фиксированную цену и срок.

    2. Слышишь живых пользователей

      Тест на людях

      Пять-восемь человек из аудитории получают задания на прототипе или готовом сайте. Записи и выводы остаются у тебя.

    3. Команда знает, что собирать

      Передача разработчикам

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

    4. Ничто не ждёт ответа

      Поддержка при разработке

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

    5. Сайт совпадает с макетом

      Проверка по макету

      Проходим готовый сайт экран за экраном на телефоне и компьютере и записываем расхождения со скриншотами. Они исправляются до запуска.

    6. Знаешь, что дало изменение

      Замер после запуска

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

    Сколько стоит тестирование и передача

    Тестирование с пользователями от €600, передача дизайна от €250, поддержка разработчиков от €350/мес, оптимизация конверсии от €300/мес. Цена окончательная, сверху ничего не добавляется.

    Узнать цены

    Сначала факты, потом вкус

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

    О чём спрашивают чаще всего

    Что такое юзабилити-тестирование?

    Люди из твоей аудитории получают задания, например найти услугу и отправить заявку, а мы смотрим, где они сомневаются. Никто им не помогает. Результат: список мест, где сайт теряет людей, с записями как доказательством.

    Сколько стоит юзабилити-тестирование сайта?

    Тестирование с пользователями от €600, обычно около €1 150 в зависимости от числа заданий и аудиторий. Валидация дизайна от €1 200. Передача дизайна от €250. Цену знаешь заранее. Цена окончательная, сверху ничего не добавляется.

    Сколько людей нужно на тест?

    Пять-восемь из каждой аудитории. По данным Nielsen Norman Group, пять участников находят около 85% проблем юзабилити, следующие в основном подтверждают уже найденное.

    Что именно получают разработчики при передаче?

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

    Тестируете и инструментами?

    Да, скорость, доступность и базовые ошибки проверяем инструментами вроде Lighthouse и PageSpeed до запуска и после. Инструмент не скажет, понимает ли человек предложение и находит ли нужное, для этого и нужно тестирование с людьми.

    Зачем нужны тепловые карты?

    Тепловая карта показывает, куда люди кликают на странице и докуда листают. Записи сессий показывают отдельный визит шаг за шагом. И то и другое помогает найти, где сайт теряет людей. Замеряем только с согласия в плашке cookies.

    Как работает ежемесячная оптимизация конверсии?

    Каждый месяц по данным выбираем одно-два изменения, выкладываем и меряем против исходного состояния. Что помогло, остаётся, что нет, откатываем. Отчёт на одну страницу. Договор помесячный.

    Протестируете сайт, который делали не вы?

    Да. Тестируем готовые сайты и прототипы независимо от того, кто их делал. Результаты можно передать своей команде, или правки сделаем мы.

    Сколько длится тестирование?

    Тест с пятью-восемью людьми обычно две недели, большую часть занимает поиск и согласование участников. Проверка готового сайта по макету два-три дня в зависимости от числа экранов.

    Расскажи о своей задаче

    Хватит пары предложений. Ответим в течение нескольких часов и предложим время для созвона.

    1. 1За пару часов: ответит человек, поделится первыми мыслями и, возможно, задаст пару вопросов.
    2. 2За пару дней: созвон на 30 минут. Бесплатно и ни к чему не обязывает.
    3. 3После звонка: смета с фиксированной ценой. Или честный ответ, что мы тебе не подходим, и совет, к кому обратиться.

    Без скриптов продаж: с тобой говорят люди, которые сами всё построят.

    Аллергия на формы? Понимаем.info@chronicles.cz+420 773 230 278

    Отправляя форму, ты соглашаешься на обработку своих данных, чтобы мы ответили на заявку. Как мы обращаемся с данными. Данные нужны только для ответа. Не продаём и в рассылку не добавляем.