🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Популярность Виндоуса позволяет считать логику его полос прокрутки стандартной: там она устаканилась и не менялась больше двадцати лет. От версии к версии менялся лишь внешний вид:.
Содержимое прокручивается непрерывно в ответ на перемещение лифта мышью. Если «взять» лифт, мышью можно двигать хоть по всему экрану — прокрутка будет работать
Кнопки‑стрелки прокручивают на одну строку. Они указывают в направлении движения лифта, а не содержания
Лифт пропорциональный, но не сжимается меньше квадрата, чтобы было легче попасть
Клики в шахту над и под лифтом листают постранично вверх и вниз соответственно. Если нажать в шахту и не отпускать, документ пролистается в соответствующем направлении до конца
Популярность Виндоуса позволяет считать логику его полос прокрутки стандартной: там она устаканилась и не менялась больше двадцати лет. От версии к версии менялся лишь внешний вид:.
Кнопки‑стрелки прокручивают на одну строку. Они указывают в направлении движения лифта, а не содержания
Клики в шахту над и под лифтом листают постранично вверх и вниз соответственно. Если нажать в шахту и не отпускать, документ пролистается в соответствующем направлении до конца
Содержимое прокручивается непрерывно в ответ на перемещение лифта мышью. Если «взять» лифт, мышью можно двигать хоть по всему экрану — прокрутка будет работать
Лифт пропорциональный, но не сжимается меньше квадрата, чтобы было легче попасть
Настройка рабочего стола Виндоуса 3.1, 1990
Изначально на полосу прокрутки смотрели просто как на один из элементов экранного интерфейса, вроде кнопки и поля ввода. Как правило, она работала как элемент управления для перемещения по документу и как индикатор положения в нём. В некоторых старых интерфейсах можно даже встретить её вместо ползунка.
Настройка рабочего стола Виндоуса 3.1, 1990
Изначально на полосу прокрутки смотрели просто как на один из элементов экранного интерфейса, вроде кнопки и поля ввода. Как правило, она работала как элемент управления для перемещения по документу и как индикатор положения в нём. В некоторых старых интерфейсах можно даже встретить её вместо ползунка.
Но человек изобрёл колесо.
Колесо управляло движением лифта в полосе прокрутки. При движении вверх содержимое прокручивалось вниз.
Благодаря колесу люди стали всё реже использовать полосы прокрутки для прокрутки, однако на их дизайн это почти не влияло.
В 2000‑х в Эпле реализовали прокрутку на трекпадах — нужно было проводить по ним не одним, а двумя пальцами.
Прокрутка обрела новое качество. Оказалось, что прокрутка — способ взаимодействия по важности сравнимый с кликом.
Микрософт Интеллимаус, 1996
Микрософт Интеллимаус, 1996
Но человек изобрёл колесо.
Колесо управляло движением лифта в полосе прокрутки. При движении вверх содержимое прокручивалось вниз.
Благодаря колесу люди стали всё реже использовать полосы прокрутки для прокрутки, однако на их дизайн это почти не влияло.
В 2000‑х в Эпле реализовали прокрутку на трекпадах — нужно было проводить по ним не одним, а двумя пальцами.
Прокрутка обрела новое качество. Оказалось, что прокрутка — способ взаимодействия по важности сравнимый с кликом.
Видео с презентации «Макворлд», 2007
В 2007 вышел Айфон. На маленьком экране прокрутка нужна постоянно. Вместо классических полос прокрутки Айфон использовал всю площадь экрана. Отпала необходимость прицеливаться. Обратная связь создавала ощущение непосредственного взаимодействия. Стив Джобс «просто брал палец — и прокручивал».
Видео с презентации «Макворлд», 2007
В 2007 вышел Айфон. На маленьком экране прокрутка нужна постоянно. Вместо классических полос прокрутки Айфон использовал всю площадь экрана. Отпала необходимость прицеливаться. Обратная связь создавала ощущение непосредственного взаимодействия. Стив Джобс «просто брал палец — и прокручивал».
У полосы прокрутки осталась лишь задача индикации положения в прокручиваемой области. Поэтому в Айфоне избавились от стрелок и шахт, оставив только тоненькие лифты — Эпл назвал их «скроллерами». Они появляются только во время прокрутки прямо поверх прокручиваемого содержимого. Это позволило не выделять для них дополнительное место.
«Скроллеры» вместо классических полос прокрутки стали стандартом Мака к 2011 году. Тогда же на Мак пришли инерция и пружинистость. А спустя несколько лет появилась и возможность изменить направление прокрутки с обратного на прямое, чтобы управлять движением содержимого, а не лифта — как на Айфоне.
У полосы прокрутки осталась лишь задача индикации положения в прокручиваемой области. Поэтому в Айфоне избавились от стрелок и шахт, оставив только тоненькие лифты — Эпл назвал их «скроллерами». Они появляются только во время прокрутки прямо поверх прокручиваемого содержимого. Это позволило не выделять для них дополнительное место.
«Скроллеры» вместо классических полос прокрутки стали стандартом Мака к 2011 году. Тогда же на Мак пришли инерция и пружинистость. А спустя несколько лет появилась и возможность изменить направление прокрутки с обратного на прямое, чтобы управлять движением содержимого, а не лифта — как на Айфоне.
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015