Илья Бир­ман

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

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

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

 
между важными местами
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 ничем не луч­ше точек и тире • — • — • —. Разни­ца в пра­ви­лах коди­ро­ва­ния сооб­ще­ний несу­ще­ствен­на в срав­не­нии с раз­ни­цей в про­пуск­ной способ­ности совре­мен­ных средств пере­да­чи инфор­ма­ции и теле­гра­фа.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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