Илья Бир­ман

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

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

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

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

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

В 1984 году Эпл в Макин­тоше пере­вер­нул стрелки и изба­вился от + и −, но забыл про про­пор­ци­о­наль­ный скрол­линг — лифт Макин­тоша был квад­рат­ным неза­ви­симо от длины документа.

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

Чтобы перейти в опре­де­лён­ную часть доку­мента, нужно было пере­та­щить сам лифт. Реаль­ное пере­ме­ще­ние про­ис­хо­дило только после отпус­ка­ния лифта в новом месте полосы про­крутки. Если начать тащить лифт, но отпу­стить мышь за пре­де­лами полосы про­крутки, про­крутка отме­ня­лась. Поэтому для успеш­ной про­крутки поль­зо­ва­телю при­хо­ди­лось посто­янно пры­гать гла­зами между доку­мен­том и поло­сой прокрутки.

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

По мере того, как мощ­но­сти ком­пью­те­ров стало хва­тать, полосы про­крутки обза­ве­лись непре­рыв­ной обрат­ной свя­зью. Доку­мент стал про­кру­чи­ваться «вжи­вую» в ответ на пере­ме­ще­ние лифта.

Макинтош, 1984

Макинтош, 1984

В 1984 году Эпл в Макинтоше перевернул стрелки и избавился от + и −, но забыл про пропорциональный скроллинг — лифт Макинтоша был квадратным независимо от длины документа.

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

Чтобы перейти в определённую часть документа, нужно было перетащить сам лифт. Реальное перемещение происходило только после отпускания лифта в новом месте полосы прокрутки. Если начать тащить лифт, но отпустить мышь за пределами полосы прокрутки, прокрутка отменялась. Поэтому для успешной прокрутки пользователю приходилось постоянно прыгать глазами между документом и полосой прокрутки.

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

По мере того, как мощности компьютеров стало хватать, полосы прокрутки обзавелись непрерывной обратной связью. Документ стал прокручиваться «вживую» в ответ на перемещение лифта.

В «Нек­сте» в 1989 году полосы про­крутки стали про­пор­ци­о­наль­ными, снова ока­за­лись слева, а стрелки раз­ме­сти­лись рядом, а не на кон­цах полосы прокрутки.

Потом про­пор­ци­о­наль­ные полосы про­крутки появи­лись в Вин­до­усе 95.

На Маке про­пор­ци­о­наль­ные полосы появи­лись только в 2000 году, в системе ОС Х, осно­ван­ной на мно­гих тех­но­ло­гиях «Нек­ста». Опцию раз­ме­ще­ния стре­лок рядом Мак имел до тех пор, пока вообще пока­зы­вал эти стрелки. А при­ду­ман­ное в «Нек­сте» замед­лен­ное тас­ка­ние лифта с нажа­тым «Аль­том» рабо­тает на Маке и в 2017 году.

Но Мак уна­сле­до­вал не всё. Шахта «Нек­ста» рабо­тала иначе — клик в любое её место мгно­венно пере­ме­щал лифт туда. Для постра­нич­ного листа­ния нужно было кли­кать в стрелки с нажа­тым «Альтом».

Система «Опенстеп» компании «Некст». Компания основана Стивом Джобсом после увольнения из Эпла в 1985 году. Куплена Эплом в 1997‑м

В «Нексте» в 1989 году полосы прокрутки стали пропорциональными, снова оказались слева, а стрелки разместились рядом, а не на концах полосы прокрутки.

Потом пропорциональные полосы прокрутки появились в Виндоусе 95.

На Маке пропорциональные полосы появились только в 2000 году, в системе ОС Х, основанной на многих технологиях «Некста». Опцию размещения стрелок рядом Мак имел до тех пор, пока вообще показывал эти стрелки. А придуманное в «Нексте» замедленное таскание лифта с нажатым «Альтом» работает на Маке и в 2017 году.

Но Мак унаследовал не всё. Шахта «Некста» работала иначе — клик в любое её место мгновенно перемещал лифт туда. Для постраничного листания нужно было кликать в стрелки с нажатым «Альтом».

Система «Опенстеп» компании «Некст». Компания основана Стивом Джобсом после увольнения из Эпла в 1985 году. Куплена Эплом в 1997‑м

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

Если нажать и удерживать кнопку мыши

Если нажать и удерживать кнопку мыши

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

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

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

Попу­ляр­ность Вин­до­уса поз­во­ляет счи­тать логику его полос про­крутки стан­дарт­ной: там она уста­ка­ни­лась и не меня­лась больше два­дцати лет. От вер­сии к вер­сии менялся лишь внеш­ний вид:.

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

Кнопки‑стрелки прокручивают на одну строку. Они указывают в направлении движения лифта, а не содержания

Лифт пропорциональный, но не сжимается меньше квадрата, чтобы было легче попасть

Клики в шахту над и под лифтом листают постранично вверх и вниз соответственно. Если нажать в шахту и не отпускать, документ пролистается в соответствующем направлении до конца

Популярность Виндоуса позволяет считать логику его полос прокрутки стандартной: там она устаканилась и не менялась больше двадцати лет. От версии к версии менялся лишь внешний вид:.

Кнопки‑стрелки прокручивают на одну строку. Они указывают в направлении движения лифта, а не содержания

Клики в шахту над и под лифтом листают постранично вверх и вниз соответственно. Если нажать в шахту и не отпускать, документ пролистается в соответствующем направлении до конца

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

Лифт пропорциональный, но не сжимается меньше квадрата, чтобы было легче попасть

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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