Илья Бир­ман

Пользовательский интерфейс

🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру

Удобно листать не только прокруткой, но и клавишами‑стрелками:

 
между важными местами
Shift
между
разворотами
Илья Бир­ман

Пользовательский интерфейс

Изда­тель­ство Бюро Гор­бу­нова
2017
Илья Бирман

Пользовательский интерфейс

Издательство Бюро Горбунова
2017
удк 655.262
ббк 85.15
Б64
Бир­ман И. Б.
Б64
Поль­зо­ва­тель­ский интер­фейс. —
М.: Изд‑во Бюро Гор­бу­нова, 2017
ISBN 978‑5‑9907024‑1‑7

Пред­став­ляем книгу Изда­тель­ства Дизайн‑бюро Артёма Гор­бу­нова — прак­ти­че­ское руко­вод­ство по поль­зо­ва­тель­скому интер­фейсу. Учеб­ник пред­на­зна­чен для дизай­не­ров, редак­то­ров, руко­во­ди­те­лей, раз­ра­бот­чи­ков и всех, кто при­ча­стен к созда­нию продуктов.

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑1‑7
© Изда­тель­ство
Бюро Гор­бу­нова, 2017

Оглавление

    Принципы 4

    Взаимодействие 86

    Язык 213

    Экраны 311

удк 655.262
ббк 85.15
Б64
Б64
Бирман И. Б.
Пользовательский интерфейс. —
М.: Изд‑во Бюро Горбунова, 2017
ISBN 978‑5‑9907024‑1‑7

Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑1‑7
© Издательство
Бюро Горбунова, 2017

Оглавление

    Принципы 4

    Взаимодействие 86

    Язык 213

    Экраны 311

Скрыт 391 разворот

Сайт правил русского языка

Сайт правил русского языка

Офи­ци­аль­ные пра­вила рус­ского языка орга­ни­зо­ваны иерар­хи­че­ски. Но люди теря­ются при виде их оглавления.

Поэтому на сайте пра­вил рабо­тает умный поиск. К при­меру, если напи­сать «напри­мер», сайт най­дёт пра­вило, по кото­рому ста­вится запя­тая вокруг этого слова.

Сайт правил русского языка

Сайт правил русского языка

Официальные правила русского языка организованы иерархически. Но люди теряются при виде их оглавления.

Поэтому на сайте правил работает умный поиск. К примеру, если написать «например», сайт найдёт правило, по которому ставится запятая вокруг этого слова.

Форма поиска хоть и состоит всего из одного поля, но всё же состав­ляет пре­пят­ствие для поль­зо­ва­теля. В хоро­шем интер­фейсе всё орга­ни­зо­вано так, чтобы дойти до нуж­ного эле­мента полу­ча­лось и более «лени­выми» спо­со­бами. Напри­мер, в интер­нет‑мага­зине обя­за­тельно нужны под­борки, новинки, рекомендации.

И только когда речь идёт обо всей инфор­ма­ции в мире, в каче­стве пер­вого шага подой­дёт поиск и ничего больше.

Форма как препятствие:

  • Формы 341

Сначала данные, потом фильтры:

  • Технозависимость 15

Форма поиска хоть и состоит всего из одного поля, но всё же составляет препятствие для пользователя. В хорошем интерфейсе всё организовано так, чтобы дойти до нужного элемента получалось и более «ленивыми» способами. Например, в интернет‑магазине обязательно нужны подборки, новинки, рекомендации.

И только когда речь идёт обо всей информации в мире, в качестве первого шага подойдёт поиск и ничего больше.

Форма как препятствие:

  • Формы 341

Сначала данные, потом фильтры:

  • Технозависимость 15

Ино­гда важно, чтобы поиск не про­сто нахо­дил объ­ект, а ещё пока­зы­вал, где он нахо­дится в иерар­хии или дру­гой струк­туре. Поиск по меню на Маке огром­ной ани­ми­ро­ван­ной стрел­кой пока­зы­вает, где именно нашёлся нуж­ный пункт. В сле­ду­ю­щий раз можно идти к нему напря­мую, без клавиатуры.

А поиск при­ло­же­ний в Ай‑ОСе 11 не пока­зы­вает, в какой папке что нашлось, поэтому поте­ряв­ше­еся в пап­ках при­ло­же­ние при­хо­дится все­гда запус­кать через него.

