Илья Бирман

Пользовательский интерфейс

🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру

Удобно листать не только прокруткой, но и клавишами‑стрелками:

 
между важными местами
Shift
между
разворотами
Илья Бир­ман

Пользовательский интерфейс

Илья Бир­ман

Пользовательский интерфейс

Изда­тель­ство Бюро Гор­бу­нова
2017
Илья Бир­ман

Пользовательский интерфейс

Изда­тель­ство Бюро Гор­бу­нова
2017
удк 655.262
ббк 85.15
Б64
Бир­ман И. Б.
Б64
Поль­зо­ва­тель­ский интер­фейс. —
М.: Изд‑во Бюро Гор­бу­нова, 2017
ISBN 978‑5‑9907024‑1‑7

Пред­став­ляем книгу Изда­тель­ства Дизайн‑бюро Артёма Гор­бу­нова — прак­ти­че­ское руко­вод­ство по поль­зо­ва­тель­скому интер­фейсу. Учеб­ник пред­на­зна­чен для дизай­не­ров, редак­то­ров, руко­во­ди­те­лей, раз­ра­бот­чи­ков и всех, кто при­ча­стен к созда­нию продуктов.

УДК 655.262
ББК 85.15

Оглавление

удк 655.262
ббк 85.15
Б64
Б64
Бир­ман И. Б.
Поль­зо­ва­тель­ский интер­фейс. —
М.: Изд‑во Бюро Гор­бу­нова, 2017
ISBN 978‑5‑9907024‑1‑7

Пред­став­ляем книгу Изда­тель­ства Дизайн‑бюро Артёма Гор­бу­нова — прак­ти­че­ское руко­вод­ство по поль­зо­ва­тель­скому интер­фейсу. Учеб­ник пред­на­зна­чен для дизай­не­ров, редак­то­ров, руко­во­ди­те­лей, раз­ра­бот­чи­ков и всех, кто при­ча­стен к созда­нию продуктов.

УДК 655.262
ББК 85.15

Оглавление

Скрыто 346 разворотов

Поря­док полей имеет боль­шое значение.

Все при­выкли, что пароль идёт сразу после имени поль­зо­ва­теля. Поэтому эта форма хостинг‑про­вай­дера «Мастер­хост» про­во­ци­рует вво­дить пароль в имя домена.

Имя, отче­ство и фами­лия; серия и номер пас­порта должны идти подряд.

Кнопка Таб должна вести по полям в том порядке, в кото­ром они сле­дуют на экране.

Поря­док полей имеет боль­шое значение.

Все при­выкли, что пароль идёт сразу после имени поль­зо­ва­теля. Поэтому эта форма хостинг‑про­вай­дера «Мастер­хост» про­во­ци­рует вво­дить пароль в имя домена.

Имя, отче­ство и фами­лия; серия и номер пас­порта должны идти подряд.

Кнопка Таб должна вести по полям в том порядке, в кото­ром они сле­дуют на экране.

Если при запол­не­нии поль­зо­ва­тель допу­стил ошибку, не обя­за­тельно выво­дить об этом модаль­ное сооб­ще­ние — это слиш­ком гру­бая обрат­ная связь. Часто доста­точно под­све­тить поле крас­ным или обве­сти крас­ной рам­кой. На этом при­мере ошибка оче­видна — ско­рее всего, чело­век про­сто слу­чайно нажал не те кнопки.

О нежной обратной связи:

Подсветка поля с ошибкой

Подсветка поля с ошибкой

Если при запол­не­нии поль­зо­ва­тель допу­стил ошибку, не обя­за­тельно выво­дить об этом модаль­ное сооб­ще­ние — это слиш­ком гру­бая обрат­ная связь. Часто доста­точно под­све­тить поле крас­ным или обве­сти крас­ной рам­кой. На этом при­мере ошибка оче­видна — ско­рее всего, чело­век про­сто слу­чайно нажал не те кнопки.

О нежной обратной связи:

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

Что имеет в виду «Аэро­флот» в этой форме? Что надо сде­лать, если я отно­шусь сразу к несколь­ким «типам пассажиров»?

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

