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