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