Что имеет в виду «Аэро­флот» в этой форме? Что надо сде­лать, если я отно­шусь сразу к несколь­ким «типам пассажиров»?

В этой форме записи на тест по англий­скому языку, спро­ек­ти­ро­ван­ной в бюро, поль­зо­ва­тель ввёл невер­ный код — запи­саться на тест не полу­чится. Но если поль­зо­ва­тель уве­рен, что ввёл код пра­вильно, текст ошибки хотя бы под­ска­зы­вает ему, куда обращаться.

В этой форме записи на тест по англий­скому языку, спро­ек­ти­ро­ван­ной в бюро, поль­зо­ва­тель ввёл невер­ный код — запи­саться на тест не полу­чится. Но если поль­зо­ва­тель уве­рен, что ввёл код пра­вильно, текст ошибки хотя бы под­ска­зы­вает ему, куда обращаться.

Текст ошибки сле­дует выво­дить рядом с полем, в кото­ром она допущена.

При этом если пока­зы­вать ошибки под полями, то они будут «рас­пи­рать» форму, ото­дви­гая поля друг от друга.

Ино­гда этого пыта­ются избе­жать, отоб­ра­жая ошибки во всплы­ва­ю­щих под­сказ­ках. Они навяз­чивы, зале­зают на сосед­ние поля, а ино­гда и друг на друга. Бывает, их пока­зы­вают по одному — в зави­си­мо­сти от того, какое поле в фокусе. Тогда раз­дра­жает их мигание.

Намного лучше зара­нее преду­смот­реть место для ошибок.

О модальных окнах:

Теорема о попапах:

Текст ошибки сле­дует выво­дить рядом с полем, в кото­ром она допущена.

При этом если пока­зы­вать ошибки под полями, то они будут «рас­пи­рать» форму, ото­дви­гая поля друг от друга.

Ино­гда этого пыта­ются избе­жать, отоб­ра­жая ошибки во всплы­ва­ю­щих под­сказ­ках. Они навяз­чивы, зале­зают на сосед­ние поля, а ино­гда и друг на друга. Бывает, их пока­зы­вают по одному — в зави­си­мо­сти от того, какое поле в фокусе. Тогда раз­дра­жает их мигание.

Намного лучше зара­нее преду­смот­реть место для ошибок.

О модальных окнах:

Теорема о попапах:

Скрыто 65 разворотов

Бир­ман Илья Борисович

Поль­зо­ва­тель­ский интерфейс

  • Арт‑дирек­тор и изда­тель Артём Горбунов

  • Дизай­нер обложки и фото­граф
    Вла­ди­мир Колпаков

  • Иллю­стра­тор Андрей Кокорин

  • Раз­ра­бот­чики Рустам Кул­ма­тов
    и Васи­лий Половнёв

  • Мет­ран­паж и тести­ров­щик Сер­гей Фролов

  • Помощ­ники Юрий Мазур­ский
    и Алек­сандра Шабалдина

  • Книга набрана шриф­тами
    «Бюро­се­риф» и «Бюросанс»

  • Дизайн‑бюро Артёма Гор­бу­нова
    Большая Новодмитровская улица,
    дом 36, стро­е­ние 2
    Москва, Рос­сия, 127015

Бир­ман Илья Борисович

Поль­зо­ва­тель­ский интерфейс

  • Арт‑дирек­тор и изда­тель Артём Горбунов

  • Дизай­нер обложки и фото­граф
    Вла­ди­мир Колпаков

  • Иллю­стра­тор Андрей Кокорин

  • Раз­ра­бот­чики Рустам Кул­ма­тов
    и Васи­лий Половнёв

  • Мет­ран­паж и тести­ров­щик Сер­гей Фролов

  • Помощ­ники Юрий Мазур­ский
    и Алек­сандра Шабалдина

  • Книга набрана шриф­тами
    «Бюро­се­риф» и «Бюросанс»

  • Дизайн‑бюро Артёма Гор­бу­нова
    Большая Новодмитровская улица,
    дом 36, стро­е­ние 2
    Москва, Рос­сия, 127015