Рекомендації щодо пріоритетності зручності використання

Застосовується до цієї Power Platform рекомендації щодо контрольного списку оптимізації добре архітектурного досвіду:

ХО:04 Віддавайте перевагу простоті використання в процесі проектування. Мінімізуйте зусилля користувачів і максимізуйте ефективність завдань. Оптимізуйте складні процеси. Узгоджуйте дизайнерські рішення з потребами користувача.

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

Ключові стратегії дизайну

Юзабіліті – це атрибут якості, який оцінює, наскільки прості у використанні інтерфейси користувача. Під словом «юзабіліті» також маються на увазі методи підвищення зручності використання в процесі проектування.

Зручність використання визначається п’ятьма складовими якості:

Компонент Опис
Здатність до навчання Наскільки легко можна виконати завдання з першого разу і як швидко користувачі вчаться на своєму попередньому досвіді?
Ефективність Після того, як користувачі вивчили дизайн, як швидко вони можуть виконувати завдання?
Запам’ятовуваність Коли користувачі повертаються до дизайну після періоду невикористання, наскільки легко вони можуть відновити навички?
Errors Скільки помилок роблять користувачі, наскільки серйозними є ці помилки та наскільки легко вони можуть відновитися після них?
Задоволеність Наскільки приємно користуватися дизайном?

Видимість стану системи

Система завжди повинна інформувати користувачів про те, що відбувається, за допомогою відповідного зворотного зв’язку протягом розумного часу.

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

Скріншот, що показує кількість вибраних елементів.

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

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

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

Відображайте реальний світ

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

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

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

Скріншот поля форми обов’язкової електронної адреси, з неправильно введеним email, що відображає помилку з вказівкою на неправильний формат електронної адреси.

Контроль і свобода користувача

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

Знімок екрана нейтральної кнопки з написом

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

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

Послідовність і стандарти

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

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

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

Профілактика помилок

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

Скріншот перевірки зразка форми перед відправкою.

Впізнавання, а не пригадування

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

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

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

Скріншот порівняння чек-листа з набором опцій та набором полів для введення тексту для вільної текстової відповіді.

Гнучкість та ефективність використання

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

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

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

Знімок вікна, на якому показано панель фільтрів із посиланням на збережені фільтри, а потім основний досвід фільтрації.

Естетичний та мінімалістичний дизайн

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

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

Знімок екрана діалогового вікна з лаконічним запитанням, яке можна виконати, з основною кнопкою, яка каже «так», і додатковою, яка каже «ні».

Допомагайте користувачам розпізнавати, діагностувати та відновлюватися після помилок

Повідомлення про помилки повинні бути висловлені простою мовою без коду, точно вказувати на проблему і конструктивно пропонувати рішення.

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

Скріншот повідомлення про помилку з чітким поясненням повідомлення та пропозиціями повторити спробу.

Довідка й документація

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

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

Power Platform Сприяння

Досвід Power Apps на основі Copilot може допомогти користувачам отримати цінну інформацію під час розмов:

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

Впроваджуйте надійну обробку помилок у програмах полотна на клієнті за допомогою Power Fx виразів, пов’язаних із помилками. Визначте власні помилки на стороні сервера за Power Fx допомогою плагінів з низьким кодом, які включають перевірку перед операцією.

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

Чек-лист оптимізації досвіду