Поделиться через


Рекомендации по приоритету простоты использования

Применяется к следующей рекомендации контрольного списка по оптимизации взаимодействия Well-Architected Framework в Power Platform:

XO:04 В процессе проектирования отдавайте приоритет простоте использования. Минимизируйте усилия пользователя при максимальной эффективности выполнения задач. Оптимизируйте сложные процессы. Обеспечьте соответствие проектных решений потребностям пользователей.

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

Ключевые стратегии проектирования

Удобство использования — это атрибут качества, который оценивает, насколько просты в использовании пользовательские интерфейсы. Термин «удобство использования» также относится к методам повышения удобства использования в процессе проектирования.

Удобство использования определяется пятью качественными компонентами:

Компонент Описание
Обучаемость Насколько легко можно выполнить задачи с первого раза и как быстро пользователи учатся на своем предыдущем опыте?
Эффективность Как быстро пользователи смогут выполнять задачи после того, как пользователи освоят дизайн?
Запоминаемость Когда пользователи возвращаются к дизайну после некоторого периода его неиспользования, насколько легко они могут восстановить навыки?
Ошибки Сколько ошибок совершают пользователи, насколько серьезны эти ошибки и насколько легко они могут исправить ошибки?
Степень удовлетворенности Насколько приятно пользоваться дизайном?

Видимость состояния системы

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

Отображение важных сведений о текущем состоянии системы в четких и интуитивно понятных местах. Например, если элементы выбраны из списка, должно отображаться количество выбранных элементов.

Снимок экрана, показывающий число выбранных элементов.

Используйте индикаторы выполнения или анимацию загрузки, чтобы убедить пользователей в том, что их запрос обрабатывается. Эти визуальные индикаторы предотвращают разочарование от неопределенности и помогают управлять ожиданиями. Без них пользователи могут воспринимать систему как медленную или не отвечающую на запросы и отказаться от выполнения задачи.

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

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

Отражение реального мира

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

Используйте терминологию и понятия, знакомые пользователям, и избегайте жаргона, который может их оттолкнуть. Люди склонны быстро понимать цель и функциональность системы, когда она говорит на их языке.

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

Снимок экрана обязательного поля формы адреса электронной почты с неправильно введенным адресом электронной почты и ошибкой, указывающей на неверный формат адреса электронной почты.

Пользовательский контроль и свобода

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

Снимок экрана нейтральной кнопки с надписью «Назад» рядом с основной кнопкой с надписью «Далее».

Если это целесообразно, поддерживайте различные методы ввода, чтобы удовлетворить потребности пользователей с разными предпочтениями и потребностями в доступности. Сочетания клавиш, сенсорные жесты, голосовые команды или щелчки мыши позволяют пользователям взаимодействовать с интерфейсом предпочтительным способом.

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

Согласованность и стандарты

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

Если повторяющиеся шаблоны интерфейса кажутся разными, пользователям будет сложно интерпретировать смысл введенных изменений, что приведет к неэффективности понимания и выполнения задач. Использование соответствующего набора элементов управления помогает обеспечить единообразие визуальных элементов на разных экранах и в разных средах.

Снимок экрана, показывающий две разных шаблона пользовательского интерфейса, один для открытия следующего экрана с помощью элемента управления «Кнопка», и другой шаблон для открытия экрана с помощью элемента управления «Ссылка».

Предотвращение ошибок

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

Снимок экрана с образцом проверки формы перед отправкой.

Узнавание, а не припоминание

Минимизируйте нагрузку на память пользователя, сделав объекты, действия и параметры видимыми. Пользователю не придется запоминать информацию из одной части приложения для использования в другой. Инструкции должны быть видимыми или легкодоступными, когда это необходимо.

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

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

Снимок экрана сравнения контрольного списка с набором опций и набором полей ввода текста для произвольного текстового ответа.

Гибкость и эффективность использования

Учитывайте пользователей разного уровня знаний, добавляя такие функции, как ускорители и параметры настройки. Такой подход позволяет интерфейсу эффективно адаптироваться к потребностям и предпочтениям как новичков, так и опытных пользователей.

Ускорители, которые начинающие пользователи часто не замечают, могут ускорить взаимодействие для опытных пользователей, позволяя системе эффективно обслуживать как неопытных, так и опытных пользователей.

Возможности настройки позволяют пользователям адаптировать интерфейс к своим предпочтениям, персонализируя общий опыт. Предоставление возможностей по перестановке элементов интерфейса (например, карточек информационной панели) или созданию персонализированных ярлыков для часто используемых функций повышает эффективность и комфорт пользователя при навигации по системе. Учет разнообразных навыков и предпочтений пользователей способствует формированию чувства причастности и личного вклада в опыт.

Снимок экрана, показывающий панель фильтров со ссылкой на сохраненные фильтры, за которой следуют основные возможности фильтрации.

Эстетичный и минималистичный дизайн

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

Диалоги не должны содержать неактуальную или редко нужную информацию. Каждая дополнительная единица информации в диалоге конкурирует с релевантными единицами информации и снижает их относительную заметность.

Снимок экрана диалогового окна с кратким практическим вопросом, с основной кнопкой, на которой написано «да», и вторичной кнопкой, на которой написано «нет».

Помогите пользователям распознавать, диагностировать ошибки и устранять их

Сообщения об ошибках должны быть выражены простым языком без кода, точно указывать на проблему и конструктивно предлагать решение.

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

Снимок экрана сообщения об ошибке с четким объяснением сообщения и предложениями повторить попытку.

Справочные материалы и документация

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

Снимок экрана интерфейса панели справки, доступного из верхней панели команд.

Возможности в Power Platform

Интерфейсы на базе Copilot в Power Apps могут помочь пользователям получать ценную аналитику во время разговоров:

Для приложений на основе холста вы можете указывать ход выполнения и состояние загрузки с помощью современных элементов управления индикатор выполнения и счетчик. Используйте элемент управления эмблемы, чтобы отобразить информацию о состоянии.

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

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

Контрольный список оптимизации взаимодействия