Перейти до основного вмісту

ArcGIS Business Analyst

ArcGIS Business Analyst

Чи справді ваші бізнес-звіти зручні для сприйняття?

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

Навіть якісна інфографіка може бути перевантаженою:

  • складна навігація між блоками;
  • неочевидна структура;
  • важкі для читання таблиці;
  • надлишок візуальних елементів;
  • проблеми зі сприйняттям під час презентацій або роботи на різних екранах.

У результаті користувач витрачає більше часу на пошук потрібної інформації замість аналізу даних.

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

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

Для компаній це означає:

  • кращий UX;
  • зрозуміліші аналітичні матеріали;
  • єдині стандарти оформлення;
  • більш професійний вигляд звітів;
  • простіше масштабування шаблонів інфографіки між командами.

ArcGIS Business Analyst Web App уже містить вбудовані accessibility-інструменти, які допомагають створювати структуровані, зрозумілі та професійні інфографіки без додаткової розробки.

Розглянемо основні можливості.

ARIA-мітки: коли елементи “розповідають” про себе

Одним із головних інструментів доступності є ARIA labels (Accessible Rich Internet Applications).

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

Наприклад, кнопка або діаграма можуть мати прихований опис:

“Діаграма витрат населення за категоріями”.

Завдяки цьому користувач розуміє, що саме знаходиться на екрані.

зображення взято з сайту Esri

зображення взято з сайту Esri

 

У ArcGIS Business Analyst Web App можна додавати або редагувати ARIA-мітки для елементів інфографіки.

Як додати ARIA-мітку

  1. Наведіть курсор на панель.
  2. Натисніть Edit.
  3. У розділі Accessibility знайдіть поле Aria label.
  4. Введіть зрозумілий опис елемента.

Aria label option

зображення взято з сайту Esri

 

За замовчуванням ArcGIS Business Analyst автоматично формує aria-описи на основі:

  • назв шарів;
  • властивостей діаграм;
  • назв змінних.

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

Таблиці даних і підтримка скрінрідерів

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

У Business Analyst є можливість позначити таблицю як Data Table.

Як активувати Navigate as data table

  1. Наведіть курсор на таблицю.
  2. Натисніть Edit.
  3. Увімкніть параметр:
    Navigate as data table.

Mark a table as informative option

зображення взято з сайту Esri

 

Також у налаштуваннях таблиці доступна опція:
Mark a table as informative.

Вона допомагає assistive technologies коректно визначати таблицю як інформаційний елемент сторінки.

Після активації Navigate as data table скрінрідер:

  • окремо визначає заголовки стовпців;
  • читає комірки як структуровані дані;
  • правильно озвучує зв’язок між колонками та значеннями.

Наприклад:

  • “NAICS Code - column header”;
  • “73 - cell”.

Example of HTML for an informative table in an infographic

зображення взято з сайту Esri

 

Наприклад, шаблон інфографіки Retail Demand by Industry (Tabular) використовує data tables для відображення витрат за галузями у вигляді рядків і стовпців.

Після активації параметра Navigate as data table скрінрідер може правильно інтерпретувати структуру таблиці:

  • заголовки колонок визначаються як column header;
  • значення - як окремі cells.

Це значно покращує сприйняття табличних даних користувачами assistive technologies.

Групування панелей для кращої навігації

Ще одна важлива можливість -групування елементів у панелі.

Скрінрідери читають інфографіку як ієрархію регіонів:

  • top-level navigation — переміщення між основними панелями та блоками;
  • second-level navigation — навігація всередині конкретної панелі.

Саме тому правильне групування елементів напряму впливає на зручність використання інфографіки.

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

Наприклад:

  • заголовок;
  • діаграма;
  • показники;
  • пояснення.

Усе це може бути частиною однієї тематичної панелі.

Як переглянути структуру панелей

  1. Відкрийте Infographic Builder.
  2. Перейдіть до вкладки Layers.
  3. Перегляньте ієрархію елементів та тематичні групи.
зображення взято з сайту Esri

зображення взято з сайту Esri

 

Як створити складну панель (Complex Panel)

  1. Натисніть Add element.
  2. Оберіть:
    Text → Panel.

Add elements to the complex panel

зображення взято з сайту Esri

 

  1. Після створення Panel натисніть кнопку + всередині панелі.
  2. Додайте:
    • заголовок;
    • текст;
    • діаграми;
    • таблиці;
    • змінні.

Add a complex panel

зображення взято з сайту Esri

 

Саме така структура допомагає скрінрідеру сприймати інформацію як єдиний тематичний блок.

Наприклад, шаблон інфографіки Emergency Information містить панель із даними про населення груп ризику.

Example of HTML for panel grouping

зображення взято з сайту Esri

 

У структурі accessibility така панель визначається як окремий “region”, у межах якого скрінрідер групує тематично пов’язану інформацію:

  • населення похилого віку;
  • демографічні показники;
  • пов’язані змінні.

Саме такий підхід робить навігацію більш зрозумілою та логічною.

Як перевірити доступність інфографіки

Після налаштування accessibility-рішень важливо перевірити, як інфографіку “бачить” скрінрідер.

Для цього:

  1. Запустіть інфографіку.
  2. Натисніть правою кнопкою миші на сторінці.
  3. Оберіть Inspect.
  4. У вікні інструментів розробника відкрийте:
    • HTML-структуру сторінки;
    • Accessibility Tree.
  5. Увімкніть параметр:
    Show accessibility tree.

Show accessibility tree setting

зображення взято з сайту Esri

 

Це дозволяє побачити, як скрінрідер інтерпретує:

  • панелі;
  • таблиці;
  • заголовки;
  • регіони;
  • aria-описи.

Чому це важливо вже сьогодні?

Доступність - це не лише про відповідність стандартам. Це про якість цифрового продукту.

Інфографіка, яка враховує accessibility:

  • охоплює ширшу аудиторію;
  • відповідає сучасним вимогам UX;
  • є зручнішою для всіх користувачів;
  • підтримує інклюзивний підхід до роботи з даними.

ArcGIS Business Analyst Web App уже містить інструменти, які дозволяють створювати такі рішення без додаткової розробки.

Про компанію

Компанія ECOMM Co, офіційний партнер Esri в Україні, спеціалізується на впровадженні й підтримці платформи ArcGIS для роботи з геопросторовими даними. Ми допомагаємо організаціям ефективно використовувати GIS-рішення - від першого запуску до масштабування, навчання команд і розвитку аналітики.

 

 

 

Далі ви можете ознайомитися з: