Илья Бир­ман

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

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

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

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

Оглавление

1
Принципы

Что такое интерфейс

В начале своей книги Джеф Рас­кин пишет:

Интерфейс. Символ плюс, 2005

Мно­гие счи­та­ют, что тер­мин «поль­зо­ва­тель­ский интер­фейс» отно­сит­ся толь­ко к совре­мен­ным гра­фи­че­ским поль­зо­ва­тель­ским интер­фей­сам, осно­ван­ным на окнах и меню, управ­ля­е­мых с помо­щью мыши. В одной из ста­тей в жур­на­ле «Мобайл офис» было ска­за­но: «Уже неда­ле­ко то вре­мя, когда вам совсем не нуж­но будет заду­мы­вать­ся об интер­фей­се, вы буде­те про­сто раз­го­ва­ри­вать со сво­им ком­пью­те­ром». В ответ на это я мог бы заме­тить, что систе­мы, управ­ля­е­мые голо­сом, дей­стви­тель­но могут обхо­дить­ся без окон, но теле­фон­ные авто­от­вет­чи­ки их так­же не име­ют, и, тем не менее, их интер­фей­сы зача­стую ока­зы­ва­ют­ся чрез­вы­чай­но пло­хи­ми. Итак, спо­соб, кото­рым вы выпол­ня­е­те какую‑либо зада­чу с помо­щью како­го‑либо про­дук­та, а имен­но совер­ша­е­мые вами дей­ствия и то, что вы полу­ча­е­те в ответ, и явля­ет­ся интерфейсом.

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

Слова «спо­соб», «пра­ви­ло» — очень важ­ные в этих опре­де­ле­ни­ях. Проек­ти­ров­щик интер­фей­са в первую оче­редь при­ду­мы­ва­ет пра­ви­ло, сце­на­рий, умень­шая коли­че­ство необ­хо­ди­мых жестов и сообщений.

Интерфейс — это правила игры...

1
Принципы

Что такое интерфейс

В начале своей книги Джеф Раскин пишет:

Многие счи­та­ют, что тер­мин «поль­зо­ва­тель­ский интер­фейс» отно­сит­ся толь­ко к совре­мен­ным гра­фи­че­ским поль­зо­ва­тель­ским интер­фей­сам, осно­ван­ным на окнах и меню, управ­ля­е­мых с помо­щью мыши. В одной из ста­тей в жур­на­ле «Мобайл офис» было ска­за­но: «Уже неда­ле­ко то вре­мя, когда вам совсем не нуж­но будет заду­мы­вать­ся об интер­фей­се, вы буде­те про­сто раз­го­ва­ри­вать со сво­им ком­пью­те­ром». В ответ на это я мог бы заме­тить, что систе­мы, управ­ля­е­мые голо­сом, дей­стви­тель­но могут обхо­дить­ся без окон, но теле­фон­ные авто­от­вет­чи­ки их так­же не име­ют, и, тем не менее, их интер­фей­сы зача­стую ока­зы­ва­ют­ся чрез­вы­чай­но пло­хи­ми. Итак, спо­соб, кото­рым вы выпол­ня­е­те какую‑либо зада­чу с помо­щью како­го‑либо про­дук­та, а имен­но совер­ша­е­мые вами дей­ствия и то, что вы полу­ча­е­те в ответ, и явля­ет­ся интерфейсом.

Интерфейс. Символ плюс, 2005

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

Слова «спо­соб», «пра­ви­ло» — очень важ­ные в этих опре­де­ле­ни­ях. Проек­ти­ров­щик интер­фей­са в первую оче­редь при­ду­мы­ва­ет пра­ви­ло, сце­на­рий, умень­шая коли­че­ство необ­хо­ди­мых жестов и сообщений.

Интерфейс — это правила игры...

Но мало при­ду­мать пра­ви­ла, их нуж­но вопло­тить физи­че­ски. Это вопло­ще­ние — неотъ­ем­ле­мая часть интерфейса.

Вспом­ним азбу­ку Морзе. Совре­мен­ные еди­нич­ки и ноли­ки 101010 ничем не луч­ше точек и тире • — • — • —. Разни­ца в пра­ви­лах коди­ро­ва­ния сооб­ще­ний несу­ще­ствен­на в срав­не­нии с раз­ни­цей в про­пуск­ной способ­ности совре­мен­ных средств пере­да­чи инфор­ма­ции и телеграфа.

