Проектування взаємодії (9)

1.

Проектування для
взаємодії

2.

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

3.

Етапи проєктування взаємодії
Проєктування
інтерфейсів
можна
поділити на такі етапи:
Опис продукту
Проєктування взаємодії
Розробка
схематичних
уявлень
інтерфейсу
Створення і тестування прототипу

4.

Як покращити показники взаємодії
користувачів
Кожен дизайнер інтерфейсу хоче залучати
їх до бази користувачів. Саме в цьому суть
веб-сайту або мобільного додатку: щоб
надати щось цінне, що отримують
відвідувачі. Але практично неможливо
виміряти взаємодію, якщо ви насправді не
спостерігаєте за взаємодією користувача з
вашим веб-сайтом. На щастя, є ключі та
показники,
які
можна
використовувати вивести взаємодію з
користувачем.

5.

Показники взаємодії
Програми Analytics може допомогти
відстежувати дані від усіх користувачів
вашого сайту. Складність полягає в
розумінні цих показників, того, що їх
викликає, і як їх покращити.
Google переглядає певні показники
сторінок для взаємодії, щоб дізнатися, чи
дійсно користувачі знаходять те, що вони
шукають на вашому сайті. Це важливо для
створення
справжнього
користувальницького досвіду.

6.

Багато хто буде стверджувати, що
сторінка за допомогою SERP ( сторінка
видачі результатів пошуку, яку часто
називають «пошукова видача або просто
«видача» клік через ставку і соціальні
акції є частиною відстеження взаємодії.
Це може бути так, але вони більше
стосуються концепцій поза межами
сайту, а не залучення на сторінці.

7.

Показники,
які
можна
покращити змінюючи свій дизайн на
яких ми зосереджуємося:
• Час на сторінці
• Сторінки на відвідування
• Показник відмов
• Повертається відсоток відвідувачів
(скільки повторних відвідувачів?)
• Повертається частота відвідувачів (як
часто?)

8.

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

9.

Різні стратегії користувача
Блоги залучають своїх читачів інакше, ніж
канали YouTube, і обидва вони залучають
людей інакше, ніж веб-програми SaaS.
Перше, що потрібно пам'ятати, що кожен
веб-сайт має користувачів, які по-різному
поводяться на основі вмісту.
Якщо ви хочете покращити взаємодію для
реєстрації користувачів, зробіть це більш
простий процес. Спробуйте додати форму
реєстрації на домашню сторінку, як Code
Academy.

10.

Різні стратегії користувача
Блоги залучають своїх читачів інакше, ніж канали
YouTube, і обидва вони залучають людей інакше, ніж вебпрограми SaaS. Перше, що потрібно пам'ятати, що кожен
веб-сайт має користувачів, які по-різному поводяться на
основі вмісту.
Якщо ви хочете покращити взаємодію для реєстрації
користувачів, зробіть це більш простий процес. Спробуйте
додати форму реєстрації на домашню сторінку, як Code
Academy. (навчіться інтерактивно кодувати безкоштовно)

11.

Альтернативно, творці продукту можуть
використовувати
безкоштовні
продукти заохочувати потенційних клієнтів до
якості їх вмісту. Ця методика використовується на
домашніх
сторінках
Ctrl
+
Paint,
які
спеціалізуються на відеоуроках для бажаючих
художників.

12.

Залучення вмісту до блогів
Мережа спочатку була створена як
носій для обмін та споживання вмісту.
Це все одно актуально і сьогодні, а обсяг
онлайн-контенту ніколи не був більшим.
Але як ви пишете вміст, який заохочує
відвідувачів залишатися і споживати?
Ось велика посада, що говорить про
невеликі
стратегії,
які,
здається,
окупаються.

13.

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

14.

Метод збільшення кількості переглядів
сторінок: пропонувати пов'язані історії,
популярні історії або недавні історії на бічній
панелі & після кожної публікації.
Це працює найкраще з ескізами
повідомлень, як зображення захоплюють
увагу швидше, ніж слова.
TechCrunch
освоїв
цю
техніку
з
відповідними публікаціями в обох бічних
панелях, перелічених після вмісту публікації, а
іноді навіть і в самому пості.

15.

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

16.

Залучення клієнтів на веб-сайтах
продуктів
Попкорн
метрики,
один
з
найпростіших метрик для веб-сайтів
продуктів є загальна кількість активних
користувачів. Це загальна кількість
унікальних користувачів, які увійшли в
сайт або виконали дію (наприклад,
оновили свій профіль) за встановлений
період часу.

17.

Найкращий відгук - це взаємодіяти з
користувачами, і оцінюйте їх зворотний
зв'язок. Що вони дійсно хочуть? Чи є
якісь сучасні функції, які здаються
дратівливими,
непотрібними
або
надмірно заплутаними? Ви не завжди
можете відповісти на ці питання
виключно за допомогою вивчення
показників,
так
що
ви
можете
захотіти звернутися до користувачів для
введення.

18.

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

19.

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

20.

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

21.

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

22.

Чотири з п'яти аспектів (англ.
Dimension)
проєктування
вперше
описав Могрідж у своїй книзі книзі
«Designing Interactions». П'ятий аспект
пізніше ввів Кевін Сілвер. До аспектів
дизайну взаємодії належать:
слова;
візуальне уявлення;
фізичні об'єкти або простір;
час;
поведінка.

23.

Асоціація
інтерактивного
дизайну
(Interaction Design Association, IxDA)
була створена 2003 року для
підтримки
спільноти.
Організація
налічує понад 80 000 членів та більше
173 місцевих груп. IxDA організовує
щорічну конференцію з інтерактивного
дизайну Interaction та нагородження
Interaction Awards.