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