Товары в корзине: 0 шт Оформить заказ
Стр. 1 

50 страниц

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

 Скачать PDF

Идентичен ISO 9241-151:2008

Оглавление

1 Область применения

2 Нормативные ссылки

3 Термины и определения

4 Применение

5 Эталонная модель человеко-ориентированного проектирования пользовательских веб-интерфейсов

6 Высокоуровневые решения по проектированию и стратегия проектирования

7 Разработка информационного наполнения

8 Навигация и поиск

9 Представление информационного наполнения

10 Общие аспекты проектирования

Приложение А (справочное) Обзор серии стандартов ИСО 9241

Приложение В (справочное) Пример порядка оценки применимости и соответствия

Приложение ДА (справочное) Сведения о соответствии ссылочных международных стандартов национальным стандартам Российской Федерации

Библиография

 

50 страниц

Дата введения01.12.2015
Добавлен в базу12.02.2016
Актуализация01.01.2021

Этот ГОСТ находится в:

Организации:

10.09.2014УтвержденФедеральное агентство по техническому регулированию и метрологии1057-ст
РазработанАНО Институт безопасности труда
ИзданСтандартинформ2015 г.

Ergonomics of human-system interaction. Part 151. Guidance on World Wide Web user interfaces

Нормативные ссылки:
Стр. 1
стр. 1
Стр. 2
стр. 2
Стр. 3
стр. 3
Стр. 4
стр. 4
Стр. 5
стр. 5
Стр. 6
стр. 6
Стр. 7
стр. 7
Стр. 8
стр. 8
Стр. 9
стр. 9
Стр. 10
стр. 10
Стр. 11
стр. 11
Стр. 12
стр. 12
Стр. 13
стр. 13
Стр. 14
стр. 14
Стр. 15
стр. 15
Стр. 16
стр. 16
Стр. 17
стр. 17
Стр. 18
стр. 18
Стр. 19
стр. 19
Стр. 20
стр. 20
Стр. 21
стр. 21
Стр. 22
стр. 22
Стр. 23
стр. 23
Стр. 24
стр. 24
Стр. 25
стр. 25
Стр. 26
стр. 26
Стр. 27
стр. 27
Стр. 28
стр. 28
Стр. 29
стр. 29
Стр. 30
стр. 30

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ТЕХНИЧЕСКОМУ РЕГУЛИРОВАНИЮ И МЕТРОЛОГИИ

ГОСТ Р исо 9241-1 SI-2014

НАЦИОНАЛЬНЫЙ

СТАНДАРТ

РОССИЙСКОЙ

ФЕДЕРАЦИИ

ЭРГОНОМИКА ВЗАИМОДЕЙСТВИЯ ЧЕЛОВЕК —СИСТЕМА

Часть 151

Руководство по проектированию пользовательских интерфейсов сети Интернет

ISO 9241-151:2008 Ergonomics of human-system interaction —

Part 151: Guidance on World Wide Web user interfaces (IDT)

Издание официальное

Москва

Стандартинформ

2015

Предисловие

1    ПОДГОТОВЛЕН Автономной некоммерческой организацией «Институт безопасности труда» на основе собственного аутентичного перевода на русский язык международного стандарта, указанного в пункте 4

2    ВНЕСЕН Техническим комитетом по стандартизации ТК 201 «Эргономика, психология труда и инженерная психология»

3    УТВЕРЖДЕН И ВВЕДЕН В ДЕЙСТВИЕ Приказом Федерального агентства по техническому регулированию и метрологии от 10 сентября 2014 г. № 1057-ст

4    Настоящий стандарт идентичен международному стандарту ИСО 9241-151:2008 «Эргономика взаимодействия человек—система. Часть 151. Руководство по пользовательским веб-интерфейсам» (ИСО 9241-151:2008 «Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web user interfaces).

При применении настоящего стандарта рекомендуется использовать вместо ссылочных международных стандартов соответствующие им национальные стандарты Российской Федерации, сведения о которых приведены в дополнительном приложении ДА

5    ВВЕДЕН ВПЕРВЫЕ

Правила применения настоящего стандарта установлены в ГОСТ Р 1.0-2012 (раздел 8). Информация об изменениях к настоящему стандарту публикуется в ежегодном (по состоянию на 1 января текущего года) информационном указателе «Национальные стандарты», а официальный текст изменений и поправок — в ежемесячном информационном указателе «Национальные стандарты». В случае пересмотра (замены) или отмены настоящего стандарта соответствующее уведомление будет опубликовано в ближайшем выпуске ежемесячного информационного указателя «Национальные стандарты». Соответствующая информация, уведомление и тексты размещаются также в информационной системе общего пользования — на официальном сайте Федерального агентства по техническому регулированию и метрологии в сети Интернет (www.gost. ги)

