🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Если при заполнении пользователь допустил ошибку, не обязательно выводить об этом модальное сообщение — это слишком грубая обратная связь. Часто достаточно подсветить поле красным или обвести красной рамкой. На этом примере ошибка очевидна — скорее всего, человек просто случайно нажал не те кнопки.
О нежной обратной связи:
Обратная связь 154
Если при заполнении пользователь допустил ошибку, не обязательно выводить об этом модальное сообщение — это слишком грубая обратная связь. Часто достаточно подсветить поле красным или обвести красной рамкой. На этом примере ошибка очевидна — скорее всего, человек просто случайно нажал не те кнопки.
О нежной обратной связи:
Обратная связь 154
Сообщение об ошибке должно помогать человеку её исправить, а не давать ему оценку и наказывать.
Что имеет в виду «Аэрофлот» в этой форме? Что надо сделать, если я отношусь сразу к нескольким «типам пассажиров»?
Слова 285
Язык роботов 297
Сообщение об ошибке должно помогать человеку её исправить, а не давать ему оценку и наказывать.
Что имеет в виду «Аэрофлот» в этой форме? Что надо сделать, если я отношусь сразу к нескольким «типам пассажиров»?
Слова 285
Язык роботов 297
В этой форме записи на тест по английскому языку, спроектированной в бюро, пользователь ввёл неверный код — записаться на тест не получится. Но если пользователь уверен, что ввёл код правильно, текст ошибки хотя бы подсказывает ему, куда обращаться.
В этой форме записи на тест по английскому языку, спроектированной в бюро, пользователь ввёл неверный код — записаться на тест не получится. Но если пользователь уверен, что ввёл код правильно, текст ошибки хотя бы подсказывает ему, куда обращаться.
Текст ошибки следует выводить рядом с полем, в котором она допущена.
При этом если показывать ошибки под полями, то они будут «распирать» форму, отодвигая поля друг от друга.
Иногда этого пытаются избежать, отображая ошибки во всплывающих подсказках. Они навязчивы, залезают на соседние поля, а иногда и друг на друга. Бывает, их показывают по одному — в зависимости от того, какое поле в фокусе. Тогда раздражает их мигание.
Намного лучше заранее предусмотреть место для ошибок.
О модальных окнах:
Модальность 48
Теорема о попапах:
Окна 336
Текст ошибки следует выводить рядом с полем, в котором она допущена.
При этом если показывать ошибки под полями, то они будут «распирать» форму, отодвигая поля друг от друга.
Иногда этого пытаются избежать, отображая ошибки во всплывающих подсказках. Они навязчивы, залезают на соседние поля, а иногда и друг на друга. Бывает, их показывают по одному — в зависимости от того, какое поле в фокусе. Тогда раздражает их мигание.
Намного лучше заранее предусмотреть место для ошибок.
О модальных окнах:
Модальность 48
Теорема о попапах:
Окна 336
Ещё одна частая проблема — преждевременный вывод ошибок. Альфа‑банк начинает ругаться, как только я перевёл фокус в поле суммы.
Выводить сообщение об ошибке следует после выхода из поля. А если указан ноль, то ошибки вовсе нет: очевидно же, что пользователь не думал переводить ноль рублей. Нужно просто заблокировать кнопку перевода.
У всей строки очень низкая информативность: слово «сумма» написано трижды, присутствуют стоп‑слова «введите» и «подробнее», понятные из контекста слова «платёж» и «перевод», при этом минимальная допустимая сумма нигде не указана.
Информативность 126
Стоп‑слова 287
Ещё одна частая проблема — преждевременный вывод ошибок. Альфа‑банк начинает ругаться, как только я перевёл фокус в поле суммы.
Выводить сообщение об ошибке следует после выхода из поля. А если указан ноль, то ошибки вовсе нет: очевидно же, что пользователь не думал переводить ноль рублей. Нужно просто заблокировать кнопку перевода.
У всей строки очень низкая информативность: слово «сумма» написано трижды, присутствуют стоп‑слова «введите» и «подробнее», понятные из контекста слова «платёж» и «перевод», при этом минимальная допустимая сумма нигде не указана.
Информативность 126
Стоп‑слова 287
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015