21

2.2018

Інтерактивний дизайн або дизайн взаємодії (Interaction Design, IxD)

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


Існує декілька критеріїв для оцінки чи ефективною є взаємодія у вашому проекті

Найбільш поширений критерій – юзабіліті (usability), тобто зручність — цей критерій завжди буде в центрі уваги і є пріоритетним для всіх етапів розробки UI / UX / IxD. Всі дизайнерські рішення і технічні фічі інтерфейсу повинні працювати на зручність для користувачів.

5 класичних принципів оцінки юзабіліті:

  • навчальність — наскільки швидко користувач зможе навчитись користуватись інтерфейсом?
  • ефективність — наскільки швидко користувач зможе вирішувати свої завдання чи потреби?
  • помилки — скільки помилок робить користувач в процесі використання інтерфейсу? Як швидко вони долаються?
  • пам’ять — наскільки швидко юзери зможуть згадати інтерфейс після повернення до нього через деякий час?
  • задоволення — чи отримують користувачі задоволення від користування інтерфейсом?

Також існує три виміри в яких потрібно балансувати розробникам інтерфейсів для покращення взаємодії

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

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

Наприклад, кнопка включення відео однозначно пояснює що потрібно зробити. Якщо відео буде без явної кнопки PLAY, його можна сприйняти за статичну картинку.

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

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

Зворотній зв’язок може підтверджуватись звуком, тактильною вібрацією, зміною кольору або анімацією. Це може бути будь-яка дія, яка дасть розуміння що взаємодія відбулась.

Очевидно, дуже важливо щоб зворотній зв’язок відбувався вчасно. Будь яка затримка може знищити діалог користувача з інтерфейсом і буде дратувати користувача.

Інші важливі моменти використання взаємодії:

  • Інформуйте своїх користувачів про, ще що відбувається у кожному кроці. В них не має часу і бажання розбиратись в цьому.
  • Намагайтесь підтримувати взаємозв’язок, а відповідно і діалог з користувачем. Це повинно бути ненав’язливо і природно.
  • Вкажіть (підштовхніть, поясніть) відвідувачі зрозумілу йому ціль взаємодії.
  • Навігація повинна бути зрозумілою і очевидною.
  • Професійно розроблений інтерфейс — це великий крок на зустріч вашим споживачам, який вони неодмінно оцінять!