Илья Бир­ман

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

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

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

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

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

Илья Бир­ман

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

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

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

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

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

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑1‑7
© Изда­тель­ство
Бюро Гор­бу­нова, 2017

Оглавление

    Принципы 4

    Взаимодействие 86

    Язык 213

    Экраны 311

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

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

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑1‑7
© Издательство
Бюро Горбунова, 2017

Оглавление

    Принципы 4

    Взаимодействие 86

    Язык 213

    Экраны 311

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

Страница и её исходный код

Страница, её исходный код, терминал

Страница, код, терминал, файлы

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

Страница и её исходный код

Страница, её исходный код, терминал

Страница, код, терминал, файлы

Окна помогают одновременной работе с несколькими программами или документами: сравнению текста, перемещению файлов между папками, фоновому слежению за новостями. Но удобное размещение окон требует от пользователя аккуратности и терпения — хорошо получится после нескольких проб и ошибок.

Раз­ра­бот­чики интер­фейса часто зло­упо­треб­ляют окнами, сва­ли­вая на поль­зо­ва­теля работу по рас­по­ло­же­нию частей интер­фейса. Это выда­ётся за заботу: «поль­зо­ва­тель рас­ста­вит, как ему удобно». Боль­шин­ство поль­зо­ва­те­лей не знают или не заду­мы­ва­ются над тем, как будет удоб­нее всего, и в резуль­тате у мно­гих — бардак.

Без­дум­ное исполь­зо­ва­ние отдель­ных окон для каж­дой функ­ции — такая же тех­но­за­ви­си­мость, как линей­ные тулбары.

О линейном представлении функций программы:

  • Технозависимость 21

Среда разработки «Делфи 4». Три основных рабочих окна мешают друг другу, а если открыть все окна, на экране будет настоящий бардак

Среда разработки «Делфи 4». Три основных рабочих окна мешают друг другу, а если открыть все окна, на экране будет настоящий бардак

Разработчики интерфейса часто злоупотребляют окнами, сваливая на пользователя работу по расположению частей интерфейса. Это выдаётся за заботу: «пользователь расставит, как ему удобно». Большинство пользователей не знают или не задумываются над тем, как будет удобнее всего, и в результате у многих — бардак.

Бездумное использование отдельных окон для каждой функции — такая же технозависимость, как линейные тулбары.

О линейном представлении функций программы:

  • Технозависимость 21

Фотошоп Артёма Горбунова

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

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

Фотошоп Артёма Горбунова

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

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

Дизайнер не поработал

Дизайнер поработал

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

Ста­биль­ная кон­фи­гу­ра­ция окна помо­гает выра­бо­тать привычку.

Воз­мож­ность рас­по­ла­гать окна как угодно стоит вво­дить в послед­нюю очередь.

  • Привычка 25

Дизайнер не поработал

Не стоит рассчитывать, что пользователь сам сделает хорошо. Придумать удобную компоновку главного окна программы — работа дизайнера. Если компоновка зависит от данных, автоматически выбирать подходящую. Если возможны разные сценарии, предусмотреть две‑три удобные схемы на выбор.

Дизайнер поработал

Стабильная конфигурация окна помогает выработать привычку.

Возможность располагать окна как угодно стоит вводить в последнюю очередь.

  • Привычка 25

Ай‑си‑кью, 2000

Телеграм, 2017

В ста­рых мес­сен­дже­рах были отдель­ные окна для списка кон­так­тов и для каж­дого чата. Если кто‑то пере­да­вал файл, появ­ля­лось отдель­ное окно для отсле­жи­ва­ния прогресса.

Совре­мен­ный мес­сен­джер уме­ща­ется в одном окне. Спи­сок диа­ло­гов слева, откры­тый диа­лог справа. Файл пере­да­ётся прямо в тек­сте диалога.

Ай‑си‑кью, 2000

В старых мессенджерах были отдельные окна для списка контактов и для каждого чата. Если кто‑то передавал файл, появлялось отдельное окно для отслеживания прогресса.

Телеграм, 2017

Современный мессенджер умещается в одном окне. Список диалогов слева, открытый диалог справа. Файл передаётся прямо в тексте диалога.

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

Закладки
Добавьте закладки
Ничего не нашлось