Research
Чим відрізняється юзабіліті-тест від A/B-тесту?
Юзабіліті-тест оцінює, наскільки легко користувачі виконують завдання (якісні дані) A/B-тест порівнює дві версії за метриками (кількісні дані).
Назвіть основні стани кнопок в інтерфейсі та поясніть, коли використовувати кожен з них.
Default: звичайний стан
Hover: курсор на кнопці
Active/Pressed: момент кліку
Focused: вибрана через клавіатуру
Disabled: неактивна
Що таке brief і навіщо він потрібен до старту роботи?
Бриф — документ який фіксує що треба зробити, для кого, навіщо і в які терміни. Потрібен щоб дизайнер і клієнт розуміли задачу однаково до того як витрачено час
Поясни правило 1 screen — 1 action.
Кожен екран повинен мати одну основну дію/мету, щоб не перевантажувати користувача вибором і підвищити конверсію.
Який факторіал з 5?
120.
У вас нульовий бюджет і 2 дні. Які методи якісного дослідження ви оберете?
Secondary research
Партизанське тестування
Спостереження
Глибинні інтерв'ю
Як перевірити, чи достатньо контрастний текст на кнопці, і чому це важливо не тільки для людей з порушенням зору?
Використовуйте плагіни у Figma для перевірки відповідності стандарту WCAG (мінімум 4.5:1). Чому це для всіх — через ситуативне обмеження. Навіть зі 100% зором текст не зчитається на сонці, при низькій яскравості екрана або якщо людина на бігу.
Що таке wireframe і чим він відрізняється від mockup та prototype?
Wireframe: низькодеталізована схема структури
Mockup: статичний візуальний дизайн
Prototype: інтерактивна модель з переходами
Що таке F-pattern та Z-pattern?
F-pattern: читання контентних сторінок (зліва направо, зверху вниз)
Z-pattern: сканування простих екранів (лого → CTA → контент по діагоналі)
На співбесіді говорять: "дивіться, ми використовуємо трекер, що робить скріншот кожні 15 хв. Ми за вами не слідкуєм, нє, ми лиш дивимось чи все у вас виходить". Що будете робити?
Твоя відповідь.
Що така продуктова гіпотеза, як її формувати? Як думаєш, чого не варто робити у формуванні гіпотез?
Ми вважаємо, що [зміна] для [аудиторії] призведе до [результату], що підтвердиться через [метрику]. Не варто: робити розпливчасті формулювання, ігнорувати метрики успіху, змішувати кілька змін в одній гіпотезі.
На мобільному макеті всі кнопки — 28px у висоту. Що не так і як виправити?
Мінімальна touch target — 44px (Apple HIG) або 48dp (Material). 28px фізично незручно тапати. Навіть якщо кнопка виглядає менше, зона кліку має бути достатньою.
Поясніть, що таке MVP та як воно може бути корисним.
Мінімальна версія продукту з ключовим функціоналом для валідації гіпотез з реальними користувачами. Допомагає швидко зібрати фідбек і не витрачати ресурси на непотрібне.
Як правильно передати дизайн розробникам?
Все підписано та зрозуміло, де готові екрани. Є примітки та нотатки. Комунікація з самими розробниками. Якщо потрібна десь анімація, то показати, як це повинно виглядати.
Spotify хоче редизайн кнопки Play. Скільки часу тобі треба?
Ваша відповідь.
Клієнт каже: 'Нам не потрібні інтерв'ю, ми й так знаємо, що наш юзер — Марія, 25 років, любить каву'. Які ризики такого підходу?
Демографічний портрет (вік + хобі) не пояснює поведінку. Тисячі жінок 25 років, які люблять каву, можуть хотіти абсолютно різних речей.
Дизайнер зробив 5 яскравих CTA-кнопок на одному екрані, бо "всі дії важливі". У чому помилка і як виправити?
Якщо все важливе — нічого не важливе. Відсутня ієрархія дій. Рішення: одна primary action на екран, решта — secondary або ghost. Ієрархія будується через розмір, колір та вагу.
Клієнт каже: "нам потрібен повний редизайн". Що запитаєш першим?
"Яка проблема, яку ви хочете вирішити?" — бо "редизайн" це рішення, а не проблема. Можливо насправді падає конверсія на одному екрані, або юзери не знаходять конкретну функцію. Повний редизайн — дорого і ризиковано.
Що таке cognitive load і як зменшити його у формі реєстрації з 10+ полів?
Cognitive load — це розумове навантаження при обробці інформації. У формі з 10+ полів його знижують розбивкою на кроки, групуванням пов'язаних полів, видаленням усього зайвого автозаповненням та масками.
Чому каналізаційні люки круглі?
Не можуть провалитися всередину (немає діагоналі), легше котити, безпечніші.
Юзери на інтерв'ю кажуть: "так, я б точно використовував цю функцію". Після релізу — ніхто не використовує. Чому так сталось і як цього уникнути?
Люди говорять що хотіли б робити, а не що роблять насправді і на інтерв'ю юзер відповідає соціально бажано. Вартує спостерігати на тестах за реальною поведінкою (session recordings, analytics, usability test) + фокус на реальній ситуації, а не на гіпотетичному бажанні
Дай 5 валідних порад новачку, як не залажати візуальну частину інтерфейсу.
Ваша відповідь.
Як тестувати дизайн? Розкажи про вимоги задач для тестінгу та можливі помилки при тестування.
Вимоги до завдань: реалістичні сценарії, чіткі цілі, без підказок. Помилки: навідні запитання, тестування на друзях/колегах (в більшій частині), ігнорування контексту, малий розмір вибірки.
Користувач каже, що додаток 'складний', хоча візуально він ідеальний. Як довести бізнесу, що інтерфейс треба переробляти?
Найкращий аргумент це Completion Rate. Якщо користувач не може завершити покупку або реєстрацію, бізнес втрачає гроші прямо зараз. Аналогічно можна показати на реальних прикладах (записах/ Usability тестах), як юзери взаємодіють з інтерфейсом і не можуть досягнути мети.
Як би можна було зробити редизайн однієї повсякденної речі, що б це було і що саме ви би змінювали?
Ваша відповідь.