Илья Бирман

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

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

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

 
между важными местами
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

Оглавление

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

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

Консоль управления Микрософта — конструктор безразличных к смыслу административных интерфейсов

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

Консоль управления Микрософта — конструктор безразличных к смыслу административных интерфейсов

При­ло­же­ния на Айфоне пока­зы­вают уве­дом­ле­ния: при­шло письмо, скоро встреча или кому‑то понра­ви­лась ваша фото­гра­фия. Часто мало­зна­чи­тель­ные уве­дом­ле­ния отвле­кают от дела, но порой важно полу­чить их вовремя. Айфон не знает, какие уве­дом­ле­ния важ­ные, а какие — нет, поэтому чело­веку предо­став­ля­ется спе­ци­аль­ное меню для их настройки.

Меню выгля­дит проще, чем дерево на преды­ду­щем раз­во­роте, но поль­зо­ваться им так же тяжело. На пер­вом уровне — все уста­нов­лен­ные при­ло­же­ния. Это как мини­мум несколько десятков.

Для каж­дого при­ло­же­ния нужно решить, какую ком­би­на­цию пара­мет­ров уста­но­вить: где и в каком виде появится уве­дом­ле­ние, каким будет сопро­вож­даться зву­ком, скро­ется ли само или дождётся реак­ции поль­зо­ва­теля. Про­цесс настройки чудо­вищно утомителен.

В девя­той вер­сии Ай‑ОСа выби­ра­ется мак­си­маль­ное коли­че­ство уве­дом­ле­ний одного при­ло­же­ния в «Цен­тре уве­дом­ле­ний». Но это число лишено смысла. Если поста­вить пять, важ­ным может ока­заться шестое.

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

Список приложений

Параметры выбранного приложения

Параметры выбранного приложения

Список приложений

Параметры выбранного приложения

Параметры выбранного приложения

При­ло­же­ния на Айфоне пока­зы­вают уве­дом­ле­ния: при­шло письмо, скоро встреча или кому‑то понра­ви­лась ваша фото­гра­фия. Часто мало­зна­чи­тель­ные уве­дом­ле­ния отвле­кают от дела, но порой важно полу­чить их вовремя. Айфон не знает, какие уве­дом­ле­ния важ­ные, а какие — нет, поэтому чело­веку предо­став­ля­ется спе­ци­аль­ное меню для их настройки.

Меню выгля­дит проще, чем дерево на преды­ду­щем раз­во­роте, но поль­зо­ваться им так же тяжело. На пер­вом уровне — все уста­нов­лен­ные при­ло­же­ния. Это как мини­мум несколько десятков.

Для каж­дого при­ло­же­ния нужно решить, какую ком­би­на­цию пара­мет­ров уста­но­вить: где и в каком виде появится уве­дом­ле­ние, каким будет сопро­вож­даться зву­ком, скро­ется ли само или дождётся реак­ции поль­зо­ва­теля. Про­цесс настройки чудо­вищно утомителен.

В девя­той вер­сии Ай‑ОСа выби­ра­ется мак­си­маль­ное коли­че­ство уве­дом­ле­ний одного при­ло­же­ния в «Цен­тре уве­дом­ле­ний». Но это число лишено смысла. Если поста­вить пять, важ­ным может ока­заться шестое.

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

Икона тех­но­за­ви­си­мо­сти — куар­код. Тут видно каж­дый бит, что наве­вает вос­по­ми­на­ния о моде­мах с их харак­тер­ным зву­ком соединения.

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

Технологии — под капот

Икона тех­но­за­ви­си­мо­сти — куар­код. Тут видно каж­дый бит, что наве­вает вос­по­ми­на­ния о моде­мах с их харак­тер­ным зву­ком соединения.

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

Технологии — под капот

Привычка

Дизай­неры при­ду­мы­вают, что напи­сать на кнопке или что нари­со­вать на пик­то­грамме, чтобы сде­лать интер­фейс удоб­нее и понят­нее. Но те, кто пони­мают силу при­вы­чек, знают, как на самом деле рабо­тает интер­фейс. Часто кон­крет­ные текст или кар­тинка не имеют значения.

