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

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

Від€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 EUR

    Щоб перевірка UI/UX окупилася за 3 місяці, досить

    +8,3% до конверсії

    Зараз сайт приносить приблизно 3 600 EUR на місяць: 2 000 відвідувачів, з них 1,5% купують по 120 EUR. Аудит UI/UX зазвичай коштує 900 EUR.

    Ціна «зазвичай» з прайса студії. Виручка без урахування маржі. Це поріг окупності: зростання конверсії наперед ніхто не гарантує.

    Я створюю щось нове

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

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

    5 000 EUR з бюджету

    Переробити 25% екранів після запуску означає заплатити ще 5 000 EUR з 20 000 EUR. Клікабельний прототип зазвичай коштує 1 200 EUR, і ці правки робляться в ньому ще до коду.

    Частку переробок задаєш ти. Ціна прототипу «зазвичай» з прайса студії.

    Про помилки дізнаємось від клієнтів

    Скільки помилок після релізу на місяць8
    Годин на виправлення однієї3 год
    Скільки коштує година розробника30 EUR

    Виправлення після релізу коштують

    720 EUR на місяць

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

    Оцінка зверху: вважаємо, що тестування знаходить усі ці помилки до релізу. Клієнтів, яких відлякає помилка, не рахуємо. Ціна «зазвичай» з прайса студії.

    Протестувати своєю командою?

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

    Коли вистачить власної перевірки

    • Шукаєш технічні помилки: биті посилання, одруківки, зламані форми
    • Змінюєш дрібницю на сайті, який загалом працює
    • Сайт невеликий, і всі його шляхи проходяться за годину
    • Є час та інструменти для теплових карт, і ти вмієш їх читати

    Коли цього замало

    • Команда знає, де що лежить, і не бачить розгубленості нового відвідувача
    • Ніхто не записав вихідні цифри, і ефект змін не виміряти
    • Перевірка за макетом іде лише на комп'ютері, а телефон лишається осторонь
    • Теплові карти читають на око, і зміни не тестують по одній

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

    1. Знаєш, що перевіряємо

      Дзвінок і цілі

      Домовляємося, що має з'ясувати тест і за якими цифрами вирішуватимемо. Отримуєш фіксовану ціну й термін.

    2. Чуєш живих користувачів

      Тест на людях

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

    3. Команда знає, що збирати

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

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

    4. Ніщо не чекає відповіді

      Підтримка під час розробки

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

    5. Сайт збігається з макетом

      Перевірка за макетом

      Проходимо готовий сайт екран за екраном на телефоні й комп'ютері та записуємо розбіжності зі скриншотами. Їх виправляють до запуску.

    6. Знаєш, що дала зміна

      Вимір після запуску

      Порівнюємо теплові карти й конверсію з вихідними. На щомісячній оптимізації далі тестуємо зміни по одній.

    Скільки коштує тестування й передача

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

    Переглянути ціни

    Спочатку факти, потім смак

    Проєктуємо UX/UI-дизайн на фактах: дослідження показує, що лагодити, прототип перевіряє це на живих людях, а аналітика після запуску показує, чи спрацювало. Усе стоїть на дизайн-системі, єдиному джерелі правди для кольору, шрифту, відступів і компонентів, тому нові екрани з'являються за години замість днів, а продукт лишається консистентним, поки росте. І на етапі передачі ми нікуди не зникаємо: дизайнер лишається на зв'язку під час розробки, щоб готовий продукт збігався з тим, що ми тестували.

    Про що питають найчастіше

    Що таке юзабіліті-тестування?

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

    Скільки коштує юзабіліті-тестування сайту?

    Тестування з користувачами від €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

    Надсилаючи форму, ти погоджуєшся на обробку зазначених даних для відповіді на цю заявку. Як ми поводимося з даними. Дані потрібні лише для відповіді. Ми їх не продаємо і не додаємо в розсилку.