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