Что же дела­ет аз­буку Мор­зе неэф­фек­тив­ной? Конеч­но, мате­ри­аль­ные сред­ства: теле­граф­ный ключ и ради­сты, кото­рым при­хо­дит­ся коди­ро­вать и рас­ко­ди­ро­вать сооб­ще­ния, пола­га­ясь на память.

Интер­фейс все­гда мате­ри­а­лен. Все­гда есть то, бла­го­да­ря чему его пра­ви­ла выполняются.

Матери­аль­ные сред­ства — физи­че­ский источ­ник потерь полез­но­го дей­ствия в интерфейсе.

Итак, интер­фейс — это набор пра­вил и мате­ри­аль­ные сред­ства, кото­рые обес­пе­чи­ва­ют вза­и­мо­дей­ствие по этим правилам.

...и их физическое воплощение

Но мало при­ду­мать пра­ви­ла, их нуж­но вопло­тить физи­че­ски. Это воплощение — неотъемлемая часть интерфейса.

Вспомним азбу­ку Морзе. Совре­мен­ные еди­нич­ки и ноли­ки 101010 ничем не луч­ше точек и тире • — • — • —. Разни­ца в пра­ви­лах коди­ро­ва­ния сооб­ще­ний несу­ще­ствен­на в срав­не­нии с раз­ни­цей в про­пуск­ной способ­ности совре­мен­ных средств пере­да­чи инфор­ма­ции и теле­гра­фа.

Что же дела­ет аз­буку Мор­зе неэф­фек­тив­ной? Конеч­но, мате­ри­аль­ные сред­ства: теле­граф­ный ключ и ради­сты, кото­рым при­хо­дит­ся коди­ро­вать и рас­ко­ди­ро­вать сооб­ще­ния, пола­га­ясь на память.

Интерфейс всегда материален. Всегда есть то, бла­го­да­ря чему его пра­ви­ла выпол­няют­ся.

Матери­аль­ные сред­ства — физи­че­ский источ­ник потерь полез­но­го дей­ствия в интерфейсе.

Итак, интер­фейс — это набор пра­вил и мате­ри­аль­ные сред­ства, кото­рые обес­пе­чи­ва­ют вза­и­мо­дей­ствие по этим правилам.

...и их физическое воплощение

Человечность

Хоро­ший интер­фейс начи­на­ется с человечности.

Я забы­ваю имена людей, дела и про­пу­щен­ные звонки. Кто‑то путает лево и право. Люди посто­янно оши­ба­ются рас­клад­кой кла­ви­а­туры. Чело­веч­ность дизайна выра­жа­ется в том, чтобы под­стро­ить пред­мет дизайна под чело­века с его сла­бо­стями, а не застав­лять чело­века под­стра­и­ваться под предмет.

Хоро­ший дизай­нер рас­по­ло­жит над­писи над, а не под кноп­ками, чтобы не заго­ра­жи­вать их пальцами.

Пульт телевизора
ББК

Пульт телевизора ББК

Человечность

Хороший интерфейс начинается с человечности.

Я забываю имена людей, дела и пропущенные звонки. Кто‑то путает лево и право. Люди постоянно ошибаются раскладкой клавиатуры. Человечность дизайна выражается в том, чтобы подстроить предмет дизайна под человека с его слабостями, а не заставлять человека подстраиваться под предмет.

Хороший дизайнер расположит надписи над, а не под кнопками, чтобы не загораживать их пальцами.

Поду­мает о том, где ока­жется адрес на сло­жен­ном бланке.

Не допу­стит появ­ле­ния сооб­ще­ния «Вы не запол­нили одно или несколько полей». Ком­пью­тер знает, какое или какие именно поля не запол­нены. Зачем застав­лять чело­века искать их взглядом?

Подумает о том, где окажется адрес на сложенном бланке.

Не допустит появления сообщения «Вы не заполнили одно или несколько полей». Компьютер знает, какое или какие именно поля не заполнены. Зачем заставлять человека искать их взглядом?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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