© Стандартинформ, 2015

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

II

ГОСТ Р ИСО 9241-151-2014

- по руководству, связанному с мультимедийными пользовательскими интерфейсами: ИСО 14915.

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

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

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

6 Высокоуровневые решения по проектированию и стратегия проектирования

6.1 Общие аспекты

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

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

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

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

7

6.2    Определение цели веб-приложения

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

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

6.3    Анализ целевых групп пользователей

В процессе определения цели веб-приложения должны быть выявлены целевые группы пользователей.

Примечание — Общее руководство по рассмотрению пользователей и их задач можно найти в ИСО 9241-2 и ИСО 9241-11.

6.4    Анализ целей и задач пользователей

Должны быть проанализированы цели и задачи предполагаемых пользователей.

6.5    Соответствие назначения продукта целям пользователей

Цель веб-приложения (определенная согласно 6.2) должна быть сравнима и, при необходимости, согласована с целями и задачами пользователей, чтобы обеспечить достижение пользователями своих целей.

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

6.6    Распознание цели веб-приложения

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

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

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

Если веб-сайт имеет более одной цели, важно, чтобы содержание и навигация сайта помогали пользователям различать эти цели.

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

6.7    Установление приоритетов для различных целей проектирования

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

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

ГОСТ Р ИСО 9241-151-2014

6.8    Доступность оборудования и услуг информационно-коммуникационных технологий

(ИКТ)

Следует обратиться к ИСО 9241-20 по руководству доступности ИКТ. Пользовательские веб-интерфейсы должны отвечать его требованиям и рекомендациям.

6.9    Доступность программного обеспечения

Следует обратиться к ИСО 9241-171 по руководству по доступности программного обеспечения. Пользовательские веб-интерфейсы должны отвечать его требованиям и рекомендациям.

6.10    Доступность информационного наполнения Сети

Следует обратиться к WCAG 1.0 и к заменяющему его WCAG 2.0, когда он будет издан в заключительной версии, по указаниям о доступности информационного наполнения Сети

6.11    Данные о веб-сайте и его владельце

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

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

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

Примечание 2 — Добавление подходящих метаданных — дополнительное средство сделать веб-сайт узнаваемым.

6.12    Последовательная многосайтовая стратегия

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

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

7 Разработка информационного наполнения

7.1    Концептуальная модель информационного наполнения

7.1.1    Общие положения

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

7.1.2    Разработка концептуальной модели

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

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

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

9

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

7.1.3    Соответствие информационного наполнения целевой аудитории и задачам

Представленное информационное наполнение должно соответствовать назначению веб-прило-жения, целевой аудитории (характеризующейся различными целями, опытом, предпочтениями и т. д.) и их задачам (см. также стандарт ИСО 9241-11).

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

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

7.1.4    Полнота информационного наполнения

Информационное наполнение веб-сайта должно быть достаточно полным в отношении назначения сайта и стандартных информационных потребностей пользователя.

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

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

7.1.5    Соответствующее структурирование информационного наполнения

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

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

7.1.6    Степень разделения

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

Пример — Новостная статья представлена в виде короткого заголовка, отрывка длиной в несколько строк или многостраничного детального описания события.

7.2 Объекты и функциональные возможности информационного наполнения

7.2.1    Общие положения

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

7.2.2    Независимость информационного наполнения, структуры и представления

Информационное наполнение должно разрабатываться таким образом, чтобы была возможность

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

ю

ГОСТ Р ИСО 9241-151-2014

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

Пример 2 — Использование HTML-таблиц (язык разметки гипертекста) для управления раскладкой веб-страницы может осложнить управление и понимание информационного наполнения страницы при обзоре на мобильном телефоне или представлении на устройстве для чтения экрана (для пользователей с нарушением зрения).

Примечани е — Для обеспечения независимости доступны разнообразные технологии, включающие каскадные таблицы стилей (CSS), семантическую разметку, такую какХМЦ (расширяемый язык разметки), возможно в соединении с XSL (расширяемым языком стилей) или CSS, функции, предоставляемые системой управления информационным наполнением.

7.2.3 Выбор подходящих информационных средств

7.2.3.1    Выбор соответствующих медиа-объектов

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

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

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

Примечание 1 — Использование динамических форм информации с целью привлечения внимания

пользователя к веб-сайту или странице может перегружать восприятие пользователя.

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

7.2.3.2    Предоставление текстовых эквивалентов для нетекстовых медиа-объектов

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

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

7.2.3.3    Возможность для пользователей управлять медиа-объектами, зависящими от времени

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

