Комплексные приложения: 8 универсальных советов


10.12.2020 Время чтения - 10 минут 962

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


Подписывайтесь на наш телеграм-канал — https://t.me/uxidesign


Что из себя представляет комплексное приложение?

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

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

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

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

1. Продвигайте обучение через действие

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

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

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

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

2. Помогите пользователям использовать более эффективные методы

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

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

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

снимок экрана настольного приложения со всплывающей подсказкой: Добавить данные.  Добавьте новые данные в активный фрейм данных карты.  Совет: Вы также можете перетащить данные на карту из окна Каталога.
ArcMap — программа обработки геопространственных данных. Она предоставляет контекстную справку, предупреждая пользователей об альтернативном, более быстром способе добавления данных на карту, когда они наводят курсор на элемент в панели инструментов.

3. Обеспечьте гибкие и плавные пути

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

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

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

снимок экрана настольного приложения с картой последовательности с 8 интерактивными целями (событие, настройки, настройка, очистка, управление, оценка, завершение, результаты)
Mastercard Test & Learn — аналитическое приложение с самообслуживанием, использует мастеров, чтобы направлять пользователей через сложные задачи, но обеспечивает гибкость с помощью интерактивной карты последовательности, которая позволяет пользователям перемещаться вперед и назад через шаги последовательности по своему усмотрению.

4. Помогите пользователям отслеживать действия и мыслительные процессы.

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

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

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

2 скриншота одного и того же веб-приложения.  один показывает возможность добавления комментария во время анализа данных.  второй снимок экрана показывает, как пользователь обращается к ранее созданному комментарию в модели данных.
TreeAge — программное обеспечение для моделирования, которое позволяет пользователям вводить открытые комментарии во время анализа и моделирования данных (вверху), к которым можно будет получить доступ позже (внизу).

5. Координируйте переход между несколькими инструментами и рабочими пространствами

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

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

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

снимок экрана панели мониторинга с несколькими значками в правом верхнем углу каждого элемента панели.  Один значок отображает всплывающую подсказку при наведении курсора: «Копировать визуальный элемент как изображение».
Microsoft Power BI — приложение для бизнес-аналитики. Оно предоставляет функцию копирования визуальных элементов в виде изображений, позволяя пользователям быстро записывать и вставлять визуализации данных во внешние приложения.

6. Уменьшите беспорядок, не уменьшая возможностей

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

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

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

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

7. Легкость перехода между основной и вторичной информацией

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

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

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

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

8. Сделайте важную информацию визуально заметной

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

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

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

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

Вывод

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

  1. Поощряйте обучение на практике.
  2. Помогите пользователям использовать более эффективные методы для выполнения своих задач.
  3. Обеспечьте гибкие и плавные пути для рабочих процессов.
  4. Помогите пользователям отслеживать действия и мыслительные процессы.
  5. Координируйте переход между несколькими инструментами и рабочими пространствами.
  6. Уменьшите беспорядок, не уменьшая возможностей и функционала.
  7. Легкость перехода между основной и вторичной информацией.
  8. Сделайте важную информацию визуально более заметной.

Источник

Читайте также: Фигма: Все, что вам нужно знать

UX/UI Designer

*Клик*