9.1 Общие положения ГОСТ Р ИСО 9241-151-2014
В данном разделе содержится руководство по представлению информационного наполнения пользовательского веб-интерфейса. Поскольку рекомендованы развивающиеся объекты информационного наполнения независимо от их представления (см. раздел 7), многие аспекты представления информационного наполнения могут определяться отдельно с использованием, к примеру, таблиц стилей [из 9.1 Общие положения ГОСТ Р ИСО 9241-151-2014]
9.2 Соблюдение принципов человеческого восприятия ГОСТ Р ИСО 9241-151-2014
При разработке веб-страниц необходимо принимать во внимание принципы человеческого восприятия. В качестве руководства необходимо учитывать международные стандарты, упомянутые ниже.
Практические рекомендации по представлению информации пользователю содержатся в стандарте ИСО 9241-12. Руководство по выбору и использованию различных технологий взаимодействия можно найти в стандартах с ИСО 9241-14 по ИСО 9241-17. Стандарт ИСО 9241-14 предлагает руководство по меню, ИСО 9241-15 - по диалогам команд, ИСО 9241-16 - по непосредственному управлению, ИСО 9241-17 - по заполнению форм. Кроме того, при разработке мультимедийных презентаций информации необходимо принимать во внимание принципы и рекомендации по проектированию, описанные в стандартах с ИСО 14915-1 по ИСО 14915-3. Адекватное представление информационного наполнения также играет ключевую роль в доступности [из 9.2 Соблюдение принципов человеческого восприятия ГОСТ Р ИСО 9241-151-2014]
9.3 Аспекты дизайна страниц ГОСТ Р ИСО 9241-151-2014
9.3.1 Общая информация на странице ГОСТ Р ИСО 9241-151-2014
Каждая страница должна содержать описательное название и, при необходимости, принадлежность и дату последнего обновления [из 9.3.1 Общая информация на странице ГОСТ Р ИСО 9241-151-2014]
9.3.3 Однотипное расположение названий ГОСТ Р ИСО 9241-151-2014
Заголовки страниц должны располагаться в одном и том же месте на разных страницах [из 9.3.3 Однотипное расположение названий ГОСТ Р ИСО 9241-151-2014]
9.3.4 Распознавание нового информационного наполнения ГОСТ Р ИСО 9241-151-2014
Для привлечения внимания пользователя к новому или значительно измененному информационному наполнению, если это необходимо, исходя из задач пользователя, должны использоваться соответствующие средства.
Важно выбирать технические приемы, не отвлекающие пользователя или не вызывающие его отрицательной реакции. Руководство предоставлено в стандартах ИСО 14915-3 и ИСО 9241-171 [из 9.3.4 Распознавание нового информационного наполнения ГОСТ Р ИСО 9241-151-2014]
9.3.5 Наглядное представление временного состояния ГОСТ Р ИСО 9241-151-2014
Если информационное наполнение страницы действительно только в течение определенного периода времени, срок действия должен быть указан соответствующим образом [из 9.3.5 Наглядное представление временного состояния ГОСТ Р ИСО 9241-151-2014]
9.3.6 Выбор подходящей длины страниц ГОСТ Р ИСО 9241-151-2014
Длина страницы должна выбираться в соответствии с основной целью и использованием страницы. Короткие страницы обычно больше подходят для домашних, навигационных или обзорных страниц, которые нужно читать быстро. Длинные страницы могут быть более подходящими, когда пользователь хочет прочитать информационное наполнение без прерываний, или когда необходимо сравнить страницу с бумажной копией [из 9.3.6 Выбор подходящей длины страниц ГОСТ Р ИСО 9241-151-2014]
9.3.7 Минимизация вертикальной прокрутки ГОСТ Р ИСО 9241-151-2014
Вертикальная прокрутка должна быть сведена к минимуму. Это может быть сделано путем размещения важной информации сверху и предоставления ссылок на информацию, располагающуюся ниже на странице [из 9.3.7 Минимизация вертикальной прокрутки ГОСТ Р ИСО 9241-151-2014]
9.3.8 Избегание горизонтальной прокрутки ГОСТ Р ИСО 9241-151-2014
Горизонтальной прокрутки следует по возможности избегать.
Примечание - Необходимость горизонтальной прокрутки может быть вызвана использованием изображений и таблиц, превышающих ширину окна [из 9.3.8 Избегание горизонтальной прокрутки ГОСТ Р ИСО 9241-151-2014]
9.3.9 Использование цвета ГОСТ Р ИСО 9241-151-2014
Цвет необходимо применять осторожно, учитывая человеческие возможности и ограничения в восприятии цвета, и не использовать как единственное средство передачи информации.
Пример - Сообщения об ошибках, выделяемые красным цветом, также показываются жирным шрифтом.
В качестве руководства по использованию цвета необходимо применять стандарт ИСО 9241-303. Важные решения по оформлению с использованием цветов включают в себя:
- ограничение количества используемых для кодирования цветов не более чем десятью, а предпочтительно - не более чем пятью;
- поддержание достаточного контраста переднего и заднего планов;
- избегание определенных цветовых комбинаций переднего и заднего планов, которые могут затруднить чтение текста на переднем плане, таких как красный текст на синем фоне.
Примечание - Согласно стандарту ИСО 9241-12:1998,пункт 7.5.1 цвет не должен являться единственным средством кодирования. Некоторые пользователи могут иметь затруднения в восприятии определенных цветов или цветовых комбинаций (неспособность различать цвета). Поэтому цвет используется только как вспомогательное средство кодирования и является дублирующим средством в сочетании с иными приемами кодирования [из 9.3.9 Использование цвета ГОСТ Р ИСО 9241-151-2014]
9.3.10 Осторожное использование окон-рамок (фреймов) ГОСТ Р ИСО 9241-151-2014
При использовании окон-рамок следует проявлять осторожность во избежание возможных проблем, например, связанных с использованием кнопки возврата, установкой закладок на страницах или прокруткой информации.
При использовании окон-рамок очень важно озаглавить каждое, а также описать его назначение и то, как они соотносятся друг с другом, при помощи, к примеру, соответствующей HTML-разметки. Это облегчит распознавание фреймов и навигацию для людей, использующих маленькие экраны и программы для чтения экрана [из 9.3.10 Осторожное использование окон-рамок (фреймов) ГОСТ Р ИСО 9241-151-2014]
9.3.11 Альтернативы представлению информации на основе фреймов ГОСТ Р ИСО 9241-151-2014
Если на веб-сайте используются фреймы, необходимо предоставить альтернативный способ представления соответствующей информации.
Пример -Для демонстрации постоянно видимого навигационного компонента используются плавающие элементы, такие как те, которые предоставлены в каскадных таблицах стилей (CSS) 21 [17] [из 9.3.11 Альтернативы представлению информации на основе фреймов ГОСТ Р ИСО 9241-151-2014]
Примечание - Некоторые агенты пользователя, такие как браузеры мобильных телефонов, могут не передавать фреймы [из 9.3.11 Альтернативы представлению информации на основе фреймов ГОСТ Р ИСО 9241-151-2014]
9.3.12 Предоставление в качестве альтернативы страниц, содержащих только текст ГОСТ Р ИСО 9241-151-2014
Пользователь должен иметь возможность читать и понимать веб-страницу, даже когда таблицы стилей и (или) фреймы отключены; в качестве альтернативы пользователь должен получить эквивалентную страницу, содержащую только текст [из 9.3.12 Предоставление в качестве альтернативы страниц, содержащих только текст ГОСТ Р ИСО 9241-151-2014]
9.3.13 Согласованность сходных веб-сайтов ГОСТ Р ИСО 9241-151-2014
Если организация поддерживает несколько веб-сайтов, предназначенных для одной аудитории, общее оформление должно быть согласованным и к различным частям должен быть быстрый доступ.
Пример - Согласованная навигация и оформление страниц для различных отделов компании [из 9.3.13 Согласованность сходных веб-сайтов ГОСТ Р ИСО 9241-151-2014]
9.3.14 Использование соответствующих приемов для определения оформления страниц ГОСТ Р ИСО 9241-151-2014
Оформление страниц должно определяться при помощи соответствующих приемов для приспособления к изменяющимся характеристикам устройств и программного обеспечения для представления.
Пример - При создании формата страницы вместо HTML-таблицы используется CSS (каскадная таблица стилей) [из 9.3.14 Использование соответствующих приемов для определения оформления страниц ГОСТ Р ИСО 9241-151-2014]
9.3.15 Распознавание всех страниц веб-сайта ГОСТ Р ИСО 9241-151-2014
Все страницы и окна, относящиеся к определенному веб-сайту, должны легко распознаваться как части данного сайта.
Пример - Все страницы сайта какой-либо компании отмечены логотипом данной компании.
Очень часто пользователи не понимают, что они перешли на другой веб-сайт. Логотипы являются эффективным средством для обеспечения того, чтобы пользователь понимал, на какую страницу он зашел. Для этого также полезно размещать логотип последовательно на каждой странице [из 9.3.15 Распознавание всех страниц веб-сайта ГОСТ Р ИСО 9241-151-2014]
9.3.16 Предоставление версий документов для печати ГОСТ Р ИСО 9241-151-2014
Если документ слишком длинный, разделен на несколько страниц или имеет специфический формат, непригодный для чтения в режиме онлайн, должна предоставляться версия документа для печати, в которой информационное наполнение представлено в приемлемой для пользователя форме (например, в ожидаемом оформлении, формате бумаги или ориентации).
Версии документа для печати полезны как для просмотра в режиме онлайн, так и для печати. В зависимости от задачи продумывайте предоставление пригодной для печати онлайн-страницы, представляющей содержание документа или версию документа для скачивания.
9.3.17 Использование «пустого места» ГОСТ Р ИСО 9241-151-2014
«Пустое место» на странице (пространство, заполненное только цветом фона) должно использоваться таким образом, чтобы это не ухудшало визуальный просмотр страницы. Хотя такое свободное место является важным средством визуальной организации различных элементов информационного наполнения на странице, если расстояние между блоками информации слишком большое, быстрый просмотр страницы ухудшается [из 9.3.17 Использование «пустого места» ГОСТ Р ИСО 9241-151-2014]
9.4 Оформление ссылок ГОСТ Р ИСО 9241-151-2014
9.4.1 Общие положения ГОСТ Р ИСО 9241-151-2014
Ссылки могут быть представлены различными средствами, такими как текст или кнопки. Использование соответствующих технологий, различных мультимедийных объектов, таких как движущиеся объекты анимации или фильмов, также могут служить в качестве указателей ссылок. Общее руководство по оформлению ссылок можно найти в стандарте ИСО 14915-2 [из 9.4.1 Общие положения ГОСТ Р ИСО 9241-151-2014]
9.4.2 Распознавание ссылок ГОСТ Р ИСО 9241-151-2014
Ссылки должны легко распознаваться пользователем. Распознаванию ссылок могут содействовать разнообразные технические приемы, такие как подчеркивание и цветовое кодирование текста, выделение ссылки цветом или размещение ссылки в группе навигационных элементов. Важно, чтобы данные приемы использовались последовательно.
Важно, чтобы ссылки распознавались не только по цвету (см. стандарт ИСО 9241-12).
Также важно избегать использования визуальных элементов, которые выглядят как ссылки, но ссылками не являются [из 9.4.2 Распознавание ссылок ГОСТ Р ИСО 9241-151-2014]
9.4.3 Отделение соседних ссылок друг от друга ГОСТ Р ИСО 9241-151-2014
Когда в одном разделе текста или в одной строчке содержится несколько текстовых ссылок, они должны быть визуально отделены друг от друга - например, не являющимися ссылками печатными символами [из 9.4.3 Отделение соседних ссылок друг от друга ГОСТ Р ИСО 9241-151-2014]
9.4.4 Отличие навигационных ссылок от транзакций ГОСТ Р ИСО 9241-151-2014
Объекты взаимодействия, показанные на странице, должны выбираться таким образом, чтобы пользователь мог легко различать навигацию и транзакции, управляющие данными.
Пример - Текстовые ссылки используются для перехода со страницы на страницу, в то время как кнопки используются для транзакций, которые управляют данными [из 9.4.4 Отличие навигационных ссылок от транзакций ГОСТ Р ИСО 9241-151-2014]
9.4.5 Сигнальные метки ссылок, не требующие пояснений ГОСТ Р ИСО 9241-151-2014
Сигнальные метки ссылок (например, ярлыки ссылок, иконки или всплывающие подсказки), представленные пользователю, должны быть не требующими пояснений и давать четкое указание на цель, к которой ведет ссылка.
Пример 1 - Ссылка с ярлыком «Описание продукта» ведет пользователя от общего списка продуктов к детальному описанию выбранного продукта.
Пример 2 - Направление или действие ссылки объясняется в «титульном» атрибуте указательной метки (всплывающей подсказки).
Текстовые указатели ссылок с четким описанием цели являются, как правило, наилучшим способом для передачи пользователю значения ссылки. Графические символы полезны только для общих и часто используемых типов ссылок, а также в случае, если они представляют собой известную метафору (например, символ тележки для продуктов в приложении по электронной торговле).
В некоторых ситуациях пользователей может сбить с толку перемещение на новый сайт или навигационный контекст. Полезно создавать ссылки, помогающие пользователю различать внутренние ссылки, ведущие к целям в пределах того же контекста, и внешние ссылки, ведущие, к примеру, на веб-сайт другой компании. Некоторые возможные способы отличия внутренних ссылок от внешних включают формулировку текста ссылки, положение на странице или графическое представление [из 9.4.5 Сигнальные метки ссылок, не требующие пояснений ГОСТ Р ИСО 9241-151-2014]
9.4.6 Использование знакомой терминологии для навигационных ссылок ГОСТ Р ИСО 9241-151-2014
Навигационные ссылки (в частности, ссылки, представляющие главную навигационную структуру веб-сайта) должны обозначаться знакомыми пользователю терминами, основанными на его общих знаниях, предыдущем опыте работы в области приложения или опыте пользования других систем [из 9.4.6 Использование знакомой терминологии для навигационных ссылок ГОСТ Р ИСО 9241-151-2014]
9.4.7 Использование описательных ярлыков ссылок ГОСТ Р ИСО 9241-151-2014
Цель или назначение ссылки должны быть четко указаны на ее ярлыке, избегая универсальных ярлыков, таких как «вперед» или «нажми сюда», кроме случаев, когда цель ссылки следует из контекста на странице, или когда ярлыки имеют общепонятную семантику в определенной области приложения.
Примечание - Часто список параметров ссылки (таких как названия стран) в связке с кнопкой «вперед» используется для выбора из большого или изменяющегося количества целей ссылки. Это допустимо, если значение навигации понятно.
Для облегчения понимания информационного наполнения важным является использование соответствующей терминологии, характерной для задач пользователя и информационных потребностей [из 9.4.7 Использование описательных ярлыков ссылок ГОСТ Р ИСО 9241-151-2014]
9.4.8 Выделение использованных ранее ссылок ГОСТ Р ИСО 9241-151-2014
Если нужно изменить или обойти стандартное представление ссылок браузера (например, использовать в качестве ссылок графику), ссылки, по которым пользователь уже переходил, должны быть отмечены с помощью соответствующей технологии, такой как цветовое кодирование данной ссылки [из 9.4.8 Выделение использованных ранее ссылок ГОСТ Р ИСО 9241-151-2014]
9.4.9 Обозначение ссылок, ведущих к специфическим целям ГОСТ Р ИСО 9241-151-2014
Ссылки, ведущие к специфическим целям, таким как:
- иные форматы файлов (аудио или видео файлы);
- очень большие файлы с длительной загрузкой;
- страницы на разных языках должны быть отмечены соответствующими знаками специфической цели.
Пример 1 - Ссылка, ведущая к документу в формате PDF (формат переносимого документа), обозначается названием данного файла, которому предшествуют буквы PDF, и отмечается «титульным» атрибутом, указывающим, что файл представлен в формате PDF.
Пример 2 - Рядом с ссылкой на большой, доступный для скачивания файл располагается текст, указывающий размер файла [из 9.4.9 Обозначение ссылок, ведущих к специфическим целям ГОСТ Р ИСО 9241-151-2014]
9.4.10 Обозначение ссылок, открывающих новые окна ГОСТ Р ИСО 9241-151-2014
Ссылки, открывающие новые окна браузера или всплывающие окна, должны быть четко обозначены.
Пример - Для обозначения ссылок, открывающих новые окна на веб-сайте, последовательно используется специальный графический символ, такой как маленькая стрелка. Кроме того, для поддержки мобильных устройств и доступности предоставляется соответствующий текстовый эквивалент символа [из 9.4.10 Обозначение ссылок, открывающих новые окна ГОСТ Р ИСО 9241-151-2014]
9.4.11 Отличие навигационных ссылок от элементов управления ГОСТ Р ИСО 9241-151-2014
Навигационные ссылки должны четко отличаться от элементов управления, запускающих какое-либо действие.
Пример 1 - Ссылка, использующая имя пользователя для открытия окна отправки данному пользователю электронного письма, включает слово [e-mail] в скобках или иконку «электронная почта» перед именем данного пользователя (или, как альтернативу, текст «e-mail»).
Пример 2 - В приложении по электронной торговле элемент управления с названием «оплатить» недвусмысленно указывает на то, что результатом активации данного элемента станет финансовая транзакция.
Пример 3 - Все ссылки, открывающие новые окна, обозначаются маленькой стрелкой перед именем ссылки.
Пример 4 - В приложениях, где используются кнопки, те кнопки, которые запускают навигационные ссылки, отмечаются существительным, обозначающим цель, в то время как кнопки, указывающие на действие, отмечаются выражением, состоящим из глагола и существительного (таким как «создать новый заказ»).
Типичные виды действий пользовательского веб-интерфейса включают в себя:
- управление данными;
- осуществление поиска;
- действия по передаче информации, такие как открытие нового окна для сообщений по электронной почте или вхождения в чат;
- действия, связанные с представлением, такие как сортировка результатов поиска.
[из 9.4.11 Отличие навигационных ссылок от элементов управления ГОСТ Р ИСО 9241-151-2014]
9.4.12 Отличающиеся внутристраничные ссылки ГОСТ Р ИСО 9241-151-2014
Ссылки в пределах одной страницы должны четко отличаться от иных ссылок, ведущих на другие страницы.
Пример - Ссылки в пределах одной страницы обозначаются пунктирным, а не сплошным подчеркиванием [из 9.4.12 Отличающиеся внутристраничные ссылки ГОСТ Р ИСО 9241-151-2014]
9.4.13 Длина ссылок ГОСТ Р ИСО 9241-151-2014
Имена текстовых ссылок должны быть достаточно длинными для понимания, но и достаточно короткими во избежание переноса.
Пример - Когда невозможно избежать переноса строки (в данном случае из-за размера окна или фрейма), ссылки представляются таким образом, чтобы их можно было распознать как единую связанную сигнальную метку ссылки [из 9.4.13 Длина ссылок ГОСТ Р ИСО 9241-151-2014]
9.4.14 Избыточные ссылки ГОСТ Р ИСО 9241-151-2014
Если на странице предоставлена более чем одна ссылка на одну и туже цель, ярлыки избыточных ссылок должны быть согласованными [из 9.4.14 Избыточные ссылки ГОСТ Р ИСО 9241-151-2014]
9.4.15 Избегание перегрузки ссылками ГОСТ Р ИСО 9241-151-2014
Текстовые страницы, содержащие большую долю ссылок, должны быть отформатированы таким образом, чтобы наличие ссылок не ухудшало читаемость текста.
Пример - Предложения с наборами ссылок представляются в виде маркированных списков [из 9.4.15 Избегание перегрузки ссылками ГОСТ Р ИСО 9241-151-2014]
9.4.16 Заголовки страниц в качестве закладок ГОСТ Р ИСО 9241-151-2014
Страницы должны иметь подходящие заголовки, чтобы их можно было использовать в качестве закладок.
Примечание - Заголовки используются во многих ситуациях, таких как установка закладок, распознавание окна или помощь пользователю в ориентации [из 9.4.16 Заголовки страниц в качестве закладок ГОСТ Р ИСО 9241-151-2014]
9.5 Объекты взаимодействия ГОСТ Р ИСО 9241-151-2014
9.5.1 Выбор соответствующих объектов взаимодействия ГОСТ Р ИСО 9241-151-2014
Объекты взаимодействия следует выбирать в соответствии с логическими свойствами ожидаемых входных данных и задачами пользователя. Руководство по выбору объектов взаимодействия также представлено в стандартах ИСО 9241-14, ИСО 9241-16 и ИСО 9241-17.
Пример - Для выбора одной опции из небольшого списка взаимоисключающих опций используется кнопка с зависимой фиксацией в качестве объекта взаимодействия.
Логические свойства входных данных, определяющие выбор соответствующего объекта взаимодействия, включают в себя:
- тип входных данных (например, запуск действия, выбор настройки, начало навигации);
- определение, являются ли возможные входные значения заранее заданными или неограниченными;
- тип входного значения (например, числовое или текстуальное);
- количество элементов для выбора.
Следует учитывать характеристики задачи пользователя, когда выбираемыми объектами взаимодействия являются, к примеру, ожидаемая частота выполнения входного действия, частота выбора определенного значения или количество значений, которые пользователю нужно видеть параллельно. Кроме того, может иметь значение и такой фактор как количество доступного места на экране [из 9.5.1 Выбор соответствующих объектов взаимодействия ГОСТ Р ИСО 9241-151-2014]
9.5.2 Обеспечение распознаваемости и понятности объектов взаимодействия ГОСТ Р ИСО 9241-151-2014
Объекты взаимодействия должны быть легко узнаваемыми и понятными.
Пример - Ряд вкладок в верхней части страницы показан в виде кнопок с четкими ярлыками [из 9.5.2 Обеспечение распознаваемости и понятности объектов взаимодействия ГОСТ Р ИСО 9241-151-2014]
9.5.3 Предоставление клавишных комбинаций быстрого вызова ГОСТ Р ИСО 9241-151-2014
Для важных ссылок и иных объектов взаимодействия должны предоставляться клавишные комбинации быстрого вызова [из 9.5.3 Предоставление клавишных комбинаций быстрого вызова ГОСТ Р ИСО 9241-151-2014]
9.6 Оформление текста ГОСТ Р ИСО 9241-151-2014
9.6.1 Читаемость текста ГОСТ Р ИСО 9241-151-2014
Текст, представленный на веб-страницах, должен быть читаемым с учетом ожидаемых характеристик его отображения и пространственной организации. Требования к читаемости экранного текста изложены в стандарте ИСО 9241-303 [из 9.6.1 Читаемость текста ГОСТ Р ИСО 9241-151-2014]
9.6.2 Поддержка просмотра текста ГОСТ Р ИСО 9241-151-2014
Быстрый просмотр страницы должен поддерживаться предоставлением четких ссылок, маркированных списков, выделенных ключевых слов, логичных заголовков, коротких фраз и предложений [из 9.6.2 Поддержка просмотра текста ГОСТ Р ИСО 9241-151-2014]
9.6.3 Стиль написания ГОСТ Р ИСО 9241-151-2014
Чтению и пониманию текстового информационного наполнения на экране должны содействовать соответствующие средства, включающие использование коротких предложений, деление текста на более короткие сегменты или представление элементов информационного наполнения в форме пунктов маркированного списка.
Для веб-сайтов, целью которых является быстрая передача информационного наполнения, может быть полезно начинать текст с краткого описания с последующим более детальным изложением. Предоставление кратких изложений на легко понимаемом языке также может помочь тем пользователям, которые плохо читают [из 9.6.3 Стиль написания ГОСТ Р ИСО 9241-151-2014]
9.6.4 Качество текста ГОСТ Р ИСО 9241-151-2014
Качество текстового информационного наполнения в отношении орфографии и грамматики должно быть достаточным, чтобы не затруднять читаемость.
Это может достигаться, например, путем регулярного использования программного обеспечения для проверки орфографии до публикации веб-страниц [из 9.6.4 Качество текста ГОСТ Р ИСО 9241-151-2014]
9.6.5 Определение используемого языка ГОСТ Р ИСО 9241-151-2014
Основной язык, используемый на веб-странице, а также отрывки текста на других языках должны выделяться с помощью соответствующих технических приемов, таких как HTML-разметка. Это дает возможность, к примеру, с помощью вспомогательных технологий определять язык текста и передавать его соответствующим образом [из 9.6.5 Определение используемого языка ГОСТ Р ИСО 9241-151-2014]
9.6.6 Возможность изменения пользователем размера текста ГОСТ Р ИСО 9241-151-2014
У пользователя должна быть возможность изменять размер текста с помощью функций, предоставляемых агентом пользователя, или иных соответствующих средств, представленных в ИСО 9241-171) [из 9.6.6 Возможность изменения пользователем размера текста ГОСТ Р ИСО 9241-151-2014]