Существует множество зависящих от времени динамических форм информации, в том числе видео, музыка, иное звуковое информационное наполнение, анимационное мигание, прокрутка и автоматическое обновление объектов или страниц. Пользователи могут захотеть управлять зависящим от времени информационным наполнением по ряду причин: они могут, к примеру, захотеть избежать отвлечения от их задач или просмотреть отдельные статические изображения анимационного представления. Пользователям с когнитивными и зрительными нарушениями может потребоваться замедлить или приостановить динамическое информационное наполнение. Более подробное руководство по управлению динамическими информационными средствами содержится в стандарте ИСО 14915-2.

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

11

7.2.4    Обновление информационного наполнения

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

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

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

7.2.5    Открытый доступ к дате и времени последнего обновления

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

Это позволяет пользователю оценить значимость или возможность использования информации в своих целях. Дата и время могут показываться постоянно или по требованию.

7.2.6    Возможность связи с владельцем сайта

Средства связи с владельцем сайта должны предоставляться, например, для запроса дополнительной информации или решения проблемы.

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

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

7.2.7    Обратная связь онлайн для пользователей

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

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

7.2.8    Конфиденциальность и деловая политика

7.2.8.1    Предоставление положений политики конфиденциальности

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

В положение о конфиденциальности включается следующая информация:

a)    происхождение собранной/ отслеживаемой информации;

b)    каким образом информация будет использоваться;

c)    с кем необходимо делиться данной информацией.

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

Положение о конфиденциальности рекомендуется предоставлять в стандартизированном формате (таком как формат платформы для предпочтения конфиденциальности (РЗР) Консорциума W3C), поддерживающем обработку положения о конфиденциальности агентов пользователя.

7.2.8.2    Предоставление положений деловой политики

Деловая политика должна быть доступна на веб-сайте, если это необходимо в контексте приложения.

Пример — Веб-сайт содержит положения деловой политики, включающие, среди прочих правил, информацию о возврате товаров.

Примечание — В некоторых странах существует особое законодательство или правила в отношении размещения деловой политики на веб-сайтах.

7.2.8.3    Контроль личной информации со стороны пользователя

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

Более предпочтительным является запрос согласия пользователя («согласен») на использование его личной информации, чем несогласия («не согласен»),

12

ГОСТ Р ИСО 9241-151-2014

Рекомендуется предоставлять функции, позволяющие пользователям просмотреть, изменить, подтвердить или отозвать согласие в любой момент.

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

7.2.8.4 Хранение информации на компьютере пользователя

Если веб-приложение сохраняет данные или используемые программы на компьютере пользователя (например, с помощью технологии «куки»), должна открыто предоставляться политика использования этих данных и программ.

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

7.2.9 Индивидуализация и адаптация пользователя

7.2.9.1    Общие положения

Адаптация информационного наполнения и навигации пользовательского веб-интерфейса к индивидуальным пользователям или пользовательским группам может быть полезным механизмом более эффективного предоставления информации, представляющей интерес для пользователя, и доступа к необходимой информации (см. также диалоговый принцип пригодности для индивидуализации в стандарте ИСО 9241-110). Адаптация пользователя также может иметь значение для повышения доступности пользовательского веб-интерфейса. Для достижения этих целей могут применяться различные подходы, в том числе:

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

-    мониторинг поведения пользователя и адаптация к его целям на основании наблюдения за поведением;

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

7.2.9.2    Учет задач и информационных потребностей пользователей

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

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

7.2.9.3    Наглядность индивидуализации и адаптации

Процесс использования индивидуализации и/или адаптации должен быть наглядно виден пользователю.

7.2.9.4    Наглядность профиля пользователя

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

При использовании профилей важно предоставлять пользователям информацию о данном понятии и его последствиях.

7.2.9.5    Возможность просмотра и изменения профиля для пользователей

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

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

7.2.9.6    Информирование об автоматически создаваемых профилях

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

13

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

Примечание — В некоторых случаях профили формируются в процессе перемещения пользователя по

сайту.

7.2.9.7    Отключение автоматической адаптации пользователя

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

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

7.2.9.8    Предоставление доступа к полному информационному наполнению

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

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

8 Навигация и поиск

8.1    Общие положения

Навигация включает набор действий, выполняемых пользователем в веб-интерфейсе пользователя с целью перемещения с видимых (или доступных для восприятия другим способом) в настоящий момент результатов системы на другие. Это перемещение может вызвать резкую смену положения на текущей веб-странице, отображение другой страницы, появление нового содержания в окне навигации, а также другие изменения в отображаемой информации. Проектирование навигации включает в себя преобразование подходящих данных из структуры информационного наполнения в навигационную структуру. Общее руководство по преобразованию информационного наполнения в поля воспроизведения и по проектированию навигационных структур представлено в ИСО 14915-2.

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

