diff --git a/lab2/img/create-project-button.png b/lab2/img/create-project-button.png deleted file mode 100644 index 4cb242f..0000000 Binary files a/lab2/img/create-project-button.png and /dev/null differ diff --git a/lab2/img/create-project.png b/lab2/img/create-project.png new file mode 100644 index 0000000..14743e3 Binary files /dev/null and b/lab2/img/create-project.png differ diff --git a/lab2/img/labeling-page-export.png b/lab2/img/labeling-page-export.png new file mode 100644 index 0000000..1ff67f4 Binary files /dev/null and b/lab2/img/labeling-page-export.png differ diff --git a/lab2/img/labeling-page-object.png b/lab2/img/labeling-page-object.png new file mode 100644 index 0000000..8ade56a Binary files /dev/null and b/lab2/img/labeling-page-object.png differ diff --git a/lab2/img/labeling-page-submit.png b/lab2/img/labeling-page-submit.png new file mode 100644 index 0000000..af6e0fe Binary files /dev/null and b/lab2/img/labeling-page-submit.png differ diff --git a/lab2/img/labeling-page-tools.png b/lab2/img/labeling-page-tools.png new file mode 100644 index 0000000..657c236 Binary files /dev/null and b/lab2/img/labeling-page-tools.png differ diff --git a/lab2/img/labeling-page.png b/lab2/img/labeling-page.png new file mode 100644 index 0000000..90a351a Binary files /dev/null and b/lab2/img/labeling-page.png differ diff --git a/lab2/img/project-page-with-files.png b/lab2/img/project-page-with-files.png new file mode 100644 index 0000000..7b23bc5 Binary files /dev/null and b/lab2/img/project-page-with-files.png differ diff --git a/lab2/img/project-page.png b/lab2/img/project-page.png new file mode 100644 index 0000000..eb0ff2d Binary files /dev/null and b/lab2/img/project-page.png differ diff --git a/lab2/img/project-settings.png b/lab2/img/project-settings.png new file mode 100644 index 0000000..1c781db Binary files /dev/null and b/lab2/img/project-settings.png differ diff --git a/lab2/img/template-settings-labels-added.png b/lab2/img/template-settings-labels-added.png new file mode 100644 index 0000000..2aa34b2 Binary files /dev/null and b/lab2/img/template-settings-labels-added.png differ diff --git a/lab2/img/template-settings-labels-saved.png b/lab2/img/template-settings-labels-saved.png new file mode 100644 index 0000000..4ce86d1 Binary files /dev/null and b/lab2/img/template-settings-labels-saved.png differ diff --git a/lab2/img/template-settings-labels.png b/lab2/img/template-settings-labels.png new file mode 100644 index 0000000..c967c8f Binary files /dev/null and b/lab2/img/template-settings-labels.png differ diff --git a/lab2/img/template-settings.png b/lab2/img/template-settings.png new file mode 100644 index 0000000..c72b771 Binary files /dev/null and b/lab2/img/template-settings.png differ diff --git a/lab2/img/templates-page.png b/lab2/img/templates-page.png new file mode 100644 index 0000000..0015655 Binary files /dev/null and b/lab2/img/templates-page.png differ diff --git a/lab2/img/upload-files-success.png b/lab2/img/upload-files-success.png new file mode 100644 index 0000000..d2f1e3a Binary files /dev/null and b/lab2/img/upload-files-success.png differ diff --git a/lab2/img/upload-files.png b/lab2/img/upload-files.png new file mode 100644 index 0000000..c92f7fb Binary files /dev/null and b/lab2/img/upload-files.png differ diff --git a/lab2/report.tex b/lab2/report.tex index ca49c4b..5ffb18f 100644 --- a/lab2/report.tex +++ b/lab2/report.tex @@ -274,9 +274,9 @@ \end{itemize} - \subsection{Задания для пользователя} + \subsection{Задание для пользователя} - Задания для пользователя формулируется следующим образом: + Задание для пользователя формулируется следующим образом: \begin{quote} «Создать простую разметку с использованием ограничивающих прямоугольников (bounding boxes) для нескольких изображений со светофорами и выгрузить результаты разметки в формате JSON». @@ -338,7 +338,7 @@ Для оценки удобства использования Label Studio пользователем-новичком был проведён анализ интерфейса системы на соответствие ключевым принципам эргономики интерактивных систем, установленным в серии стандартов ГОСТ Р ИСО 9241. - \subsection{Шаг 1. Открыть Label Studio и зарегистрироваться} + \subsection*{Шаг 1. Открыть Label Studio и зарегистрироваться} После открытия Label Studio перед пользователем появляется страница для входа в систему (см. Рис.~\ref{login}). @@ -381,7 +381,330 @@ \item Согласно пункту 4.4.4 ГОСТ Р ИСО 9241-110 система должна предоставить информацию об ожидаемом формате ввода данных. Однако Label Studio не выводит требования к почтовому адресу и паролю. По этой причине, мне не с первого раза удалось указать пароль, подходящий под все требования. \end{itemize} + \subsection*{Шаг 2. Создать новый проект и указать его название} + После успешной регистрации, пользователь попадает на стартовую страницу (см. Рис.~\ref{first-screen}). Для того, чтобы создать новый проект, достаточно нажать на кнопку "Create project" ("Создать проект"). После чего откроется страница для создания проекта (см. Рис.~\ref{create-project}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/create-project.png} + \caption{Страница создания проекта} + \label{create-project} + \end{figure} + + На этой странице указываем название проекта в поле "Project name" ("Название проекта") и нажимаем на кнопку "Save" ("Сохранить"). После чего пользователь попадает на страницу проекта (см. Рис.~\ref{project-page}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/project-page.png} + \caption{Страница проекта} + \label{project-page} + \end{figure} + + + \newpage + \textbf{Соответствие требованиям ГОСТ:} + + \begin{itemize} + \item Соответствие пункту 4.3.5 ГОСТ Р ИСО 9241-110: этапы диалога при создании проекта сведены к одному действию — вводу названия и нажатию кнопки сохранения. Лишние шаги отсутствуют, что соответствует требованию исключать ненужные этапы. + \item Соответствие пункту 4.7.2: на странице присутствует кнопка ``Cancel'', позволяющая отменить действие и вернуться назад, тем самым предоставляя пользователю альтернативный путь продолжения диалога. + \end{itemize} + \textbf{Несоответствие требованиям ГОСТ:} + \begin{itemize} + \item Несоответствие пункту 4.5.1: вся терминология на экране представлена на английском языке (``Project name'', ``Create project''), несмотря на русскоязычные настройки пользователя. Это делает терминологию менее понятной для пользователя-новичка. + \item Несоответствие пункту 4.3.4: система не предлагает типовых значений по умолчанию для проекта (например, шаблона разметки или типа данных). Пользователь должен полностью настраивать проект вручную на последующих шагах, что увеличивает когнитивную нагрузку. + \end{itemize} + + \subsection*{Шаг 3. Загрузить исходные изображения со светофорами} + + После того, как проект создан, пользователь попадает на страницу проекта (см. Рис.~\ref{project-page}). Для того, чтобы загрузить исходные изображения со светофорами, достаточно нажать на кнопку "Import" ("Импортировать"). После чего откроется страница для загрузки файлов (см. Рис.~\ref{upload-files}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/upload-files.png} + \caption{Страница загрузки файлов} + \label{upload-files} + \end{figure} + + На этой странице пользователь может выбрать файлы для загрузки. Для этого нужно нажать на кнопку "Upload files" ("Загрузить файлы") и выбрать файлы с изображениями. Все загруженные файлы будут отображены списком, справа от них указывается их размер и прогресс загрузки. После завершения загрузки появится зелёная полоска (см. Рис.~\ref{upload-files-success}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/upload-files-success.png} + \caption{Страница загрузки после указания файлов} + \label{upload-files-success} + \end{figure} + + Чтобы добавить файлы в проект, пользователю нужно нажать на кнопку "Import" ("Импортировать"). После чего файлы будут добавлены в проект и отображены на странице проекта (см. Рис.~\ref{project-page}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/project-page-with-files.png} + \caption{Страница проекта после загрузки файлов} + \label{project-page-with-files} + \end{figure} + + \newpage + \textbf{Соответствие требованиям ГОСТ:} + + \begin{itemize} + \item Соответствие пункту 4.4.4 --- система должна предоставить информацию об ожидаемом формате ввода данных. + На странице загрузки файлов сразу отображается список поддерживаемых форматов изображений. Это позволяет пользователю-новичку заранее понять, какие файлы можно загружать, и снижает вероятность ошибки. + + \item Соответствие пункту 4.4.1 --- информация, предоставляемая пользователю, должна помогать завершить диалог. + В процессе загрузки система показывает прогресс-бар, размеры файлов и индикатор успешной загрузки. Наличие визуальной обратной связи облегчает понимание текущего состояния и способствует успешному выполнению задачи. + \end{itemize} + + \textbf{Несоответствие требованиям ГОСТ:} + + \begin{itemize} + \item Несоответствие пункту 4.7.2 --- пользователь должен иметь возможность выбора вариантов продолжения диалога. + В интерфейсе отсутствует возможность удалить отдельный файл из списка загружаемых. Единственный вариант отмены --- сбросить весь список и начинать процесс заново. + + \item Несоответствие пункту 4.8.2 --- система должна предупреждать о действиях, которые могут привести к отказу системы. + При загрузке большого количества файлов или потенциально слишком крупных изображений система не сообщает о возможных ограничениях по размеру, количеству или доступному месту. Отсутствие подобных предупреждений может привести к неожиданным сбоям или неудачным загрузкам. + + \end{itemize} + + \subsection*{Шаг 5. Открыть настройки проекта и выбрать тип разметки} + + После того, как файлы загружены, пользователь попадает на страницу проекта (см. Рис.~\ref{project-page-with-files}). Для того, чтобы открыть настройки проекта, достаточно нажать на кнопку "Settings" ("Настройки") в правом верхнем углу страницы. После чего откроется страница настроек проекта (см. Рис.~\ref{project-settings}). В меню настроек нужно выбрать пункт "Labeling Interface" ("Интерфейс разметки"). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/project-settings.png} + \caption{Страница настроек проекта} + \label{project-settings} + \end{figure} + + Чтобы выбрать тип разметки, нужно нажать на кнопку <> ("Выбрать шаблоны"), после чего откроется страница с шаблонами разметки (см. Рис.~\ref{templates-page}), на которой сразу виден нужный шаблон "Object Detection with Bounding Boxes" ("Обнаружение объектов с ограничивающими прямоугольниками"). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/templates-page.png} + \caption{Страница с шаблонами разметки} + \label{templates-page} + \end{figure} + + \newpage + Чтобы выбрать шаблон, нужно нажать на него левой кнопкой мыши, после чего откроется страница с настройками шаблона (см. Рис.~\ref{template-settings}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/template-settings.png} + \caption{Страница с настройками шаблона} + \label{template-settings} + \end{figure} + + \subsection*{Шаг 6. В конфигурации разметки указать единственный класс — «Светофор»} + + На странице с настройками шаблона можно увидеть раздел <> ("Классы"). Программа автоматически добавила два класса для машин и самолётов, однако нам они не нужны. Поэтому их нужно удалить. Для этого достаточно навести мышь на ненужный класс и нажать на иконку мусорной корзины (см. Рис.~\ref{template-settings-labels}). + + \begin{figure}[h!] + \centering + \includegraphics[width=0.4\linewidth]{img/template-settings-labels.png} + \caption{Удаление ненужных классов, созданных по умолчанию} + \label{template-settings-labels} + \end{figure} + + После удаления ненужных классов, можно добавить класс светофор. Для этого достаточно ввести слово <<Светофор>> в поле <> и нажать на кнопку <> ("Добавить"). После чего класс будет добавлен в список классов (см. Рис.~\ref{template-settings-labels-added}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/template-settings-labels-added.png} + \caption{Добавление класса светофор} + \label{template-settings-labels-added} + \end{figure} + + Осталось только сохранить шаблон, нажав на кнопку <> ("Сохранить"). Рядом с кнопкой сохранения появится зелёная надпись <> ("Сохранено!") (см. Рис.~\ref{template-settings-labels-saved}), в подтверждение того, что шаблон был сохранен успешно. + + \begin{figure}[h!] + \centering + \includegraphics[width=0.3\linewidth]{img/template-settings-labels-saved.png} + \caption{Кнопка сохранения шаблона} + \label{template-settings-labels-saved} + \end{figure} + + \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + \item Соответствие пункту 4.3.3 --- формат ввода и вывода должен соответствовать производственному заданию. + Интерфейс выбора шаблонов разметки сразу предлагает вариант «Object Detection with Bounding Boxes», который полностью соответствует задаче выделения объектов прямоугольниками. Это помогает пользователю-новичку быстро выбрать корректный тип разметки. + + \item Соответствие пункту 4.5.1 --- терминология должна соответствовать знаниям пользователя. + На странице выбора шаблонов используется терминология, понятная пользователю: детекция объектов (object detection), ограничивающие прямоугольники (bounding boxes). + \end{itemize} + + \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + \item Несоответствие пункту 4.7.4 --- пользователь должен иметь возможность отменить, по крайней мере, последний этап диалога. + В настройках шаблона нет функции отмены последнего действия: если пользователь случайно удалит класс или внесёт ошибочные изменения в конфигурацию, вернуть состояние невозможно. Единственный вариант — создавать элементы заново. + \end{itemize} + + \subsection*{Шаг 7. Перейти к первому изображению и изучить инструменты разметки} + + После загрузки файлов и сохранения шаблона, можно приступить к разметке. Для этого достаточно нажать на первое изображение в списке файлов проекта (см. Рис.~\ref{project-page-with-files1}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/project-page-with-files.png} + \caption{Список файлов на странице проекта} + \label{project-page-with-files1} + \end{figure} + + После нажатия открывается страница разметки, соответствующая выбранному шаблону (см. Рис.~\ref{labeling-page}). + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/labeling-page.png} + \caption{Страница разметки} + \label{labeling-page} + \end{figure} + + На этой странице выводится само изображение, наш единственный класс <<Светофор>>. Слева выводится список изображений, которые мы загрузили ранее. Справа небольшой набор инструментов для приближения, отдаления и перемещения по картинке, при наведении на эти инструменты появляется подсказка с пояснением (см. Рис.~\ref{labeling-page-tools}). + + \begin{figure}[h!] + \centering + \includegraphics[width=0.5\linewidth]{img/labeling-page-tools.png} + \caption{Инструменты разметки с подсказками. <> переводится как <<Приблизить>>. } + \label{labeling-page-tools} + \end{figure} + + В правом нижнем углу расположена кнопка <> ("Сохранить"), с помощью которой можно сохранить разметку. + + \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + \item Соответствие пункту 4.4.1 --- информация, предоставляемая пользователю, должна помогать завершить диалог. + Все элементы интерфейса снабжены понятными иконками: масштабирование, перемещение изображения, кнопка сохранения. Это уменьшает неопределённость и помогает пользователю-новичку быстрее ориентироваться в интерфейсе. + + \item Соответствие пункту 4.6.3 --- система должна поддерживать пользователя при ознакомлении с диалогом. + При наведении курсора на инструменты появляются всплывающие подсказки с пояснениями («Zoom In», «Zoom Out», «Move»), что облегчает первичное обучение работе с интерфейсом и снижает риск ошибочных действий. + + \item Соответствие пункту 4.6.4 --- обратная связь должна помогать формировать понимание системы. + Активный инструмент визуально выделяется, а границы создаваемого прямоугольника отображаются сразу в процессе разметки. Такое поведение интерфейса делает действия пользователя предсказуемыми и усиливает ощущение контроля. + + \item Соответствие пункту 4.7.1 --- темп взаимодействия должен определяться пользователем. + Страница разметки не содержит автоматических переключений или тайм-аутов: пользователь может спокойно изучать инструменты, масштабировать изображение и выполнять разметку в комфортном темпе. + \end{itemize} + + \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + \item Частичное несоответствие пункту 4.7.2 --- «пользователь должен иметь возможность выбора вариантов продолжения диалога». + Несмотря на наличие кнопки сохранения («Submit») и списка изображений слева, отсутствует явная кнопка «Отмена» для отклонения результата разметки или возврата к исходному состоянию изображения без сохранения. Это снижает гибкость работы и может привести к необходимости вручную удалять ошибочно нанесённые прямоугольники. + \end{itemize} + + + \subsection*{Шаг 8. Для каждого изображения выделить объекты «Светофор» с помощью ограничивающих прямоугольников} + + Для того, чтобы выделить объекты «Светофор» с помощью ограничивающих прямоугольников, достаточно нажать на слово <<Светофор>>, а затем нарисовать прямоугольник в нужном месте изображения (см. Рис.~\ref{labeling-page-object}). + + \begin{figure}[h!] + \centering + \includegraphics[width=0.5\linewidth]{img/labeling-page-object.png} + \caption{Выделение светофора с помощью ограничивающего прямоугольника} + \label{labeling-page-object} + \end{figure} + + Как уже было сказано ранее, на панели слева, выодится список загруженных изображений. С его помощью можно переключаться между ними. Остальные изображения размечаются аналогичным образом. + + + \subsection*{Шаг 9. Сохранить результаты для всех изображений} + + После того, как все изображения размечены, нажимаем на кнопку <> ("Сохранить"). После чего автоматически открывается страница со списком изображений. Слева у каждого изображения появляется галочка, которая подтверждает, что изображение размечено. + + \begin{figure}[h!] + \centering + \includegraphics[width=1\linewidth]{img/labeling-page-submit.png} + \caption{Страница со списком изображений после сохранения} + \label{labeling-page-submit} + \end{figure} + + \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + \item Соответствие пункту 4.5.2 --- «обратная связь должна соответствовать ожиданиям пользователя». + Интерфейс предсказуемо реагирует на действие сохранения: данные не исчезают, состояние задач остаётся стабильным, отмеченные изображения остаются помеченными. Это укрепляет доверие пользователя к системе и помогает избежать повторного выполнения работы. + + \item Соответствие пункту 4.7.3 --- «пользователь должен иметь возможность возобновить прерванный диалог». + После закрытия и повторного открытия проекта состояние разметки сохраняется, и пользователь может продолжить работу с уже отмеченными как завершённые изображениями, не теряя прогресс. + \end{itemize} + + \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + \item Несоответствие пункту 4.8.10 --- «система должна предупреждать пользователя о действиях, которые могут иметь неблагоприятные последствия». + Если пользователь случайно попытается закрыть вкладку или перейти на другую страницу, не сохранив разметку, система не выводит предупреждение о несохранённых данных. Это может привести к потере результатов разметки. + + \item Частичное несоответствие пункту 4.8.8 --- «система должна обеспечивать валидацию данных до их ввода». + Label Studio позволяет сохранить разметку даже в случае отсутствия аннотаций (например, если пользователь по ошибке не нарисовал прямоугольник). + \end{itemize} + + + \subsection*{Шаг 10. Выгрузить результаты разметки в формате JSON} + + Чтобы выгрузить результаты разметки, нажмём на кнопку <> ("Экспорт") в правом верхнем углу страницы. После этого открывается окно с выбором формата выгрузки. Выбираем JSON и нажимаем на кнопку <> ("Экспорт") (см. Рис.~\ref{labeling-page-export}). В открывшемся окне проводника можно выбрать папку для сохранения файла. + + \begin{figure}[h!] + \centering + \includegraphics[width=0.5\linewidth]{img/labeling-page-export.png} + \caption{Окно с выбором формата выгрузки} + \label{labeling-page-export} + \end{figure} + + \textbf{Соответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + \item Соответствие пункту 4.3.3 --- «формат вывода должен соответствовать производственному заданию». + На шаге экспорта пользователю сразу предлагается формат JSON, который полностью соответствует поставленной задаче выгрузки разметки. + + \item Соответствие пункту 4.4.1 --- «информация должна помогать завершению диалога». + Окно экспорта содержит чёткие и однозначные элементы управления: выбор формата, кнопка подтверждения («Export»). Интерфейс не перегружен лишними опциями, что позволяет пользователю-новичку без труда завершить процесс. + \end{itemize} + + \textbf{Несоответствие требованиям ГОСТ Р ИСО 9241-110:} + + \begin{itemize} + + \item Несоответствие пункту 4.3.1 --- пользователю должна быть предоставлена информация об успешном завершении производственного задания. + После нажатия кнопки <> ("Экспорт") система не выводит явного уведомления об успешном завершении экспорта. Окно выбора директории появляется автоматически, однако после сохранения файла отсутствует какое-либо подтверждающее сообщение. Пользователь вынужден самостоятельно проверять наличие и корректность выгруженного JSON-файла, что снижает прозрачность завершения действия. + \end{itemize} + + \section{Результаты анализа} + + В целом система произвела позитивное впечатление: даже будучи полностью новым пользователем, ранее не работавшим с Label Studio, я смог достаточно быстро выполнить все шаги задания. Интерфейс в большинстве случаев интуитивен, а система предоставляет необходимую обратную связь, что соответствует ряду требований ГОСТ Р ИСО 9241-110. + + Можно отметить, что по многим пунктам стандартов система действительно соответствует требованиям стандарта: пользователю предоставляется понятная информация о прогрессе действий, предлагаются шаблоны разметки, интерфейс поддерживается всплывающими подсказками, а сама структура диалога не перегружена лишними этапами. + + Тем не менее, выявлены и существенные недоработки. Наиболее значимой является отсутствие русскоязычной локализации, что нарушает пункт 4.5.5 ГОСТ Р ИСО 9241-110 о соответствии интерфейса культурным и лингвистическим ожиданиям пользователя. Кроме того, в нескольких местах обнаружено нарушение пункта 4.7.2, связанного с отсутствием вариантов продолжения диалога и невозможностью отменить действие (например, отсутствие кнопки «Отмена» в интерфейсе разметки или невозможность откатить изменения в шаблоне). + + Таким образом, несмотря на отдельные несоответствия, система в целом удобна, функциональна и подходит для работы даже пользователю-новичку, однако улучшения в области локализации и гибкости управления действиями значительно повысили бы её эргономичность. + + \newpage + \section*{Заключение} + \addcontentsline{toc}{section}{Заключение} + В ходе работы был проведён анализ соответствия интерфейса Label Studio требованиям ГОСТ Р ИСО 9241-110 и ГОСТ Р ИСО 9241-210 на примере выполнения простого задания по разметке изображений bounding box-ами пользователем-новичком. В целом система продемонстрировала хорошую пригодность к задаче: базовые шаги — создание проекта, настройка разметки, работа с инструментами и экспорт результатов — выполняются интуитивно, а интерфейс предоставляет необходимую обратную связь и не перегружен лишними действиями. + + При этом были отмечены и отдельные несоответствия, наиболее значимые из которых связаны с отсутствием русскоязычной локализации и ограниченной контролируемостью некоторых действий (ограниченные варианты отмены, отсутствие альтернативных путей продолжения диалога). Несмотря на эти недостатки, Label Studio в целом подходит для использования начинающими пользователями, а устранение выявленных проблем могло бы существенно повысить эргономичность системы. + + \newpage + \begin{thebibliography}{9} + + \bibitem{gost1} + ГОСТ Р ИСО 9241-1--2007. Эргономические требования к проведению офисных работ с использованием видеодисплейных терминалов (VDTs). Часть 1. Общее введение. -- Введ. 2008-06-01. -- М.: Стандартинформ, 2008. -- 20~с. + + \bibitem{gost110} + ГОСТ Р ИСО 9241-110--2016. Эргономика взаимодействия человек--система. Часть 110. Принципы организации диалога. -- Введ. 2017-12-01. -- М.: Стандартинформ, 2016. -- 23~с. + + \bibitem{gost210} + ГОСТ Р ИСО 9241-210--2016. Эргономика взаимодействия человек--система. Часть 210. Человеко-ориентированное проектирование интерактивных систем. -- Введ. 2017-12-01. -- М.: Стандартинформ, 2016. -- 29~с. + + \end{thebibliography} + + + \end{document}