Илья Бирман

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

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

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

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

Оглавление

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

Use an ellipsis in the name of a menu item or button that produces a dialog. The ellipsis (…) indicates that the user must take further action to complete the task.

The commands About, Advanced, Help, Options, Properties, and Settings must display another window when clicked, but don’t require additional information from the user. Therefore they don’t need ellipses.

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

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

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

Use an ellipsis in the name of a menu item or button that produces a dialog. The ellipsis (…) indicates that the user must take further action to complete the task.

The commands About, Advanced, Help, Options, Properties, and Settings must display another window when clicked, but don’t require additional information from the user. Therefore they don’t need ellipses.

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

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

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

Компьютер сначала спросит адрес сервера

Компьютер сначала спросит имя файла

Мно­го­то­чие под­ска­зы­вает, что кнопка сра­бо­тает не сразу. То есть нужно про­чи­тать, что напи­сано. Если при нажа­тии на слово мгно­венно про­изой­дёт или откро­ется ровно то, что оно озна­чает, то мно­го­то­чие не нужно.

Этого пра­вила доста­точно для при­ня­тия реше­ния во всех случаях.

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

Компьютер сначала спросит адрес сервера

Мно­го­то­чие под­ска­зы­вает, что кнопка сра­бо­тает не сразу. То есть нужно про­чи­тать, что напи­сано. Если при нажа­тии на слово мгно­венно про­изой­дёт или откро­ется ровно то, что оно озна­чает, то мно­го­то­чие не нужно.

Этого пра­вила доста­точно для при­ня­тия реше­ния во всех случаях.

Компьютер сначала спросит имя файла

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

На необ­хо­ди­мость мно­го­то­чия вли­яет форма слова:

Фортепиано настроится

Фортепиано
настроится

Если мы видим кнопку без мно­го­то­чия, мы ожи­даем, что при её нажа­тии при­ло­же­ние или при­бор сразу же настроится.

Появится камертон и инструменты

Появится камертон
и инструменты

Если же мно­го­то­чие стоит, мы уже ожи­даем уви­деть окно с параметрами.

Появится камертон и инструменты

Появится камертон
и инструменты

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

Сначала надо будет выбрать фортепиано

Сначала надо будет выбрать фортепиано

Если мно­го­то­чие доба­вить, то кажется, будто пре­пят­ствие ожи­дает ещё до начала настройки.

На необ­хо­ди­мость мно­го­то­чия вли­яет форма слова:

Фортепиано настроится

Если мы видим кнопку без мно­го­то­чия, мы ожи­даем, что при её нажа­тии при­ло­же­ние или при­бор сразу же настроится.

Появится камертон и инструменты

Если же мно­го­то­чие стоит, мы уже ожи­даем уви­деть окно с параметрами.

Появится камертон и инструменты

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

Сначала надо будет выбрать фортепиано

Если мно­го­то­чие доба­вить, то кажется, будто пре­пят­ствие ожи­дает ещё до начала настройки.

Ссылка

Навигация

Подлежащее: Что?

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

Ссылка как само­сто­я­тель­ный эле­мент про­сто назы­вает стра­ницу, на кото­рую ведёт:

  • Магазин

  • Блог

  • Контакты

Почи­тайте февральскую статью о налогах

По ссылке — февральская статья о налогах

В про­дажу посту­пили новые Айфоны

По ссылке — что‑то про новые Айфоны

Ссылка в тек­сте — выде­ле­ние. Чело­век видит её раньше осталь­ного тек­ста, поэтому её слов должно хва­тать для пони­ма­ния того, что будет по ссылке.

Ссылка

Навигация

Подлежащее: Что?

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

Ссылка как само­сто­я­тель­ный эле­мент про­сто назы­вает стра­ницу, на кото­рую ведёт:

  • Магазин

  • Блог

  • Контакты

Почи­тайте февральскую статью о налогах

По ссылке — февральская статья о налогах

В про­дажу посту­пили новые Айфоны

По ссылке — что‑то про новые Айфоны

Ссылка в тек­сте — выде­ле­ние. Чело­век видит её раньше осталь­ного тек­ста, поэтому её слов должно хва­тать для пони­ма­ния того, что будет по ссылке.

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

— Эсми­нец «Ком­по­зи­тор Юрий Шоста­ко­вич» будет где надо и вовремя!

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

В этом при­мере по ссылке откроется:

  • что‑то про 1953 год;

  • о Шостаковиче;

  • о том, что он сим­фо­нию именно напи­сал, а не напел;

  • сама симфония;

  • неиз­вестно что.

Ссылка на вызы­ва­ю­щем вопросы слове под­ска­зы­вает, что по ней — ответ.

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

В 1953 году Дмит­рий Шоста­ко­вич напи­сал деся­тую симфонию

— Эсми­нец «Ком­по­зи­тор Юрий Шоста­ко­вич» будет где надо и вовремя!

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

В этом при­мере по ссылке откроется:

  • что‑то про 1953 год;

  • о Шостаковиче;

  • о том, что он сим­фо­нию именно напи­сал, а не напел;

  • сама симфония;

  • неиз­вестно что.

Ссылка на вызы­ва­ю­щем вопросы слове под­ска­зы­вает, что по ней — ответ.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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