Примечание — В некоторых случаях процесс навигации может быть также запущен системой, например, в случае, если стартовая страница («экран-заставка») автоматически закрывается после прохождения определенного времени.

8.2    Общее руководство по навигации

8.2.1    Преобразование навигации в информативную систему

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

Общее руководство по достижению информативности представлено в ИСО 9241-110.

8.2.2    Определение местоположения пользователя

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

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

ГОСТ Р ИСО 9241-151-2014

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

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

8.2.3    Возможность поддерживать различные навигационные поведения

Пользователи могут демонстрировать различные навигационные поведения в зависимости от

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

Навигационное поведение включает приведенные ниже варианты.

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

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

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

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

8.2.4    Предложение альтернативных путей доступа

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

Пример — К странице, содержащей нормативные положения, которых следует придерживаться при экспорте продукции в другие страны, можно получить доступ через содержимое категории «правила экспорта» или через последовательную процедуру, принятую при поставке товара.

8.2.5    Минимизация навигационного усилия

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

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

8.3 Навигационная структура

8.3.1    Общие положения

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

Примечание — Некоторые авторы используют термин «информационная архитектура» как синоним понятия «навигационная структура».

8.3.2    Выбор подходящей навигационной структуры

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

15

навигационные структуры представляют собой иерархии, сети или сочетания полей воспроизведения либо их сочетания. Общее руководство по проектированию навигационных структур представлено в ИСО 14915-2.

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

Пример 2 — Сайт электронной торговли предлагает меню, основанное на категориях продукта (например, обувь), а также меню на основе деятельности пользователя (например, пешие прогулки).

8.3.3    Сопоставление широты и глубины навигационной структуры

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

Руководство по выбору баланса между широтой и глубиной в меню содержится в ИСО 9241-14.

8.3.4    Организация целенаправленной навигации

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

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

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

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

Пример 4 — В интернет-магазине пользователи могут перейти к часто покупаемым продуктам прямо из списка на домашней странице.

8.3.5    Навигация по описанию задач

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

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

8.3.6    Возможность четкой навигации внутри многоступенчатой задачи

В случае если пользователи перемещаются между разными страницами (или полями воспроизведения), относящимися к одной и той же многоступенчатой задаче, им предоставляются соответствующие технические приемы. Соответствующие технические приемы включают, в частности:

-    предоставление пошаговой инструкции;

-    предоставление четких указаний на местоположение пользователя в задаче в любое время;

-    обеспечение возможности пользователей перемещаться на предыдущие шаги для корректировки введенной информации;

-    предоставление сведений о состоянии процесса обработки информации.

ГОСТ Р ИСО 9241-151-2014

Содержание

1    Область применения............................................1

2    Нормативные ссылки............................................1

3    Термины и определения..........................................2

4    Применение.................................................5

5    Эталонная модель человеко-ориентированного проектирования пользовательских

веб-интерфейсов..............................................5

6    Высокоуровневые решения по проектированию и стратегия проектирования.............7

7    Разработка информационного наполнения................................9

8    Навигация и поиск.............................................14

9    Представление информационного наполнения.............................23

10 Общие аспекты проектирования....................................29

Приложение А (справочное) Обзор серии стандартов ИСО 9241 .................... 32

Приложение В (справочное) Пример порядка оценки применимости и соответствия.........36

Приложение ДА (справочное) Сведения о соответствии ссылочных международных стандартов

национальным стандартам Российской Федерации..................45

Библиография................................................46

ГОСТ Р ИСО 9241-151-2014

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

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

8.3.7    Сочетание нескольких способов организации навигации

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

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

8.3.8    Информативная домашняя страница

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

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

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

8.3.9    Прямой доступ к важной информации с домашней страницы

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

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

8.3.10    Экраны-заставки

8.3.10.1    Исключение ненужных экранов-заставок

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

8.3.10.2    Пропуск экранов-заставок

При использовании экрана-заставки предлагается навигационная опция по его пропуску.

Пример — Навигационная опция по пропуску мгновенно всплывающей заставки предоставляется как стандартная HTML-ссылка, а не как часть Flash-анимации.

8.3.11    Исключение открытия ненужных окон

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

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

