Илья Бир­ман

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Привычка 25

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

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

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

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

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

  • Привычка 25

Ай‑си‑кью, 2000

Телеграм, 2017

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

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

Ай‑си‑кью, 2000

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

Телеграм, 2017

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

Кон­фи­гу­ра­ция «спи­сок — объ­ект» зна­кома по мно­гим про­грам­мам: почта, чат, заметки.

Создание презентации в «Кейноуте». Слева список слайдов, справа открытый слайд

Создание презентации в «Кейноуте». Слева список слайдов, справа открытый слайд

Конфигурация «список — объект» знакома по многим программам: почта, чат, заметки.

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

Почта. Всё умещается в одном окне, но при желании любое письмо можно открыть в отдельном

Почта. Всё умещается в одном окне, но при желании любое письмо можно открыть в отдельном

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

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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