Дизайн взаємодії – це важливий компонент у рамках «парасольки UX design». У цій статті ми з легкістю пояснимо, що таке «interaction design», опишемо кілька корисних моделей такого дизайну і звичайно ж, розповімо, що робить «interaction design»
Просто і корисне розуміння дизайну взаємодії.
Суть «interaction design» можна пояснити найпростішими словами. Це дизайн взаємодії між користувачами та продуктом. Найчастіше, коли люди говорять про дизайн взаємодії, вони мають на увазі програмні продукти, такі як програми або веб-сайти. Мета оформлення взаємодії – створити продукт, який допоможе користувачеві досягти його/її цілей найкращим можливим шляхом.
Якщо це визначення звучить широко, це тільки тому, що сфера як така досить широка: взаємодія між користувачем і товаром часто включає такі елементи, як: естетика, рух, звук, простір та багато іншого. І, звичайно, кожен з цих елементів може додатково включати більш вузькі сфери дизайну. Наприклад, звуковий дизайн для створення звуку у споживчій взаємодії.
Як Ви вже зрозуміли, існує велика схожість між дизайном взаємодії та UX дизайном. Незважаючи на те, що UX дизайн – це все про формування досвіду споживача і більша частина цього досвіду включає певну взаємодію між продуктом та користувачем, все-таки UX дизайн – це більше ніж дизайн взаємодії: він також включає дослідження споживачів (хто наша цільова аудиторія ), створення портрета споживача (чому і за яких умов він буде використовувати наш продукт), споживче тестування, тестування корисності та можливості використання (usability) і т.д.
5 аспектів дизайну взаємодії.
5 аспектів дизайну взаємодії – це зручна і проста для розуміння модель, яка доступно пояснює, що конкретно включає в себе interaction design. Джилліан Кремптон Сміт (Gillian Crampton Smith), дослідник дизайну взаємодії, вперше представила концепцію чотирьох аспектів «мови» дизайну взаємодії, до якої пізніше Кевін Сільвер (Kevin Silver), старший interaction designer в IDEXX Laboratories, додав п’ятий аспект.
1-й аспект. Слова
Слова – те, що особливим чином використовується при взаємодії. Вони, як ярлики на кнопках, мають бути значущими та простими для розуміння. Слова потрібні для того, щоб доступно доносити інформацію до споживачів, але не надто їх перевантажувати.
2-й аспект. Візуальна вистава
Цей аспект стосується таких графічних елементів, як: картинки, друкарня та іконки, з якими споживач стикається під час взаємодії. Вони зазвичай грають підтримуючу роль слів, які використовуються при донесенні споживачеві потрібної інформації.
3-й аспект. Фізичний об’єкт чи простір.
Через які саме фізичні об’єкти споживач може взаємодіяти із продуктом? Наприклад, ноутбук. Споживач використовує мишку чи тачпад? Або смартфон, у якому він використовує палець? І у межах якого простору споживач робить це? Наприклад, споживач використовує програму у своєму смартфоні в той час, як сам стоїть у наповненому тролейбусі? Чи сидить за комп’ютером в офісі, гортаючи сторінку веб-сайту? Це впливає на взаємодію між споживачем і продуктом.
4-й аспект. Час
Хоча на перший погляд, цей аспект звучить трохи абстрактно, він переважно відноситься до медіа, які змінюються з часом (анімація, відео, звуки). Рухи та звуки відіграють ключову роль у подачі візуального та аудіо зворотного зв’язку при споживчій взаємодії. Також береться до уваги кількість часу, який споживач проводить, взаємодіючи з продуктом: чи може споживач відстежити свій прогрес або підбити підсумки взаємодії через деякий час?
5-й аспект. Поведінка
Поведінка включає сам механізм використання продукту: як споживачі створюють активність на веб-сайті? Як споживачі керують товаром? Інакше кажучи, це те, як попередні аспекти визначають взаємодію Космосу з продуктом. Поведінка також включає реакцію. Наприклад, емоційні відповіді чи зворотний зв’язок споживачів.
Як взаємодіють 5 ключових аспектів між собою в interaction design можна подивитися на наведеній нижче анімації:
Важливі питання, які задають дизайнери взаємодія
Як дизайнери взаємодії працюють з моделлю 5-ти аспектів для створення значущої взаємодії? Щоб це зрозуміти, ми розглянули кілька важливих питань, які дизайнери ставлять під час розробки дизайну для споживачів, наданих Usability.gov.
Що повинен вміти зробити споживач, використовуючи свою мишку, палець чи стілус для прямої взаємодії з інтерфейсом? Це допомагає нам визначити можливості взаємодії споживача із продуктом.
Що стосується ся зовнішнього вигляду (колір, форма, розмір та інше), який дає споживачеві ключ про те, яку функцію несе продукт? Це допомагає нам дати споживачеві підказку про те, яка поведінка можлива.
Чи забезпечують повідомлення про помилку споживачеві шлях до вирішення проблеми та чи пояснюють вони причини виникнення помилки? Це дозволяє нам прогнозувати та усувати помилки.
Який зворотний зв’язок отримує споживач після виконання першої дії? Це допомагає нам бути впевненим, що система надає зворотний зв’язок у потрібний час після дії споживачем.
Чи припустимого розміру елементи інтерфейсу для зручної взаємодії з ними? Питання такого характеру допомагають нам мислити стратегічно про кожен елемент, який використовується у продукті.
Чи використовується неформальний або стандартний формат? Стандартні елементи та формати використовуються для спрощення та підвищення навчальності продуктом.
Отже, що роблять дизайнери взаємодії?
Що ж, це залежить багато від чого.
Наприклад, якщо компанія велика і має достатні ресурси, вона може мати окремі посади для UX дизайнера та дизайнера взаємодії. У великих дизайнерських командах також може бути UX дослідник, інформаційний архітектор, дизайнер взаємодії і візуальний дизайнер. Але для менших компаній і команд більшість роботи в UX дизайні може бути виконано 1-2 людьми, хто носить або не носить горде звання «interaction designer». У будь-якому випадку, ось кілька завдань дизайнера взаємодії, які щодня потрапляють їм до рук:
Стратегія дизайну
Це стосується того, які цілі стоять перед споживачем і, у свою чергу, яка взаємодія потрібна для досягнення цих цілей. Залежно від компанії, дизайнеру, можливо, знадобиться провести дослідження для визначення цілей, які стоять у споживачів перед створенням стратегії, яка пізніше переросте у взаємодію.
Каркаси (wireframes)* і прототипи
Знову ж таки, це залежить від опису посади дизайнера в компанії, але більшості дизайнерів взаємодії ставлять завдання створення каркасів, які вибудовують взаємодію в продукті. Іноді дизайнери взаємодії повинні також створювати прототипи взаємодії та/або високоточні прототипи, які виглядають так само, як актуальна програма або вебсайт.
Вникнути глибше у дизайн взаємодії
Якщо Ви хочете дізнатися більше про дизайн взаємодії, Ви можете прочитати бриф Interaction design (англійською мовою) від Джонаса Лувгрена (Jonas Lowgren), який є частиною нашої Енциклопедії взаємодії людини та комп’ютера. Цей бриф забезпечить авторитетне «входження» в тему так само добре, як і інші посилання, якими Ви можете дізнатися більше.
Рекомендації та де дізнатися більше:
5 dimensions of interaction design – http://www.uxmatters.com/mt/archives/2007/07/what-puts-the-design-in-interaction-design.php
Questions to consider when designing for interaction – http://www.usability.gov/what-and-why/interaction-design.html
*Wireframes (структурна схема сторінок) – представляє варіант компонування матеріалу на сторінках сайту. Є важливою частиною розробки, оскільки допомагає користувачам на ранній стадії зрозуміти, як виглядатиме кінцевий продукт, оцінити інформативність та компонування елементів.
Залишити відповідь