Илья Бир­ман

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

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

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

 
между важными местами
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

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

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

«Лай­трум» пред­ла­гает веро­ят­ные теги для фото­гра­фии и даже поз­во­ляет созда­вать неза­ви­си­мые наборы тегов.

Теги сами по себе могут обра­зо­вы­вать иерар­хии или более слож­ные струк­туры. Если известно, что тег «авто­бус» дочер­ний по отно­ше­нию к тегу «транс­порт», то по послед­нему логично авто­ма­ти­че­ски пока­зы­вать все фото­гра­фии с пер­вым. К сожа­ле­нию, такие струк­туры сложно поддерживать.

Лучше, когда про­грамма сама пони­мает, какие теги свя­заны тес­нее. Если дизай­нер, опи­сы­вая кар­тинку, ста­вит тег «лого­тип», система может также пред­ло­жить ему теги «знак», «эмблема», «фирстиль».

Работа с тегами в «Лайтруме»

Работа с тегами в «Лайтруме»

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

«Лайтрум» предлагает вероятные теги для фотографии и даже позволяет создавать независимые наборы тегов.

Теги сами по себе могут образовывать иерархии или более сложные структуры. Если известно, что тег «автобус» дочерний по отношению к тегу «транспорт», то по последнему логично автоматически показывать все фотографии с первым. К сожалению, такие структуры сложно поддерживать.

Лучше, когда программа сама понимает, какие теги связаны теснее. Если дизайнер, описывая картинку, ставит тег «логотип», система может также предложить ему теги «знак», «эмблема», «фирстиль».

Хештеги в твиттере

Во мно­гих соц­се­тях тегами ста­но­вятся любые слова из сооб­ще­ния, в начале кото­рых добав­лен знак #.

Когда у всех поль­зо­ва­те­лей общее про­стран­ство тегов, тоже воз­ни­кают про­блемы. Для дизай­нера интер­фейса и спортс­мена тег «форма» будет озна­чать разное.

Хештеги в твиттере

Во многих соцсетях тегами становятся любые слова из сообщения, в начале которых добавлен знак #.

Когда у всех пользователей общее пространство тегов, тоже возникают проблемы. Для дизайнера интерфейса и спортсмена тег «форма» будет означать разное.

Поиск

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

Поиск в Гугль‑картах

Поиск в Гугль‑картах

Поиск

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

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

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

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

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

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

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

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

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

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

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

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

  • Формы 341

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

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

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

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

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

  • Формы 341

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

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

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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