Илья Бирман

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

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

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

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

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

Илья Бир­ман

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

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

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

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

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

УДК 655.262
ББК 85.15

Оглавление

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

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

УДК 655.262
ББК 85.15

Оглавление

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

Одна из первых игр на Айфоне: нужно было докатить шарик до самой дальней дырки, не уронив в другие по пути

Непосредственное взаимодействие

Про­крутка на Айфоне даёт мгно­вен­ную и непре­рыв­ную обрат­ную связь. Но ещё она вос­про­из­во­дит физику из реаль­ной жизни: стра­ницы обла­дают инер­цией и даже «отпру­жи­ни­вают» у краёв. Созда­ётся иллю­зия непо­сред­ствен­ного вза­и­мо­дей­ствия с эле­мен­тами на экране. Поль­зо­ва­тель пере­стаёт вос­при­ни­мать экран как устрой­ство ввода, посред­ством кото­рого он даёт стра­нице команду про­кру­титься — он про­сто про­ма­ты­вает её пальцем.

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

Одна из первых игр на Айфоне: нужно было докатить шарик до самой дальней дырки, не уронив в другие по пути

Непосредственное взаимодействие

Про­крутка на Айфоне даёт мгно­вен­ную и непре­рыв­ную обрат­ную связь. Но ещё она вос­про­из­во­дит физику из реаль­ной жизни: стра­ницы обла­дают инер­цией и даже «отпру­жи­ни­вают» у краёв. Созда­ётся иллю­зия непо­сред­ствен­ного вза­и­мо­дей­ствия с эле­мен­тами на экране. Поль­зо­ва­тель пере­стаёт вос­при­ни­мать экран как устрой­ство ввода, посред­ством кото­рого он даёт стра­нице команду про­кру­титься — он про­сто про­ма­ты­вает её пальцем.

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

Листание и прокрутка

При листа­нии содер­жи­мое раз­би­вают на стра­ницы и пере­ме­ща­ются между ними с помо­щью спе­ци­аль­ных жестов или экран­ных эле­мен­тов. Такие эле­менты назы­вают листалками.

В клас­си­че­ской листалке резуль­та­тов поиска Яндекса каж­дый отдель­ный номер мало­ин­фор­ма­ти­вен, но вме­сте они дают пред­став­ле­ние о коли­че­стве резуль­та­тов. Мно­го­то­чие пока­зы­вает, что стра­ниц больше десяти.

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

До 2016

С 2016

Листание и прокрутка

При листа­нии содер­жи­мое раз­би­вают на стра­ницы и пере­ме­ща­ются между ними с помо­щью спе­ци­аль­ных жестов или экран­ных эле­мен­тов. Такие эле­менты назы­вают листалками.

В клас­си­че­ской листалке резуль­та­тов поиска Яндекса каж­дый отдель­ный номер мало­ин­фор­ма­ти­вен, но вме­сте они дают пред­став­ле­ние о коли­че­стве резуль­та­тов. Мно­го­то­чие пока­зы­вает, что стра­ниц больше десяти.

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

До 2016

С 2016

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

Обрат­ная нуме­ра­ция стра­ниц не спол­зает, но слу­чай­ные боль­шие номера ещё менее понятны.

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

Обрат­ная нуме­ра­ция стра­ниц не спол­зает, но слу­чай­ные боль­шие номера ещё менее понятны.

Подоб­ные арха­ич­ные листалки до сих пор встре­ча­ются в про­дви­ну­тых изда­ниях и интер­нет‑мага­зи­нах. «Арс‑тех­ника» раз­би­вает на стра­ницы длин­ные обзоры, «Ламода» — раз­делы ката­лога одежды.

Ламода

Осо­бая глу­пость — выбор того, по сколько эле­мен­тов на стра­нице показывать:

Подоб­ные арха­ич­ные листалки до сих пор встре­ча­ются в про­дви­ну­тых изда­ниях и интер­нет‑мага­зи­нах. «Арс‑тех­ника» раз­би­вает на стра­ницы длин­ные обзоры, «Ламода» — раз­делы ката­лога одежды.

Ламода

Осо­бая глу­пость — выбор того, по сколько эле­мен­тов на стра­нице показывать:

Необя­за­тельно, чтобы на всех стра­ни­цах было поровну элементов.

Пла­тья на сайте «Мэри Трю­фель» раз­де­лены по силуэтам.

Необя­за­тельно, чтобы на всех стра­ни­цах было поровну элементов.

Пла­тья на сайте «Мэри Трю­фель» раз­де­лены по силуэтам.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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