Дополнительное окно поддерживает задачу пользователя, если оно используется для предъявления подзадачи, каким-то образом касающейся задачи, отображенной в главном окне (например, “выбе-

17

Введение

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

Пользовательские веб-интерфейсы имеют специфические проблемы пригодности использования:

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

-    различные пользовательские цели — например, сайт, созданный для одного набора задач (таких как сделки в электронной торговле), может быть недостаточным для пользователей, задача которых, например, сбор информации;

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

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

Существует множество руководств по практической работе, многие непосредственно в Сети, но эти руководства иногда противоречат друг другу и трудно выполнимы на практике. Имеется ряд международных стандартов, которые, не описывая конкретно пользовательские веб-интерфейсы, предоставляют полезное руководство по пригодности использования и проектированию пользовательских интерфейсов: ИСО 9241-11, ИСО 9241-17, ИСО 9241-110 содержат эргономическое руководство по проектированию программных пользовательских интерфейсов в общем, ИСО 9241-210 — по достижению пригодности использования путем внедрения человеко-ориентированного проектирования в течение всего жизненного цикла интерактивных систем, серия стандартов ИСО 14915 — по вопросам проектирования мультимедийных и гипермедийных пользовательских интерфейсов.

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

Важная цель в разработке пользовательских веб-интерфейсов состоит в том, чтобы сделать их доступными для самого широкого круга пользователей, включая людей с ограниченными возможностями. Настоящий стандарт не охватывает всех аспектов доступности пользовательских веб-интерфейсов. Общие рекомендации по обеспечению и улучшению доступности к оборудованию, программному обеспечению и услугам информационно-коммуникационных технологий (ICT) изложены в ИСО 9241-20, подробное руководство по доступности программного обеспечения для пользовательских интерфейсов изложено в ИСО 9241-171, в то время как «Инициатива в области обеспечения Интернет-доступности» (WAI — Web Accessibility Initiative) Консорциума W3C представляет руководство конкретно для информационного наполнения Сети, агентов пользователя и инструментальных средств разработки веб-сайтов.

ИСО 9241 был первоначально разработан как международный стандарт, состоящий из семнадцати частей по эргономическим требованиям к проведению офисных работ с использованием видеодисплейных терминалов. В рамках пересмотра стандартов было принято решение реструктурировать серию стандартов ИСО 9241 с целью расширения области его применения, включить другие относящиеся к этому вопросу стандарты и сделать его более пригодным для использования. Название пересмотренного ИСО 9241 «Эргономика взаимодействия человек — система» отражает эти изменения и приводит стандарт в соответствие с общим названием и областью деятельности Технического комитета ISO/TC 159, Подкомитета № 4. Пересмотренный стандарт представляет собой ряд серий стандартов, пронумерованных следующим образом: серия 100 описывает интерфейсы на основе программных средств, серия 200 — проектирование, ориентированное на человека, серия 300 — видеодисплеи, серия 400 — устройства физического ввода, и так далее. В приложении А приведен краткий обзор всей серии стандартов ИСО 9241.

Настоящий стандарт идентичен международному стандарту, разработанному Техническим комитетом ISO/TC 159 «Эргономика».

НАЦИОНАЛЬНЫЙ СТАНДАРТ РОССИЙСКОЙ ФЕДЕРАЦИИ

ЭРГОНОМИКА ВЗАИМОДЕЙСТВИЯ ЧЕЛОВЕК — СИСТЕМА Часть 151

Руководство по проектированию пользовательских интерфейсов сети Интернет

Ergonomics of human-system interaction. Part 151. Guidance on World Wide Web user interfaces

Дата введения — 2015—12—01

1    Область применения

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

Рекомендации, данные в настоящем стандарте, включают следующие аспекты проектирования пользовательских веб-интерфейсов:

-    решения по проектированию архитектуры и стратегия проектирования;

-    разработка информационного наполнения;

-    навигация и поиск;

-    представление информационного наполнения.

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

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

2    Нормативные ссылки

В настоящем стандарте использованы ссылки на следующие документы:

ИСО 9241-11:1998 Эргономические требования к офисным работам с использованием видеодисплейных терминалов (VDT). Часть 11. Руководство по пригодности использования (ISO 9241-11:1998 Ergonomic requirements for office work with visual display terminals (VDTs) — Part 11: Guidance on usability)

ИСО 9241-12 Эргономические требования к офисным работам с использованием видеодисплейных терминалов (VDT). Часть 12. Представление информации (ISO 9241-12, Ergonomic requirements for office work with visual display terminals (VDTs) — Part 12: Presentation of information)

ИСО 9241-13 Эргономические требования к офисным работам с использованием видеодисплейных терминалов (VDT). Часть 13. Руководство пользователя (ISO 9241-13, Ergonomic requirements for office work with visual display terminals (VDTs) — Part 13: User guidance)

Издание официальное

ИСО 9241-14 Эргономические требования к офисным работам с использованием видеодисплейных терминалов (VDT). Часть 14. Диалоги меню (ISO 9241-14, Ergonomics requirements for office work with visual display terminals (VDTs) — Part 14: Menu dialogues)

ИСО 9241-15 Эргономические требования к офисным работам с использованием видеодисплейных терминалов (VDT). Часть 15. Диалоги команд (ISO 9241-15, Ergonomic requirements for office work with visual display terminals (VDTs) — Part 15: Command dialogues)

ИСО 9241-16 Эргономические требования к офисным работам с использованием видеодисплейных терминалов (VDT). Часть 16. Диалоги непосредственного управления (ISO 9241-16, Ergonomic requirements for office work with visual display terminals (VDTs) — Part 16: Direct manipulation dialogues)

ИСО 9241-17 Эргономические требования к офисным работам с использованием видеодисплейных терминалов (VDT). Часть 17. Диалоги заполнения формы (ISO 9241-17, Ergonomic requirements for office work with visual display terminals (VDTs) — Part 17: Form-filling dialogues)

ИСО 9241-20 Эргономика взаимодействия человек— система. Часть 20: Руководство по доступности оборудования и услуг информационно-коммуникационных технологий (ICT) (ISO 9241-20, Ergonomics of human-system interaction — Part 20: Accessibility guidelines for information/communication technology (ICT) equipment and services)

ИСО 9241-110 Эргономика взаимодействия человек — система. Часть 110: Принципы диалога (ISO 9241-110, Ergonomics of human-system interaction — Part 110: Dialogue principles)

ИСО 9241-171 Эргономика взаимодействия человек — система. Часть 171: Руководство по доступности программного обеспечения (ISO 9241-171, Ergonomics of human-system interaction — Part 171: Guidance on software accessibility)

ИСО 9241-303 Эргономика взаимодействия человек — система. Часть 303: Требования к электронным видеодисплеям (ISO 9241-303, Ergonomics of human-system interaction — Part 303: Requirements for electronic visual displays)

ISO 9241-210:2010 Эргономика взаимодействия человек — система. Часть 210. Человеко-ориентированное проектирование интерактивных систем (ISO 9241-210:2010 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems)

ИСО 14915-1 Эргономика мультимедийных пользовательских интерфейсов. Часть 1. Принципы проектирования и структура (ISO 14915-1, Software ergonomics for multimedia user interfaces — Part 1: Design principles and framework)

ИСО 14915-2 Эргономика мультимедийных пользовательских интерфейсов. Часть 2. Навигация и управление мультимедийными средствами (ISO 14915-2, Software ergonomics for multimedia user interfaces — Part 2: Multimedia navigation and control)

ИСО 14915-3 Эргономика программного обеспечения для мультимедийных интерфейсов пользователя. Часть 3. Выбор и объединение носителей (ISO 14915-3, Software ergonomics for multimedia user interfaces — Part 3: Media selection and combination)

Web Content Accessibility Guidelines (WCAG) 2.0

WCAG 1.0 Рекомендации по доступности содержимого Всемирной сети 1.0, Рекомендация Консорциума W3C (MIT, INRIA, Keio) (WCAG 1.0, Web Content Accessibility Guidelines 1.0, W3C Recommendation, World Wide Web Consortium (W3C) (MIT, INRIA, Keio))

WCAG 2.0 Рекомендации по доступности содержимого Всемирной сети 2.0, Консорциум W3C (MIT, ERCIM, Keio)1) (WCAG 2.0, Web Content Accessibility Guidelines 2.0, World Wide Web Consortium (W3C) (MIT, ERCIM, Keio))

