Определение требований к пользовательскому интерфейсу

Завершено

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

Форм-фактор

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

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

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

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

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

Изображение: пример отчета о складских запасах, который работник склада просматривает через устройство дополненной реальности

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

Метод ввода

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

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

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

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

Стиль и тема

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

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

  • Торговый знак или логотип.

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

  • Параметры текста, включая шрифт, размер и цвет.

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

Специальные возможности

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

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

Для людей со слабым зрением придерживайтесь следующих рекомендаций:

  • четкие и крупные шрифты;

  • крупные визуальные элементы с достаточным пространством между ними;

  • достаточно контрастные цвета;

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

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