Из ГОСТ Р ИСО 9241–151–2014 Эргономика взаимодействия человек – система. Часть 151. Руководство по проектированию пользовательских интерфейсов сети Интернет

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

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

В качестве руководства по использованию цвета необходимо применять стандарт ИСО 9241-303. Важные решения по оформлению с использованием цветов включают в себя:

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

Примечание - Согласно стандарту ИСО 9241-12:1998,пункт 7.5.1 цвет не должен являться единственным средством кодирования. Некоторые пользователи могут иметь затруднения в восприятии определенных цветов или цветовых комбинаций (неспособность различать цвета). Поэтому цвет используется только как вспомогательное средство кодирования и является дублирующим средством в сочетании с иными приемами кодирования [из 9.3.9 Использование цвета ГОСТ Р ИСО 9241-151-2014]

Ссылки могут быть представлены различными средствами, такими как текст или кнопки. Использование соответствующих технологий, различных мультимедийных объектов, таких как движущиеся объекты анимации или фильмов, также могут служить в качестве указателей ссылок. Общее руководство по оформлению ссылок можно найти в стандарте ИСО 14915-2 [из 9.4.1 Общие положения ГОСТ Р ИСО 9241-151-2014]

Ссылки, открывающие новые окна браузера или всплывающие окна, должны быть четко обозначены.

Пример - Для обозначения ссылок, открывающих новые окна на веб-сайте, последовательно используется специальный графический символ, такой как маленькая стрелка. Кроме того, для поддержки мобильных устройств и доступности предоставляется соответствующий текстовый эквивалент символа [из 9.4.10 Обозначение ссылок, открывающих новые окна ГОСТ Р ИСО 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.13 Длина ссылок ГОСТ Р ИСО 9241-151-2014]

Если на странице предоставлена более чем одна ссылка на одну и туже цель, ярлыки избыточных ссылок должны быть согласованными [из 9.4.14 Избыточные ссылки ГОСТ Р ИСО 9241-151-2014]

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

Пример - Предложения с наборами ссылок представляются в виде маркированных списков [из 9.4.15 Избегание перегрузки ссылками ГОСТ Р ИСО 9241-151-2014]

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

Примечание - Заголовки используются во многих ситуациях, таких как установка закладок, распознавание окна или помощь пользователю в ориентации [из 9.4.16 Заголовки страниц в качестве закладок ГОСТ Р ИСО 9241-151-2014]