Що таке прототип гід по функціональному ux дизайну

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

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

Що ж таке прототип?

Ось саме загальне визначення:

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

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

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

Прототипи володіють чотирма основними якостями:

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

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

форми прототипів

паперовий прототип

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

Зазвичай подібні прототипи тестуються в такий спосіб: вибирається людина, що грає роль «продукту», який змінює начерки відповідно до того, як буде вести себе користувач.

переваги

• Швидкість. Ви можете створити паперовий прототип протягом 5 хвилин, ось чому він ідеально підходить для тестування ідей. Малюнок просто виконати безпосередньо в процесі наради, проілюструвавши свої задумки.
• Доступність. Для створення подібного прототипу знадобиться тільки папір і офісне приладдя, тому вони практично безкоштовні. Щоб зробити такий прототип більш детальним можна придбати спеціальне обладнання таке, як трафарети, але це зовсім не обов'язково.
• Сполучені команди. Створення паперових прототипів - захоплююче заняття, яке об'єднує людей і зміцнює командний дух.
• Документація. На відміну від цифрових прототипів, паперові можуть зберігатися як документи, на них можна залишати позначки і швидко вносити зміни.

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

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

цифрові прототипи

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

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

• Реалістичність взаємодії. Використовуючи цю форму, ви зможете зрозуміти, як користувачі будуть взаємодіяти з інтерфейсом кінцевого продукту (це залежить від деталізації прототипу).
• Гнучкість. Ви можете розробити прототип менш деталізовану, який буде вдосконалюватися в процесі розробки дизайну.
• Швидкість. Звичайно, створення паперових прототипів займає набагато менше часу, але якщо вам потрібен прототип в електронному форматі, то цифрові прототипи створюються набагато швидше, ніж HTML. При цьому швидкість залежить від обраного вами додатки, але багато хто з них мають зрозумілий інтерфейс і інтерактивні елементи, які легко використовувати.

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

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

HTML прототипи

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

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

Процес створення прототипів

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

Цифровий з низьким рівнем деталізації - цифровий з високим рівнем деталізації - програмування

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

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

Паперовий - цифровий з низьким рівнем деталізації - програмування

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

HTML - програмування

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