🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Ещё один источник машинного языка — непредусмотренные шаблоном случаи.
На карте стандартов телевещания видно, что в России — SECAM, в Америке — NTSC, в Австралии — PAL. А вот в какой системе смотрят телевидение пингвины — таких данных у Википедии будто бы нет. Здесь использован шаблон Википедии, генерирующий карту из имеющихся данных. Где данных нет, так и написано.
Если бы иллюстрацию делал человек, Антарктиду бы просто не рисовали, и в легенде бы не было квадратика «нет данных».
Википедия
Википедия
Ещё один источник машинного языка — непредусмотренные шаблоном случаи.
На карте стандартов телевещания видно, что в России — SECAM, в Америке — NTSC, в Австралии — PAL. А вот в какой системе смотрят телевидение пингвины — таких данных у Википедии будто бы нет. Здесь использован шаблон Википедии, генерирующий карту из имеющихся данных. Где данных нет, так и написано.
Если бы иллюстрацию делал человек, Антарктиду бы просто не рисовали, и в легенде бы не было квадратика «нет данных».
Спросить у пользователя подтверждение стандартным диалоговым окном Виндоуса — это одна строчка кода. Не нужно подбирать иконку, располагать и подписывать кнопки — достаточно передать системе сам текст задаваемого вопроса. Когда программист забывает посмотреть, что у него получилось, случается курьёз.
Что нажимать? Когда я показываю этот пример на курсе, все хором говорят «Крестик!».
Спросить у пользователя подтверждение стандартным диалоговым окном Виндоуса — это одна строчка кода. Не нужно подбирать иконку, располагать и подписывать кнопки — достаточно передать системе сам текст задаваемого вопроса. Когда программист забывает посмотреть, что у него получилось, случается курьёз.
Что нажимать? Когда я показываю этот пример на курсе, все хором говорят «Крестик!».
Компьютеры приучают людей не только понимать язык роботов, но и самих говорить на нём. Пользователи Фейсбука пишут имена друг друга в именительном падеже, чтобы Фейсбук опознал имя и сделал его ссылкой.
А как ответить на вопрос «Человек ли вы?» Ответ «Да» неверен, следует ответить LVccU.
Компьютеры приучают людей не только понимать язык роботов, но и самих говорить на нём. Пользователи Фейсбука пишут имена друг друга в именительном падеже, чтобы Фейсбук опознал имя и сделал его ссылкой.
А как ответить на вопрос «Человек ли вы?» Ответ «Да» неверен, следует ответить LVccU.
Подобрать правильный падеж существительного к числительному (2 комментария, 5 комментариев) — это несколько строк кода. Не стоит лениться их писать. ВК умеет даже склонять имена людей, что намного сложнее.
Скоро понятие «язык роботов» потеряет смысл: роботы научатся говорить как люди и даже лучше.
Роботы как люди, а не наоборот
Подобрать правильный падеж существительного к числительному (2 комментария, 5 комментариев) — это несколько строк кода. Не стоит лениться их писать. ВК умеет даже склонять имена людей, что намного сложнее.
Скоро понятие «язык роботов» потеряет смысл: роботы научатся говорить как люди и даже лучше.
Роботы как люди, а не наоборот
Подписи чекбоксов или радиокнопок в группе обязательно должны быть:
В синтаксисе элементов интерфейса чекбоксы и радиокнопки — второстепенные члены предложения. Если они объединены в группу, они должны быть однородными.
Выберите примеры с недостатками в тексте подписей элементов управления.
Конструкции вроде «нажмите, если» избыточны — достаточно подписать кнопки «Да» и «Нет». Ссылка «сюда» неинформативна. Кнопка «Повторите попытку» подписана в повелительном наклонении, причём это повеление обращено не к компьютеру, а к пользователю. А вот пример с кнопкой «Проверить» — хороший: её подпись безупречно сочетается с заголовком окна.
Как можно перевести кнопку Copy на русский?
Функции кнопки — команда, статус и навигация. Из предложенных вариантов подходят «Скопировать» (команда, глагольное сказуемое) и «Копия» (статус, именное сказуемое), а остальные не подходят.
Как можно перевести чекбокс Copy на русский? Этот чекбокс — часть группы.
Функции чекбокса — выбор объекта или свойства и уточнение действия. Из предложенных вариантов подходят «Скопировать» (уточнение действия) и «Копия» (объект или свойство). Остальные не подходят.
Выберите наилучший вариант подписи к полю ввода города доставки.
Функции поля ввода — это выбор, уточнение, ввод текста и чисел. Допустимы несколько вариантов, но нужно выбрать наилучший, и это вариант «Город». При такой подписи значение поля ввода будет приложением, отвечать на вопрос «Какой именно?», а вместе подпись и значение будут образовывать словосочетание, например «Город Москва». Другие варианты избыточны или просто некорректны.
Выберите верные утверждения.
Команда — это глагол совершенного вида в начальной форме: «Сохранить», «Закрыть», «Отправить». Радиокнопки в группе могут быть разными частями речи: «Город Москва / Питер / другой». В поле ввода может быть подлежащее, например поисковый запрос: музыка. Остальные утверждения неверны.
Как сделать пиктограммы из этого набора более различимыми?
Нужно убрать повторяющиеся части, мешающие различать пиктограммы, то есть мишек.
Выберите стоп‑слова в этом интерфейсе.
Все ответы правильные. «Пожалуйста» и «требуется» нужно заменить на объяснение в мире пользователя. «Данные учётной записи» — тяжеловесный технический термин. «Перейдите» — избыточно в тексте ссылки.
Сайт поздравляет пользователей с праздниками. Тех, чей пол он не знает, поздравляет вот так. Как улучшить это с точки зрения человечности и информационного стиля?
Вместо требования обязательно заполнить поле объясните его пользу. И пусть потеет машина: пол следует сначала попытаться определить по имени и фамилии автоматически. Даже если вы дизайнер, за орфографией нужно следить.
Какие причины появления языка роботов в интерфейсе перечислены автором?
Закон Фиттса и взгляд новичка ни при чём, а остальное действительно ведёт к появлению языка роботов в интерфейсе.
Подписи чекбоксов или радиокнопок в группе обязательно должны быть:
В синтаксисе элементов интерфейса чекбоксы и радиокнопки — второстепенные члены предложения. Если они объединены в группу, они должны быть однородными.
Выберите примеры с недостатками в тексте подписей элементов управления.
Конструкции вроде «нажмите, если» избыточны — достаточно подписать кнопки «Да» и «Нет». Ссылка «сюда» неинформативна. Кнопка «Повторите попытку» подписана в повелительном наклонении, причём это повеление обращено не к компьютеру, а к пользователю. А вот пример с кнопкой «Проверить» — хороший: её подпись безупречно сочетается с заголовком окна.
Как можно перевести кнопку Copy на русский?
Функции кнопки — команда, статус и навигация. Из предложенных вариантов подходят «Скопировать» (команда, глагольное сказуемое) и «Копия» (статус, именное сказуемое), а остальные не подходят.
Как можно перевести чекбокс Copy на русский? Этот чекбокс — часть группы.
Функции чекбокса — выбор объекта или свойства и уточнение действия. Из предложенных вариантов подходят «Скопировать» (уточнение действия) и «Копия» (объект или свойство). Остальные не подходят.
Выберите наилучший вариант подписи к полю ввода города доставки.
Функции поля ввода — это выбор, уточнение, ввод текста и чисел. Допустимы несколько вариантов, но нужно выбрать наилучший, и это вариант «Город». При такой подписи значение поля ввода будет приложением, отвечать на вопрос «Какой именно?», а вместе подпись и значение будут образовывать словосочетание, например «Город Москва». Другие варианты избыточны или просто некорректны.
Выберите верные утверждения.
Команда — это глагол совершенного вида в начальной форме: «Сохранить», «Закрыть», «Отправить». Радиокнопки в группе могут быть разными частями речи: «Город Москва / Питер / другой». В поле ввода может быть подлежащее, например поисковый запрос: музыка. Остальные утверждения неверны.
Как сделать пиктограммы из этого набора более различимыми?
Нужно убрать повторяющиеся части, мешающие различать пиктограммы, то есть мишек.
Выберите стоп‑слова в этом интерфейсе.
Все ответы правильные. «Пожалуйста» и «требуется» нужно заменить на объяснение в мире пользователя. «Данные учётной записи» — тяжеловесный технический термин. «Перейдите» — избыточно в тексте ссылки.
Сайт поздравляет пользователей с праздниками. Тех, чей пол он не знает, поздравляет вот так. Как улучшить это с точки зрения человечности и информационного стиля?
Вместо требования обязательно заполнить поле объясните его пользу. И пусть потеет машина: пол следует сначала попытаться определить по имени и фамилии автоматически. Даже если вы дизайнер, за орфографией нужно следить.
Какие причины появления языка роботов в интерфейсе перечислены автором?
Закон Фиттса и взгляд новичка ни при чём, а остальное действительно ведёт к появлению языка роботов в интерфейсе.
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015