С фор­ми­ро­ва­нием при­вычки отдель­ные осо­знан­ные дей­ствия объ­еди­ня­ются в неде­ли­мые и авто­ма­ти­че­ские. Дви­же­ния выпол­ня­ются сами собой, созна­ние сво­бодно для другого.

Без привычки

Для малень­кого ребёнка надеть и зашну­ро­вать ботинки — дело, пол­ное слож­но­стей. Нужно в пра­виль­ной после­до­ва­тель­но­сти сде­лать пару десят­ков точ­ных дви­же­ний. Каж­дый шаг при­хо­дится обдумывать.

Внимательно, медленно

По привычке

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

Быстро, невнимательно

Привычка

Дизай­неры при­ду­мы­вают, что напи­сать на кнопке или что нари­со­вать на пик­то­грамме, чтобы сде­лать интер­фейс удоб­нее и понят­нее. Но те, кто пони­мают силу при­вы­чек, знают, как на самом деле рабо­тает интер­фейс. Часто кон­крет­ные текст или кар­тинка не имеют значения.

С фор­ми­ро­ва­нием при­вычки отдель­ные осо­знан­ные дей­ствия объ­еди­ня­ются в неде­ли­мые и авто­ма­ти­че­ские. Дви­же­ния выпол­ня­ются сами собой, созна­ние сво­бодно для другого.

Без привычки

Для малень­кого ребёнка надеть и зашну­ро­вать ботинки — дело, пол­ное слож­но­стей. Нужно в пра­виль­ной после­до­ва­тель­но­сти сде­лать пару десят­ков точ­ных дви­же­ний. Каж­дый шаг при­хо­дится обдумывать.

Внимательно, медленно

По привычке

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

Быстро, невнимательно

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

Для иллю­стра­ции силы при­вычки Джеф Рас­кин при­во­дит в при­мер авто­мо­биль, где поме­няли местами педали газа и тор­моза. Чтобы води­тель не забыл, сверху поста­вили крас­ное мига­ю­щее табло, пре­ду­пре­жда­ю­щее, что педали рас­по­ло­жены нао­бо­рот. Веро­ятно, собран­ному чело­веку удастся про­ехать квар­тал или два, но как только собака выбе­жит на дорогу, мозг отре­а­ги­рует при­вычно: води­тель нажмёт на тор­моз, кото­рый ока­жется газом.

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

Фор­ми­ро­ва­ние при­вычки — есте­ствен­ный меха­низм. Когда уме­ние вхо­дит в при­вычку, «дума­ю­щая» часть мозга осво­бож­да­ется для осмыс­лен­ной обра­ботки новой инфор­ма­ции и посте­пен­ного при­об­ре­те­ния новых уме­ний. Так рутина пере­стаёт зани­мать мозг, что помо­гает чело­веку не сойти с ума от чистки зубов и мытья посуды.

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

Для иллю­стра­ции силы при­вычки Джеф Рас­кин при­во­дит в при­мер авто­мо­биль, где поме­няли местами педали газа и тор­моза. Чтобы води­тель не забыл, сверху поста­вили крас­ное мига­ю­щее табло, пре­ду­пре­жда­ю­щее, что педали рас­по­ло­жены нао­бо­рот. Веро­ятно, собран­ному чело­веку удастся про­ехать квар­тал или два, но как только собака выбе­жит на дорогу, мозг отре­а­ги­рует при­вычно: води­тель нажмёт на тор­моз, кото­рый ока­жется газом.

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

Фор­ми­ро­ва­ние при­вычки — есте­ствен­ный меха­низм. Когда уме­ние вхо­дит в при­вычку, «дума­ю­щая» часть мозга осво­бож­да­ется для осмыс­лен­ной обра­ботки новой инфор­ма­ции и посте­пен­ного при­об­ре­те­ния новых уме­ний. Так рутина пере­стаёт зани­мать мозг, что помо­гает чело­веку не сойти с ума от чистки зубов и мытья посуды.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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