🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Подлежащее: Что?
Третья функция кнопки или пункта меню — навигация. При нажатии не выполняется никакого действия, но заменяется показанный экран, открывается окно, запускается приложение.
В синтаксисе элементов интерфейса это подлежащее, отвечает на вопрос «Что?» (вызвать или открыть). Используется существительное в именительном падеже.
Как и в случае с изменением статуса или отношения, формулировки в виде команды избыточны («Перейти к…», «Открыть…»),
Подлежащее: Что?
Третья функция кнопки или пункта меню — навигация. При нажатии не выполняется никакого действия, но заменяется показанный экран, открывается окно, запускается приложение.
В синтаксисе элементов интерфейса это подлежащее, отвечает на вопрос «Что?» (вызвать или открыть). Используется существительное в именительном падеже.
Как и в случае с изменением статуса или отношения, формулировки в виде команды избыточны («Перейти к…», «Открыть…»),
Формулировки с пропущенным, но подразумеваемым глаголом тоже неудачны.
Если сделать сайт без регистрации не удалось, то просто «Регистрация».
Что там, в начале? «Новый платёж». Иногда команда уместнее: «Сыграть ещё», «Пройти тест заново».
Когда навигация связана с направлением в пространстве или времени, уместно отвечать наречием вместо существительного: «Назад — Вперёд», «Ранее — Позднее». Но информативнее может быть просто поставить стрелки ← → Ещё лучше — назвать существительным то, куда именно назад («Адрес доставки»); то, что именно будет далее («Оплата»).
Наречия «Дополнительно», «Ещё» не несут информации и редко годятся для названия кнопок.
Формулировки с пропущенным, но подразумеваемым глаголом тоже неудачны.
Если сделать сайт без регистрации не удалось, то просто «Регистрация».
Что там, в начале? «Новый платёж». Иногда команда уместнее: «Сыграть ещё», «Пройти тест заново».
Когда навигация связана с направлением в пространстве или времени, уместно отвечать наречием вместо существительного: «Назад — Вперёд», «Ранее — Позднее». Но информативнее может быть просто поставить стрелки ← → Ещё лучше — назвать существительным то, куда именно назад («Адрес доставки»); то, что именно будет далее («Оплата»).
Наречия «Дополнительно», «Ещё» не несут информации и редко годятся для названия кнопок.
Use an ellipsis in the name of a menu item or button that produces a dialog. The ellipsis (…) indicates that the user must take further action to complete the task.
The commands About, Advanced, Help, Options, Properties, and Settings must display another window when clicked, but don’t require additional information from the user. Therefore they don’t need ellipses.
В конце названия кнопки или пункта меню может стоять многоточие. Эпл в своих
Вместо сложных правил предлагаю понять смысл и роль многоточия. Во‑первых, многоточие после опасной команды вроде «Удалить...» намекает, что сразу ничего не удалится, ещё предстоит выбрать, что именно удалить. На такую кнопку не так страшно нажимать. Во‑вторых, многоточие помогает отличать команды в списке, например в меню или диалоговом окне.
Формально кнопке «Купить» в интернет‑магазине полагается многоточие, ведь будут ещё шаги заказа. Но это и без многоточия понятно, нажимать кнопку и так не страшно, а выделяется она оформлением и положением.
Use an ellipsis in the name of a menu item or button that produces a dialog. The ellipsis (…) indicates that the user must take further action to complete the task.
The commands About, Advanced, Help, Options, Properties, and Settings must display another window when clicked, but don’t require additional information from the user. Therefore they don’t need ellipses.
В конце названия кнопки или пункта меню может стоять многоточие. Эпл в своих
Вместо сложных правил предлагаю понять смысл и роль многоточия. Во‑первых, многоточие после опасной команды вроде «Удалить...» намекает, что сразу ничего не удалится, ещё предстоит выбрать, что именно удалить. На такую кнопку не так страшно нажимать. Во‑вторых, многоточие помогает отличать команды в списке, например в меню или диалоговом окне.
Формально кнопке «Купить» в интернет‑магазине полагается многоточие, ведь будут ещё шаги заказа. Но это и без многоточия понятно, нажимать кнопку и так не страшно, а выделяется она оформлением и положением.
Компьютер сначала спросит адрес сервера
Компьютер сначала спросит имя файла
Многоточие подсказывает, что кнопка сработает не сразу. То есть нужно прочитать, что написано. Если при нажатии на слово мгновенно произойдёт или откроется ровно то, что оно означает, то многоточие не нужно.
Этого правила достаточно для принятия решения во всех случаях.
В последнем случае фраза очевидно не дописана, и кажется, будто многоточие как раз заменяет пропущенное имя файла. На самом деле необходимость многоточия не зависит ни от наличия окна после, ни от полноты фразы.
Компьютер сначала спросит адрес сервера
Многоточие подсказывает, что кнопка сработает не сразу. То есть нужно прочитать, что написано. Если при нажатии на слово мгновенно произойдёт или откроется ровно то, что оно означает, то многоточие не нужно.
Этого правила достаточно для принятия решения во всех случаях.
Компьютер сначала спросит имя файла
В последнем случае фраза очевидно не дописана, и кажется, будто многоточие как раз заменяет пропущенное имя файла. На самом деле необходимость многоточия не зависит ни от наличия окна после, ни от полноты фразы.
На необходимость многоточия влияет форма слова:
Фортепиано
настроится
Если мы видим кнопку без многоточия, мы ожидаем, что при её нажатии приложение или прибор сразу же настроится.
Появится камертон
и инструменты
Если же многоточие стоит, мы уже ожидаем увидеть окно с параметрами.
Появится камертон
и инструменты
Но стоит кнопку с глаголом‑командой сменить на навигационную с существительным, как многоточие становится избыточным, ведь при нажатии на кнопку мы сразу приступим к настройке (откроем ящик с инструментами).
Сначала надо будет выбрать фортепиано
Если многоточие добавить, то кажется, будто препятствие ожидает ещё до начала настройки.
На необходимость многоточия влияет форма слова:
Фортепиано настроится
Если мы видим кнопку без многоточия, мы ожидаем, что при её нажатии приложение или прибор сразу же настроится.
Появится камертон и инструменты
Если же многоточие стоит, мы уже ожидаем увидеть окно с параметрами.
Появится камертон и инструменты
Но стоит кнопку с глаголом‑командой сменить на навигационную с существительным, как многоточие становится избыточным, ведь при нажатии на кнопку мы сразу приступим к настройке (откроем ящик с инструментами).
Сначала надо будет выбрать фортепиано
Если многоточие добавить, то кажется, будто препятствие ожидает ещё до начала настройки.
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015