3 Термины и определения

В настоящем стандарте применены следующие термины с соответствующими определениями:

3.1    поиск с использованием операторов Буля (boolean search): Поисковое предписание с использованием логических операторов.

3.2    браузер (browser): Агент пользователя, позволяющий пользователю получать и читать гипертекст, просматривать содержание гипертекстовых узлов (обычно веб-страницы), перемещаться от одного узла к другому и взаимодействовать с информационным наполнением.

О Рабочий проект, который в окончательном опубликованном издании заменит версию WCAG 1.0.

2

ГОСТ Р ИСО 9241-151-2014

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

3.3    концептуальная модель информационного наполнения (conceptual content model): Абстрактная модель, описывающая понятия области приложения, отношения между этими понятиями и операции, которые выполняются на основе этих понятий или отношений.

3.4    информационное наполнение Сети (контент) (content, web content): Набор объектов информационного наполнения (пользовательского веб-интерфейса).

3.5    объект информационного наполнения (content object): Интерактивный или неинтерактивный объект, содержащий информацию, представленную в виде текста, изображения, видео- или звуковыми материалами либо другими типами носителей.

3.6    динамическая навигационная ссылка, автоматическая ссылка (dynamic navigation link, computed link): Ссылка, рассчитываемая динамически системой, основанной, например, на содержании базы данных.

3.7    окно-рамка (фрейм) (frame): Механизм для разделения окна браузера на отдельные окна, каждое из которых отображает различные документы или различные части одного документа.

