---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2024-09-11
publishYear: 2022
name: Simetra
title: UX-аудит системы транспортного моделирования
excerpt: Протестировали интерфейс универсальной платформы для транспортного моделирования, предложили и обосновали улучшения.

context: |
  Компания [Simetra](https://simetragroup.ru/) занимается исследованием транспорта, моделированием транспортных систем и прогнозированием транспортных потоков.
  
  Simetra с 2018 года разрабатывает и развивает цифровую платформу [RITM³](https://ritm3.ru/) для моделирования, мониторинга и управления транспортными системами. Название расшифровывается как Realtime Integrated Traffic Modeling / Monitoring / Management.
  
  У системы модульная архитектура: в зависимости от задач заказчика на платформу устанавливаются нужные модули. Они могут работать независимо и взаимодействуя друг с другом, конфигурацию в целом можно менять и дополнять.
   
isNew: true
logo:
  src: ~/assets/images/portfolio/simetra/logo.svg
  alt: Simetra • Логотип
  link: https://simetragroup.ru/
image: ~/assets/images/portfolio/simetra/main.png
imageAlt: Собака Павлова • Simetra • Система транспортного моделирования
thumbnail:
  src: ~/assets/images/portfolio/cards/simetra.svg
  alt: Собака Павлова • Simetra • Система транспортного моделирования
tags:
  - it
  - log
  - ux-audit
  - prof
  
relatedPages:
  - text: |
      ### Вам нужен интерфейс?
      #### Заказать дизайн
      Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru) 
      #### Что мы можем сделать?
      [UX-аудит](/services/ux-audit), как в этом кейсе, и [многое другое](/services). 
    collection: services
    page: ux-audit

relatedPages2:
  - text: |
      ### Похожие проекты
    collection: portfolio
    page: foodtrucks
  - collection: portfolio
    page: loglab
  - collection: portfolio
    page: boracase
  - collection: portfolio
    page: gormost

outcome:
  title: Некоторые цифры
  numbers:
   - title: "Исследовали"
     number: '> 150 экранов'
     text: "системы RITM³"
   - title: "Оставили в Miro"
     number: '186 комментариев'
     text: "с проблемами и решениями"
   - title: "Составили"
     number: '3 отчета'
     text: "общим объемом в сотню страниц"

result:
  - src: ~/assets/images/portfolio/figma.svg
    text: Покажем из рук в руки и расскажем ещё больше
    link: "mailto:we@sobakapav.ru"
budget: "250 000 ₽"
time: "3 месяца"

review:
  text: |
    Мы использовали результаты аудита для внутреннего анализа, а также погружения новых дизайнеров и знакомства с лучшими практиками (и как было и как лучше). По интерфейсу от пользователей только положительные отзывы у нас, в том числе благодаря вашим дополнениям.
  person: Андрей Кузнецов 
  position: руководитель проекта

director: "Хорошие интерфейсы тоже нуждаются в UX-аудите. Может быть, даже больше, чем плохие. Плохой проще создать заново, чем пытаться починить, а хороший всегда можно сделать еще лучше."

metadata:
  canonical: https://sobakapav.ru/portfolio/simetra
  title: UX-аудит • Система транспортного моделирования
  description: "Протестировали интерфейс универсальной платформы для транспортного моделирования, предложили и обосновали улучшения."
  robots:
    index: true
    follow: true
  openGraph:
    site_name: Собака Павлова
    images:
      - url: '~/assets/images/portfolio/simetra/badge.png'
        width: 1200
        height: 630

---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
import ImageSlider from '~/components/common/ImageSlider.astro'

<TOC>
[Вводные](#anchor1) • [Бизнес-задача](#anchor2) • [Дизайн-задачи](#anchor3) • [Результат](#anchor4) • [Экстра-польза](#anchor5) • [Нюансы и особенности процесса](#anchor6) • [Показываем](#anchor7) • [Модуль «ГИС»](#anchor7) • [Модуль «Ситуационный центр»](#anchor8) • [Модуль «Общественный транспорт»](#anchor9) • [Итог](#anchor10) • [Отзыв, цены, сроки](#anchor11)
</TOC>

## <a name="anchor1" />Вводные

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

Часто, но не всегда. Платформа [RITM³](https://ritm3.ru/) — отпределенно исключение из этого правила. Во-первых, модульная архитектура позволяет не впихивать миллиард функций в один интерфейс. Во-вторых, систему постоянно развивают, и легаси-решения в интерфейсе не задерживаются.

<a href="/images/portfolio/simetra/4.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/4.png)</a>
_«Светофорные объекты»: один из модулей системы RITM³_

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

<a href="/images/portfolio/simetra/1.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/1.png)</a>
_Один из экранов модуля «Общественный транспорт»_

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

<a href="/images/portfolio/simetra/3.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/3.png)</a>
_Один из экранов модуля «Ситуационный центр»_

В общем, не удивительно, что перед очередной модернизацией Simetra обратилась к нам за [UX-аудитом](/services/ux-audit) интерфейса несколькольких модулей платформы [RITM³].

## <a name="anchor2" />Бизнес-задача

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

<ImageSlider slides={[
  '/images/portfolio/simetra/100.png',
  '/images/portfolio/simetra/101.png',
  '/images/portfolio/simetra/102.png',
  '/images/portfolio/simetra/103.png',
  '/images/portfolio/simetra/104.png',
]}/>
<em>Добавление пользовательского маршрута в модуле «Общественный транспорт». <a href="/images/portfolio/simetra/100.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/101.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/102.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/103.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/104.png" target="_blank">5</a></em>

## <a name="anchor3" />Дизайн-задачи

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

<ImageSlider slides={[
  '/images/portfolio/simetra/89.png',
  '/images/portfolio/simetra/90.png',
  '/images/portfolio/simetra/91.png',
  '/images/portfolio/simetra/92.png',
  '/images/portfolio/simetra/93.png',
]}/>
<em>Фрагмент отчета об аудите модуля «Общественный транспорт». Добавление пользовательского маршрута. <a href="/images/portfolio/simetra//89.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/90.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/91.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/92.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/93.png" target="_blank">5</a></em>

## <a name="anchor4" />Результат

1. Мы провели экспертную оценку и пользовательское тестирование трех модулей системы RITM³: геоинформационного модуля «ГИС», ситуационного центра и модуля «Общественный транспорт».

<a href="/images/portfolio/simetra/11.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/11.png)</a>
_Из отчета о UX-аудите геоинформационного модуля. Редактор карты_

2. Результаты экспертной оценки оформили отдельными досками в Miro. Наши эксперты оставили на них более 150 комментариев с описанием интерфейсных проблем и возможных решений. Это немного: в плохом интерфейсе было бы гораздо больше. 

<a href="/images/portfolio/simetra/106.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/106.png)</a>
_UX-аудит: экспертная оценка в Miro_

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

 <a href="/images/portfolio/simetra/10.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/10.png)</a>
_Из отчета о UX-аудите геоинформационного модуля. Редактор карты_

<a href="/images/portfolio/simetra/24.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/24.png)</a>
_Из отчета о UX-аудите геоинформационного модуля. Справочник, вид по умолчанию_

<a href="/images/portfolio/simetra/40.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/40.png)</a>
_Из отчета о UX-аудите модуля «Ситуационный центр». Карта и виджеты_

## <a name="anchor5" />Экстра-польза

Мы уже упоминали, что одной из наших дизайн-задач была передача некоторых UX-компетенций заказчику.

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

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

Дальше в кейсе мы приведем и эти части отчета об UX-аудите, и ссылки на источники. Возможно, вы найдете их ценными.

## <a name="anchor6" />Нюансы и особенности процесса

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

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

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

<a href="/images/portfolio/simetra/14.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/14.png)</a>
_Из отчета о UX-аудите геоинформационного модуля. Респондент делится референсом_

## <a name="anchor7" />Показываем
### <a name="anchor7" />Модуль «ГИС»

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

<ImageSlider slides={[
  '/images/portfolio/simetra/5.png',
  '/images/portfolio/simetra/6.png',
  '/images/portfolio/simetra/7.png',
  '/images/portfolio/simetra/8.png',
  '/images/portfolio/simetra/9.png',
  '/images/portfolio/simetra/12.png',
  '/images/portfolio/simetra/13.png',
  '/images/portfolio/simetra/15.png',
]}/>
<em>Из отчета о UX-аудите геоинформационного модуля. Карта. <a href="/images/portfolio/simetra/5.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/6.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/7.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/8.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/9.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/12.png" target="_blank">6</a>, <a href="/images/portfolio/simetra/13.png" target="_blank">7</a>, <a href="/images/portfolio/simetra/15.png" target="_blank">8</a></em>

Задачи пользователей в этом модуле:
1. Отредактировать геометрию модели (на карте)
2. Отредактировать атрибуты (справочник)
3. Подготовить визуализацию данных для отчета
4. Настроить внешний вид

<ImageSlider slides={[
  '/images/portfolio/simetra/16.png',
  '/images/portfolio/simetra/17.png',
  '/images/portfolio/simetra/18.png',
  '/images/portfolio/simetra/19.png',
  '/images/portfolio/simetra/20.png',
  '/images/portfolio/simetra/21.png',
  '/images/portfolio/simetra/22.png',
  '/images/portfolio/simetra/23.png',
]}/>
<em>Из отчета о UX-аудите геоинформационного модуля. Карта. <a href="/images/portfolio/simetra/16.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/17.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/18.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/19.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/20.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/21.png" target="_blank">6</a>, <a href="/images/portfolio/simetra/22.png" target="_blank">7</a>, <a href="/images/portfolio/simetra/23.png" target="_blank">8</a></em>

#### Сквозные проблемы
1. Система не сообщает о текущем состоянии. Например, в таблице и в настройках не отображаются  примененные параметры. ([Visibility of System Status. Usability Heuristic #1](https://www.nngroup.com/articles/visibility-system-status/))
2. Система не сохраняет данные автоматически, не хранит глобальную историю и не дает отменить действие. ([Designing a user-friendly autosave functionality](https://uxdesign.cc/designing-a-user-friendly-autosave-functionality-439f2fe4222d))
3. Модальность часто используется там, где она не нужна. ([Popups: 10 Problematic Trends and Alternatives](https://www.nngroup.com/articles/popups/))
4. Система постоянно просит подтвердить сохранение ([Modal & Nonmodal Dialogs: When (& When Not) to Use Them](https://www.nngroup.com/articles/modal-nonmodal-dialog/))
5. Не всегда уместно используются элементы интерфейса. Например, спойлеры и обрезанные по высоте модальные окна.
6. Не хватает проверенных лучших практик для работы с таблицей ([Designing better data tables for enterprise UX](https://uxdesign.cc/data-table-for-enterprise-ux-cb48fb9fdf1e))
7. Не хватает проекций для визуализации связи между слоем и объектом на карте.
8. Не всегда отзывчивый интерфейс, часто не хватает мгновенного фидбэка: хинты, подсказки ([Usability Testing of Icons](https://www.nngroup.com/articles/icon-testing/))
9. Система не учитывает цифровые привычки пользователя, сформированные другими продуктами. Например, не работает базовая горячая клавиша «отмена» ([Don’t Prioritize Efficiency Over Expectations](https://www.nngroup.com/articles/efficiency-vs-expectations/))

<ImageSlider slides={[
  '/images/portfolio/simetra/25.png',
  '/images/portfolio/simetra/26.png',
  '/images/portfolio/simetra/27.png',
  '/images/portfolio/simetra/28.png',
  '/images/portfolio/simetra/29.png',
  '/images/portfolio/simetra/30.png',
  '/images/portfolio/simetra/31.png',
  '/images/portfolio/simetra/32.png',
  '/images/portfolio/simetra/33.png',
  '/images/portfolio/simetra/34.png',
  '/images/portfolio/simetra/35.png',
  '/images/portfolio/simetra/36.png',
  '/images/portfolio/simetra/37.png',
  '/images/portfolio/simetra/38.png',
]}/>
<em>Из отчета о UX-аудите геоинформационного модуля. Справочник. <a href="/images/portfolio/simetra/16.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/17.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/18.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/19.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/20.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/21.png" target="_blank">6</a>, <a href="/images/portfolio/simetra/22.png" target="_blank">7</a>, <a href="/images/portfolio/simetra/23.png" target="_blank">8</a></em>

Дополнительные идеи и предложения:
1. Дать возможность при проверке графа на актуальность штатными средствами системы помечать проверенные и отредактированные объекты. Респонденты за неимением такой возможности использовали для этого дополнительные атрибуты объектов.
2. Дать возможность сворачивать обвязку интерфейса модуля во время редактирования объектов или предусмотреть специальный режим. Сейчас, если нужно разделить экран (чтобы свериться с документами, другой системой или яндекс картами), интерфейс перекрывает большую часть основной рабочей области. 
3. Сделать принцип редактирования объектов в основном редакторе модуля ГИС таким же, как в редакторе объектов дорожного движения.

<ImageSlider slides={[
  '/images/portfolio/simetra/94.png',
  '/images/portfolio/simetra/95.png',
  '/images/portfolio/simetra/96.png',
  '/images/portfolio/simetra/97.png',
  '/images/portfolio/simetra/98.png',
  '/images/portfolio/simetra/99.png',
]}/>
<em>Добавление дорожного знака в редакторе объектов дорожного движения модуля «ГИС». <a href="/images/portfolio/simetra/94.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/95.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/96.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/97.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/98.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/99.png" target="_blank">6</a></em>

### <a name="anchor8" />Модуль «Ситуационный центр»
Основной модуль для оценки эффективности работы интеллектуальной транспортной системы и транспортного комплекса. Он предполагает интеграцию с данными из всех остальных модулей.

<a href="/images/portfolio/simetra/2.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/2.png)</a>
_Один из экранов модуля «Ситуационный центр»_

Ключевые задачи пользователей:
1. Проверить текущее состояние УДС
2. Проверить статус проблемного объекта
3. Подготовить данные для отчета

<a href="/images/portfolio/simetra/47.png" target="_blank">![UX-аудит системы транспортного моделирования • Собака Павлова](~/assets/images/portfolio/simetra/47.png)</a>
_Из отчета о UX-аудите модуля «Ситуационный центр». Видеокамеры_

### Сквозные проблемы
1. Не хватает проекций для визуализации связи между объектом на карте и детальной информацией.
2. Несогласованность элементов (режим выделения объекта выглядит как негативный статус). [Maintain Consistency and Adhere to Standards (Usability Heuristic #4](https://www.nngroup.com/articles/consistency-and-standards/))
3. Задача «Подготовить данные для отчета» не выполняется.
4. При большом количестве разных слоев с объектами легенда не информативна. ([5 Principles of Visual Design in UX](https://www.nngroup.com/articles/principles-visual-design/?lm=designing-effective-infographics&pt=article))
5. Виджеты не связаны с панелью слоев. При большом количестве виджетов сложно считать, какие объекты сейчас отображены на карте.

<ImageSlider slides={[
  '/images/portfolio/simetra/41.png',
  '/images/portfolio/simetra/42.png',
  '/images/portfolio/simetra/43.png',
  '/images/portfolio/simetra/44.png',
  '/images/portfolio/simetra/45.png',
  '/images/portfolio/simetra/46.png',
  '/images/portfolio/simetra/48.png',
]}/>
<em>Из отчета о UX-аудите модуля «Ситуационный центр». Карты и виджеты. <a href="/images/portfolio/simetra/41.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/42.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/43.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/44.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/45.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/46.png" target="_blank">6</a>, <a href="/images/portfolio/simetra/47.png" target="_blank">7</a>, <a href="/images/portfolio/simetra/48.png" target="_blank">8</a></em>

Также мы предложили:
1. Для выделения объекта использовать нейтральный цвет, например белый или синий. Не перекрашивать иконку выделенного объекта, а использовать подложки или обводку.
2. Для подготовки данных для отчета добавить возможность экспортировать данные с виджетов в файл, и возможность сохранить скриншот.
3. Для виджетов:
- Разнести просмотр карты и дашборд по разным вкладкам.
- Дать возможность скрывать ненужные виджеты.
- Скрывать виджет, когда слой неактивен.
- Объединить виджеты с панелью слоев.
- При наведении на виджет подсвечивать на карте связанные с ним объекты / делать остальные объекты на карте менее акцентными. При нажатии на виджет сохранять такой вид для объектов, пока виджет выделен.
4. Для легенды:
- Разделить палитры для обозначения статусов и обозначения обычных объектов. Например, красный и зеленый использовать только для обозначения статусов.
- Использовать разные иконки для статичных объектов (светофоров, камер) и движущихся (транспорта, дорожной техники). Например, движущиеся объекты показывать в форме стрелки, а не круга.
- Использовать иконки без круглой обводки, чтоб они больше различались по силуэту.

<ImageSlider slides={[
  '/images/portfolio/simetra/49.png',
  '/images/portfolio/simetra/50.png',
  '/images/portfolio/simetra/51.png',
  '/images/portfolio/simetra/52.png',
]}/>
<em>Из отчета о UX-аудите модуля «Ситуационный центр». Видеокамеры. <a href="/images/portfolio/simetra/49.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/50.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/51.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/52.png" target="_blank">4</a></em>

### <a name="anchor9" />Модуль «Общественный транспорт»

Задачи пользователей
1. Добавить маршрут общественного транспорта
2. Изменить существующий маршрут общественного транспорта
3. Изменить расписание маршрута
4. Добавить остановку
5. Изменить существующую остановку
6. Привязать к маршруту ТС
7. Построить пользовательский маршрут
8. Передать информацию о маршруте во внешние сервисы

<ImageSlider slides={[
  '/images/portfolio/simetra/55.png',
  '/images/portfolio/simetra/56.png',
  '/images/portfolio/simetra/57.png',
]}/>
<em>Из отчета о UX-аудите модуля «Общественный транспорт». Карта. <a href="/images/portfolio/simetra/55.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/56.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/57.png" target="_blank">3</a></em>

#### Сквозные проблемы
1. Система не сообщает о текущем состоянии ([Visibility of System Status](https://www.nngroup.com/articles/visibility-system-status/))
- Не хватает состояний для наведения, выделения и выбора объекта.
- Во время построения маршрута не понятно какие остановки «подцепились» в маршрут.
2. Редактирование расписания не соответствует ожиданиям пользователей и привычному способу работы с расписанием ([Mental Models](https://www.nngroup.com/articles/mental-models/)). И в текущей реализации вызывает ряд вопросов:
- почему нужно создавать в два шага?
- почему при создании нельзя настроить время на остановках, а при редактировании нельзя изменить время отправки?
- как рассчитываются интервалы, как их изменить?
3. Проблемы редактора:
- Не работает отмена действий ([Reset and Cancel Buttons](https://www.nngroup.com/articles/reset-and-cancel-buttons/))
- Некоторые действия (отмена, удаление построенного маршрута) можно совершить только с клавиатуры, что подходит для опытных пользователей, но не очевидно для новичков. ([Accelerators Allow Experts to Increase Efficiency](https://www.nngroup.com/articles/ui-accelerators/))
- Не хватает подсказок о том, что надо сделать чтобы сохранить маршрут.
- Маленькое рабочее пространство.
- Нельзя добавить новую остановку в ранее созданный маршрут.
4. Проблема с текстами: термины не из мира пользователя, сложно сформулированы подсказки, неточная информация в уведомлениях. ([User-centric vs. Maker-centric Language: 3 Essential Guidelines](https://www.nngroup.com/articles/user-centric-language/))
5. Отсутствуют подсказки для иконок. ([Icon Usability](https://www.nngroup.com/articles/icon-usability/))

<ImageSlider slides={[  
  '/images/portfolio/simetra/58.png',
  '/images/portfolio/simetra/59.png',
  '/images/portfolio/simetra/60.png',
  '/images/portfolio/simetra/61.png',
  '/images/portfolio/simetra/62.png',
  '/images/portfolio/simetra/63.png',
  '/images/portfolio/simetra/64.png',
  '/images/portfolio/simetra/65.png',
  '/images/portfolio/simetra/66.png',
  '/images/portfolio/simetra/67.png',
]}/>
<em>Из отчета о UX-аудите модуля «Общественный транспорт». Редактор маршрутов. <a href="/images/portfolio/simetra/58.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/59.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/60.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/61.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/62.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/63.png" target="_blank">6</a>, <a href="/images/portfolio/simetra/64.png" target="_blank">7</a>, <a href="/images/portfolio/simetra/65.png" target="_blank">8</a>, <a href="/images/portfolio/simetra/66.png" target="_blank">7</a>, <a href="/images/portfolio/simetra/67.png" target="_blank">8</a></em>

<ImageSlider slides={[
  '/images/portfolio/simetra/68.png',
  '/images/portfolio/simetra/69.png',
  '/images/portfolio/simetra/70.png',
  '/images/portfolio/simetra/71.png',
  '/images/portfolio/simetra/72.png',
  '/images/portfolio/simetra/73.png',
  '/images/portfolio/simetra/74.png',
]}/>
<em>Отчет об аудите модуля «Общественный транспорт». Остановки. <a href="/images/portfolio/simetra/68.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/69.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/70.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/71.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/72.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/73.png" target="_blank">6</a>, <a href="/images/portfolio/simetra/74.png" target="_blank">7</a></em>

## <a name="anchor10" />Итог

Компания доработала интерфейс системы, использовав результаты нашего UX-аудита. С тех пор цифровая платформа [RITM³] сильно изменилась (не удивительно - ее постоянно развивают и улучшают), а наш отчет о UX-аудите до сих пор используют в Simetre для обучения новых UX-дизайнеров.

<ImageSlider slides={[
  '/images/portfolio/simetra/75.png',
  '/images/portfolio/simetra/76.png',
  '/images/portfolio/simetra/77.png',
  '/images/portfolio/simetra/78.png',
  '/images/portfolio/simetra/79.png',
  '/images/portfolio/simetra/80.png',
  '/images/portfolio/simetra/81.png',
  '/images/portfolio/simetra/82.png',
  '/images/portfolio/simetra/83.png',
  '/images/portfolio/simetra/84.png',
  '/images/portfolio/simetra/85.png',
  '/images/portfolio/simetra/86.png',
  '/images/portfolio/simetra/87.png',
  '/images/portfolio/simetra/88.png',
]}/>
<em>Из отчета о UX-аудите модуля «Общественный транспорт». Информация о маршруте. <a href="/images/portfolio/simetra/75.png" target="_blank">1</a>, <a href="/images/portfolio/simetra/76.png" target="_blank">2</a>, <a href="/images/portfolio/simetra/77.png" target="_blank">3</a>, <a href="/images/portfolio/simetra/78.png" target="_blank">4</a>, <a href="/images/portfolio/simetra/79.png" target="_blank">5</a>, <a href="/images/portfolio/simetra/80.png" target="_blank">6</a>, <a href="/images/portfolio/simetra/81.png" target="_blank">7</a>, <a href="/images/portfolio/simetra/82.png" target="_blank">8</a>, <a href="/images/portfolio/simetra/83.png" target="_blank">9</a>, <a href="/images/portfolio/simetra/84.png" target="_blank">10</a>, <a href="/images/portfolio/simetra/85.png" target="_blank">11</a>, <a href="/images/portfolio/simetra/86.png" target="_blank">12</a>, <a href="/images/portfolio/simetra/87.png" target="_blank">13</a>, <a href="/images/portfolio/simetra/88.png" target="_blank">14</a></em>

## <a name="anchor11" />