Макос Сьерра

Иногда важно, чтобы поиск не просто находил объект, а ещё показывал, где он находится в иерархии или другой структуре. Поиск по меню на Маке огромной анимированной стрелкой показывает, где именно нашёлся нужный пункт. В следующий раз можно идти к нему напрямую, без клавиатуры.

А поиск приложений в Ай‑ОСе 11 не показывает, в какой папке что нашлось, поэтому потерявшееся в папках приложение приходится всегда запускать через него.

Макос Сьерра

Поиск в почте на Маке

Поиск раз­ви­ва­ется в сто­рону струк­ту­ри­за­ции. Отдель­ные смыс­ло­вые эле­менты запроса пре­вра­ща­ются в объ­екты, подоб­ные фильтрам.

Поиск в почте на Маке

Поиск развивается в сторону структуризации. Отдельные смысловые элементы запроса превращаются в объекты, подобные фильтрам.

Задача поиска давно пере­стала быть чисто нави­га­ци­он­ной. Поис­ко­вые системы отве­чают на типо­вые вопросы о погоде и кур­сах валют. С раз­ви­тием голо­со­вых асси­стен­тов и чат­бо­тов поиск научится лучше пони­мать кон­текст и заодно с выда­чей резуль­та­тов зада­вать встреч­ные вопросы, помо­гая чело­веку сфор­му­ли­ро­вать запрос:

— Найди брас­леты для часов.

— Есть метал­ли­че­ские, пла­сти­ко­вые, доро­гие и дешё­вые, раз­ных цве­тов. Ещё бывают кожа­ные и ней­ло­но­вые ремешки. Что именно вы ищете?

И не рас­те­ря­ется, если чело­век про­игно­ри­рует под­сказки и спро­сит что‑то своё:

— Как они крепятся?

— К часам или на руке?

Голосовая помощница Яндекса «Алиса»

Задача поиска давно перестала быть чисто навигационной. Поисковые системы отвечают на типовые вопросы о погоде и курсах валют. С развитием голосовых ассистентов и чатботов поиск научится лучше понимать контекст и заодно с выдачей результатов задавать встречные вопросы, помогая человеку сформулировать запрос:

— Найди браслеты для часов.

— Есть металлические, пластиковые, дорогие и дешёвые, разных цветов. Ещё бывают кожаные и нейлоновые ремешки. Что именно вы ищете?

И не растеряется, если человек проигнорирует подсказки и спросит что‑то своё:

— Как они крепятся?

— К часам или на руке?

Голосовая помощница Яндекса «Алиса»

Скрыто 20 разворотов

Бир­ман Илья Борисович

Поль­зо­ва­тель­ский интерфейс

  • Арт‑дирек­тор и изда­тель Артём Горбунов

  • Дизай­нер обложки и фото­граф
    Вла­ди­мир Колпаков

  • Иллю­стра­тор Андрей Кокорин

  • Раз­ра­бот­чики Рустам Кул­ма­тов
    и Васи­лий Половнёв

  • Мет­ран­паж и тести­ров­щик Сер­гей Фролов

  • Помощ­ники Юрий Мазур­ский
    и Алек­сандра Шабалдина

  • Книга набрана шриф­тами
    «Бюро­се­риф» и «Бюросанс»

  • Дизайн‑бюро Артёма Гор­бу­нова
    Большая Новодмитровская улица,
    дом 36, стро­е­ние 2
    Москва, Рос­сия, 127015

  • bureau.ru

Бирман Илья Борисович

Пользовательский интерфейс

  • Арт‑директор и издатель Артём Горбунов

  • Дизайнер обложки и фотограф
    Владимир Колпаков

  • Иллюстратор Андрей Кокорин

  • Разработчики Рустам Кулматов
    и Василий Половнёв

  • Метранпаж и тестировщик Сергей Фролов

  • Помощники Юрий Мазурский
    и Александра Шабалдина

  • Книга набрана шрифтами
    «Бюросериф» и «Бюросанс»

  • Дизайн‑бюро Артёма Горбунова
    Большая Новодмитровская улица,
    дом 36, строение 2
    Москва, Россия, 127015

  • bureau.ru

Закладки
Добавьте закладки
Ничего не нашлось