Рекомендации по внедрению информационной архитектуры
Применяется к следующей рекомендации контрольного списка по оптимизации взаимодействия Well-Architected Framework в Power Platform:
| XO:03 | Внедрите согласованную информационную архитектуру. Упростите поиск информации и функций. Предоставляйте контекстные подсказки и визуальные индикаторы для помощи пользователям. Используйте единообразные и удобные метки для категорий, навигации и других информационных элементов. |
|---|
В этом руководстве описаны рекомендации по разработке эффективной информационной архитектуры для вашей рабочей нагрузки.
Ключевые стратегии проектирования
Информационная архитектура относится к организации и структуре содержимого и функций системы. Она влияет на то, как пользователи воспринимают, понимают систему и перемещаются в ней. Хорошо организованная система должна иметь информационную архитектуру, в которой потребности и задачи пользователя имеют приоритет над внутренней логикой системы или техническими ограничениями. Такой подход гарантирует, что пользователи смогут легко и эффективно находить необходимую им информацию и функции и получать к ним доступ.
Обеспечение согласованности структур навигации
Согласованная навигация улучшает ориентацию пользователя в рабочей нагрузке, обеспечивая плавный переход между страницами или экранами. Навигация должна быть понятной, интуитивно понятной и предсказуемой. Используйте одни и те же элементы навигации — меню, вкладки, навигационные цепочки и кнопки — по всей рабочей нагрузке и размещайте их в одинаковых местах. Убедитесь, что навигация отражает иерархию и отношения содержимого, чтобы пользователи могли легко определить свое текущее местоположение и потенциальные пункты назначения.
Использование единообразных и удобных для пользователя подписей
Подписи — это термины, используемые для идентификации и объяснения содержимого и функций, таких как заголовки, колонтитулы, меню, кнопки и ссылки. Четкие и единообразные подписи помогают пользователям понимать рабочую нагрузку и легко ориентироваться в ней, а также эффективно выполнять свои задачи. Ярлыки должны быть единообразными по тону, языку и формату, и в них должны использоваться термины, которые являются знакомыми и предпочтительными для пользователей. Например, если вы используете термин «учетная запись» для обозначения профиля и параметров пользователя, используйте его последовательно на протяжении всей рабочей нагрузки и избегайте использования таких синонимов, как «профиль» или «параметры».
Элементы навигации должны иметь четкие и описательные подписи, указывающими на цель и назначение каждого элемента. Пользователи должны иметь возможность понимать, что делает каждый элемент и куда он ведет, не нажимая на него. Например, пункт меню с подписью "Продукты" предоставляет больше информации, чем пункт с подписью "Меню 1".
Предоставляйте контекстные подсказки и визуальные индикаторы для помощи пользователям
Контекстные подсказки и визуальные индикаторы — это элементы, которые помогают пользователям понять значение и функцию вашего содержимого и функций. Примеры: значки, подписи, цвета, шрифты и изображения. Они должны быть единообразными по стилю, размеру и смыслу, а также соответствовать ожиданиям и стандартам пользователя. Например, если вы используете значок лупы для обозначения функции поиска, используйте его последовательно во всем продукте и убедитесь, что он ведет себя одинаково при каждом использовании.
Использование поэтапного представления информации
Поэтапное представление информации позволяет пользователям сосредоточиться на основных задачах и целях, сводя к минимуму отвлечение на второстепенную или нерелевантную информацию и функции. Предоставляйте нужное количество информации и функций в нужное время, используя такие методы, как скрытие, свертывание, развертывание или раскрытие содержимого и функций по мере необходимости. Не перегружайте и не отвлекайте пользователя слишком большим или слишком малым количеством информации и функций. Позвольте пользователям управлять уровнем детализации и сложности элементов для просмотра и взаимодействий.
Квинтэссенцией поэтапного представления информации является модель мастера. Мастер — это пошаговый процесс, который позволяет пользователям вводить или просматривать информацию в заданном порядке, при этом последующие шаги могут зависеть от информации, введенной на предыдущих. Разбивка сложных процессов на более мелкие последовательные шаги снижает когнитивную нагрузку на пользователя по сравнению с раскрытием всех полей и информации одновременно. Этот подход предоставляет то же содержимое в более управляемом и удобном для пользователя формате.
Классификация информации и функций
Упорядочивание информации и функций в содержательные и логические группы упрощает пользователям поиск и доступ к информации и функциям вашей рабочей нагрузки. Группируйте контент и функциональные возможности по значимым и логическим категориям с подписями в зависимости от потребностей, задач и целей пользователей. Используйте категории, которые являются взаимоисключающими и исчерпывающими, где каждый элемент принадлежит только одной категории и все элементы распределены по категориям. Обязательно используйте категории, которые являются последовательными и связными, а элементы в каждой категории имеют общую характеристику или критерий.
Группируйте информацию и функции в иерархии
Упорядочивайте и отображайте содержимое и функции в иерархическом порядке в зависимости от важности, частоты или последовательности использования. Используйте подход «сверху вниз» или «снизу вверх», в зависимости от предпочтений и поведения пользователей. Используйте неглубокую или глубокую иерархию, в зависимости от количества и сложности содержимого и функций. Используйте визуальные подсказки и индикаторы, такие как размер, цвет, форма или положение, чтобы показать иерархические отношения и уровни.
Возможности в Power Platform
Навигация в приложении на основе модели позволяет настраивать группировку страниц на различных уровнях. Конструктор приложений предоставляет вам возможность управлять формами, представлениями и настраиваемыми страницами в приложении.
Приложения на основе холста состоят из экранов, в которых навигация осуществляется с использованием собственных компонентов. Например, вы можете использовать галерею или контейнер с вертикальным макетом для создания списков элементов в качестве узлов, где каждый узел содержит доступный для нажатия элемент, такой как кнопка для перехода между экранами. Рассмотрите возможность использования пользовательских компонентов для реализации повторно используемых компонентов глобальной навигации, которые появляются на каждом экране.
Элемент управления Nav в наборе создателя — это хороший вариант для основной навигации. Список вкладок обычно используется для вторичной навигации для переключения содержимого на экране. Используйте современный элемент управления "ссылка" для того, чтобы запустить веб-страницу или приложение на основе холста. Универсальная навигация к ресурсам может быть размещена в глобальном заголовке приложения путем наложения интерактивных значков навигации (или значков Fluent) над заголовком в контейнере.
Чтобы реализовать шаблон мастера, используйте Компонент SubwayNav из набора создателя.
Дополнительные сведения
Навигация в приложении на основе холста