Синтаксис интерфейса

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

Синтаксис интерфейса

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

Что такое синтаксис интерфейса и как он помогает создавать эффективный текст для UI?

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

Основные принципы

Синтаксис интерфейса – это совокупность принципов, которые позволяют создавать удобные интерфейсы с интуитивно понятными элементами. Этот подход разработан в дизайн-бюро Артёма Горбунова и не является общепринятым стандартом. Основная идея состоит в том, что любую часть интерфейса можно трансформировать в предложение с подлежащим и сказуемым. Подлежащее - это объект, который совершает или с которым совершается действие. Действие же выражается сказуемым. Например, в форме отправки сообщения заголовок «Сообщение» выполняет роль подлежащего, а кнопка «Отправить» является сказуемым.

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

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

Функции элементов

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

Тип элемента Функция Член предложения Часть речи
Иконка Запуск приложения Подлежащее
Существительное
Chrome, Word
Кнопка Изменение состояния Сказуемое
Существительное, прилагательное
Спам, Избранное
Навигация Подлежащее
Существительное
Настройки, Поиск
Выполнение команды Сказуемое
Глагол в начальной форме
Сохранить, добавить
Чекбокс Выбор свойств Определение
Глагол в начальной форме
Цвет: — Желтый; — Зеленый; — Красный
Ссылка Навигация Подлежащее
Любая часть речи
Главная страница, Контакты

Как это работает?

Согласование

Точно так же, как в предложениях согласуются части речи, в интерфейсе согласуются элементы. Заголовок «Что выполнять в случае конфликта?» в меню настроек - это вопрос, который видит перед собой пользователь. Соответственно, ему нужно выбрать какой-то конкретный вариант действий. Ответом на поставленный вопрос будет глагол в начальной форме, то есть варианты «сохранить» или «переопределить» логичны. С другой стороны, можно ухудшить читаемость интерфейса, предоставив на выбор существительные «сохранение» или «переопределение».

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

Вариативность

Компании используют свои стандарты, касающиеся и стиля кода, и оформления документации. Не существует строгих правил, запрещающих те или иные способы наименования, поэтому схожие элементы управления в разных приложениях могут и будут отличаться. Так, например, многоточие в названии кнопки воспринимается многими пользователями именно как переход в последующее меню, а не отправка команды, за которой последует выполнение. Кнопка печати в Word 2016 не имеет многоточия, в отличие от аналогичной кнопки в графическом редакторе GIMP. «Print» и «Print...» в данном случае открывают меню настроек печати и выбора принтера, а не отправляют непонятный формат на печать в какой-то случайный принтер. Ни один из вариантов нельзя назвать неправильным – просто разработчики руководствовались разными стандартами.

Синтаксис интерфейса

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

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

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