3.8    набор фреймов (frameset): Набор фреймов и соответствующая структура их расположения, которая представлена в одном окне браузера.

3.9    глобальная навигация (global navigation): Набор навигационных ссылок, имеющихся на всех страницах веб-сайта.

3.10    домашняя страница (home page): Стартовая страница, начальная страница, главная страница, через которую пользователи обычно входят на веб-сайт и чей URL обычно указывается или обозначается ссылкой как основной веб-адрес организации или лица.

Примечание — Термин «домашняя страница» может использоваться по-разному в различных контекстах. В некоторых случаях домашней страницей называют целый веб-сайт.

3.11    объект взаимодействия (interaction object): Компонент пользовательского интерфейса Сети, принимающий ввод данных пользователя.

Пример — Ссылки, кнопки, поля ввода, окна флажков или списки выбора.

3.12    интернет (Internet): Взаимно связанные по всему миру компьютерные системы и компьютерные сети, соединенные через шлюзы, которые позволяют передачу данных между ними.

3.13    интранет (intranet): Компьютерная сеть, использующая стандарты Интернета, доступ в которую ограничен членами конкретной организации, например, компании.

3.14    страница, отмеченная закладкой (landmark page, landmark): Главная страница в структуре навигации, к которой можно получить прямой доступ с многих других страниц.

3.15    ссылка, гиперссылка (link, hyperlink): (Веб)-ссылка в некоторой части одного документа на некоторую часть другого документа или другую часть того же документа.

Примечание — Ссылки также называют гиперссылками, потому что системы гипертекста и гипермедиа активно используют это понятие. Ссылки используются для активации навигации. Они представлены, например, как тэги элементов в языке гипертекстовой разметки (HTML). Понятие ссылок также описано в ИСО 14915-2 в контексте пользовательских мультимедийных интерфейсов.

3.16    сигнальная метка ссылки (link cue): Текстовое или графическое представление ссылки, содержащее информацию о цели ссылки.

3.17    медиа-объект (media object): Компонент Web-документа, который представлен единственным типом медиаданных.

Пример 1 — Текстовый объект, представляющий обсуждение по некоторой теме.

Пример 2 — Графический объект, представляющий изображение некоторого человека.

Пример 3 — Звуковой объект, представляющий собой песню.

Примечани е — Дано в сокращении из ИСО 14915-2:2003, определение 3.3.

3.18    компонент навигации (navigation component): Группа навигационных элементов, размещенных вместе.

3.19    профиль (профиль пользователя) (profile, user profile): Набор признаков, используемых системой, которые являются уникальными для конкретного пользователя/группы пользователей.

3

3.20    заранее заданный профиль пользователя (predefined user profile): Конфигурация, основанная на стереотипе или сочетании стереотипов.

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

Примечание 2 — Заранее заданный профиль пользователя часто используется, чтобы определить полномочия доступа к определенному информационному наполнению Сети.

3.21    представление (rendering): Действие, посредством которого представлена информация в

документе.

Примечание — Это представление сделано в форме, наиболее соответствующей условиям окружающей обстановки (например устно, визуально, в печатном виде).

3.22    навигация по Сети (веб-навигация) (navigation, Web navigation): Перемещение (в Сети) между или внутри веб-страниц или перемещение в пределах некоторого фрагмента, представленного на странице (например, внутри конкретного медиа-объекта), которое пользователи выполняют, чтобы найти определенную функцию или информацию.

Примечание 1 — В настоящем стандарте термин «навигация» используется как удобная короткая форма термина «веб-навигация» (см. также ИСО 14915-2).

Примечание 2 — Шаги навигации часто инициируются активацией какой-либо ссылки.

3.23    навигационная структура, структура веб-навигации (navigation structure, Web navigation structure): Структура Всемирной сети, составленная из элементарных или составных сегментов представления (таких как страницы или медиа-объекты, содержащиеся на странице) и ссылок, определяющая все возможные маршруты, по которым пользователи могут перемещаться в пользовательском веб-интерфейсе.

3.24    программа для чтения с экрана (screen reader): Вспомогательное программное обеспечение, которое позволяет пользователям ознакомиться с содержанием на экране без необходимости просмотра видеодисплея.

Примечание 1 — Программа для чтения экрана обычно выдает звуковое представление текста или шрифт Брайля.

Примечание 2 — Работа программ для чтения экрана зависит от поступления информации от операционной системы и приложений.

3.25    карта сайта (site map): Текстовый или графический обзор полной навигационной структуры веб-сайта.

3.26    экран-заставка (splash screen): Временная страница, показанная до домашней страницы, когда впервые производится доступ к веб-сайту.

3.27    всплывающая подсказка (tool tip): Маленькое всплывающее окно, которое появляется, когда курсор мыши наведен на объект взаимодействия, и показывает пояснительный текст или справочную информацию.

