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

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

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

Непрерывная последовательность

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

Внутренняя согласованность

Внутренняя согласованность относится к согласованности внутри продукта или семейства продуктов, либо в рамках одного приложения, либо в рамках семейства или набора приложений.

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

Множество уровней согласованности в Microsoft Office: в дополнение к согласованности значков приложений, начальных окон и главных меню, Microsoft Office использует ленту в своих продуктах, которая используется для выполнения задач в каждом инструменте. Хотя лента зависит от контекста, в зависимости от того, какой продукт используется в данный момент, задача может быть выполнена одинаково для всех продуктов. Например, пользователь будет настраивать текст таким же образом в Word (вверху), Excel (посередине) и PowerPoint (внизу).

https://media.nngroup.com/media/editor/2020/12/04/microsoft-suite.jpg

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

https://media.nngroup.com/media/editor/2020/12/04/adobe-menus.jpg

Adobe Acrobat: Acrobat использует контекстные меню для поддержки различных задач, но каждое меню имеет одинаковую компоновку и дизайн.

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

https://media.nngroup.com/media/editor/2020/12/04/atlassian-design-system-button-page.png

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

https://media.nngroup.com/media/editor/2020/12/02/google-icons.jpg

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

Внешняя согласованность

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