3.28    транзакция (transaction): Действие, которое выполняет добавление, обновление или удаление информации.

3.29    агент пользователя, агент пользователя сети (Web user agent, user agent): Программное обеспечение конечного пользователя, которое позволяет пользователям взаимодействовать с отдаленной системой через интернет-протоколы.

Примечание — Характерным типом агента пользователя является браузер.

3.30    унифицированный индификатор ресурса (uniform resource locator URL): Механизм для идентификации ресурсов в Интернете (таких как веб-страницы) путем указания адреса ресурса и используемого протокола доступа.

Примечание — Официальный технический термин, как определено Рабочей группой проектирования Интернет (IETF) — унифицированный идентификатор ресурса (URI), по отношению к которому URL является подгруппой.

3.31    веб-страница (Web page): Последовательное представление объекта или набора объектов информационного наполнения и связанных с ними объектов взаимодействия через агента пользователя.

4

ГОСТ Р ИСО 9241-151-2014

3.32    веб-сервис (Web service): Ресурс сети, предоставляющий информационное наполнение и/или функциональные возможности, к которым можно обратиться дистанционно через стандартизированные протоколы и программные интерфейсы.

3.33    сайт, веб-сайт (website, site): Последовательный набор взаимосвязанных ресурсов Сети (например, веб-страниц или веб-сервисов), который размещен на одном или нескольких компьютерах, подключенных к Интернету, и к нему можно обычно обращаться через совокупность спецификаций того же домена URL.

3.34    веб-приложение (Web application, World Wide Web application): Приложение, предоставляющее функциональные возможности пользователю через браузер или другой тип агента пользователя, использующего веб-форматы и протоколы.

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

3.35    пользовательский веб-интерфейс (Web user interface, World Wide Web user interface): Bee аспекты веб-сайта или веб-приложения, относящиеся к информационному наполнению, функциональным возможностям, навигации, взаимодействию и представлению, которые существенны для использования веб-приложения или веб-сайта.

3.36    внутристраничная ссылка (within-page link): Ссылка, приводящая к цели на той же странице.

4    Применение

4.1    Предполагаемые группы пользователей

Пользователями настоящего стандарта предполагаются следующие группы:

-    разработчики и проектировщики пользовательских веб-интерфейсов, которые применят его в процессе разработки;

-    контент-провайдеры, которые разрабатывают и поддерживают информационное наполнение веб-сайта или приложения;

-    разработчики инструментальных средств для компьютеризации творческой работы, которые интегрируют упомянутые рекомендации в свои инструментальные средства;

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

-    покупатели, которые желают получить гарантированное эргономическое качество программного продукта или разработки.

4.2    Применение рекомендаций

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

4.3    Соответствие

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

5    Эталонная модель человеко-ориентированного проектирования пользовательских веб-интерфейсов

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

5

Область проектирования

Концептуальная модель информационного наполнения

Объект информационного наполнения и функциональные возможности

Представление информационного наполнения

По проектированию пользовательских интерфейсов в общем (см. ИСО 9241-110 и ИСО 9241-12 - ИСО 9241-17) По проектированию мультимедийных ^интерфейсов (см. ИСО 14915-1 - ИСО 14915-3)^/

Пользовательские

Высокоуровневые аспекты проектирования


Навигация и поиск


веб-интерфейсы

ИСО 9241-151

Область оценки

Критерии оценки основываются на личных факторах (познавательных, эмоциональных, убеждениях) и кросс-индивидуальных факторах (социальные, экономические, культурные). Пригодность к использованию измеряется производительностью, эффективностью и степенью удовлетворенности (см. ISO/TR 16982, ИСО 9241-110 и ИСО 9241-11)


Область процесса

Руководства и методики см., например, в стандартах по ориентированному на пользователя проектированию (ИСО 9241-210, ISO/TR 16982 и ISO/TR 18529), а также методы проектирования информационного наполнения


Рисунок 1 — Эталонная модель

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

В эталонной модели рисунка 1 проект пользовательского веб-интерфейса показан в виде структуры из пяти главных областей или уровней, которые использовались для составления настоящего стандарта:

-    высокоуровневые аспекты проектирования;

-    концептуальная модель информационного наполнения;

-    объект информационного наполнения и функциональные возможности;

-    навигация и поиск;

-    представление информационного наполнения.

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

Кроме того, следует обращаться к следующим международным стандартам:

-    по руководству, связанному с программными пользовательскими интерфейсами: ИСО 9241-110, ИСО 9241-11, ИСО 9241-12, ИСО 9241-13, ИСО 9241-14, ИСО 9241-15, ИСО 9241-16 и ИСО 9241-17;

6