x
 
Денис Данилов
9 июля 2019
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Здравствуйте, Илья!

Скролл страниц в книгах Бюро периодически превращается в переключение абзацев (либо другого элемента, но в качестве примера будет абзац) в пределах одного разворота. Одновременно со сменой абзаца часто меняется иллюстрация. Я, как читатель, заметил за собой два типичных сценария в такой ситуации:

1. Прочитал абзац и сразу переключил интерфейс к следующему. То есть во время чтения абзаца я вижу соответствующую ему иллюстрацию. Но когда вдруг последний абзац не выделяется, потому что для него не предусмотрена иллюстрация, я случайно открываю следующий разворот, а я не хотел этого делать не дочитав.

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

Внизу есть точки-индикаторы. Также разворот слегка поднимается вверх, намекая на следующий. Но это всё не помогает избегать ошибок. Приходится держать в голове состояние интерфейса, а не задачу.

Можно ли назвать это модальностью? И все ошибки, которые я совершаю в первом и втором сценарии — модальными? Если да, то как это можно исправить?


Такие раз­во­роты мы назы­ваем раз­во­ро­тами с «якорями»:

При про­крутке такого раз­во­рота сме­ня­ю­щие друг друга кар­тинки иллю­стри­руют после­до­ва­тельно выде­ля­ю­щи­еся фраг­менты текста.

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

Раз­лич­ное пове­де­ние раз­во­ро­тов с яко­рями и без можно назвать модаль­но­стью в том смысле, что один и тот же жест, нажа­тие ↓, ино­гда вызы­вает пере­ход к сле­ду­ю­щему якорю, а ино­гда — пере­клю­че­ние раз­во­ро­тов. И конечно, если вы при­вычно жмёте ↓, ожи­дая пере­клю­че­ния кар­тинки, а вас пере­ма­ты­вает на сле­ду­ю­щий раз­во­рот, это модаль­ная ошибка.

Важ­ная идея, зало­жен­ная в книж­ный дви­жок — линей­ное непре­рыв­ное чте­ние: неза­ви­симо от того, про­кру­чи­вает ли чита­тель раз­во­роты или листает стрел­кой ↓, он дол­жен после­до­ва­тельно уви­деть всё, о чём пишет автор. Для нас жест ↓ — это команда «дальше», и она все­гда пере­клю­чает на то, что дальше. Если выбрать отдель­ный жест для листа­ния яко­рей, напри­мер стрелки ← в сто­роны →, чита­тели нач­нут вообще про­пус­кать какие‑то при­меры, потому что не обра­тят вни­ма­ния на нали­чие этих яко­рей. И модаль­ность про­явится уже иначе: ино­гда, чтобы читать дальше, надо нажи­мать ↓, а ино­гда →.

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

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт до 12 августа или пока есть свободные места.
 

Поделиться
Отправить

Комментарии

Михаил Замкевич
9 июля 2019

Может, просто снимать выделение предыдущего абзаца, если для следующего абзаца нет иллюстрации?
Снятие выделения будет индикатором, что всё работает. У читателя не будет ощущения, что что-то сломалось, так как нажатие ↓ подкрепится сменой состояния выделенного абзаца. А следующее нажатие ↓ перелистнёт страницу. Через несколько абзацев сформируется привычка.

Диана Бронникова
9 июля 2019

Два варианта:

1) текст появляется одновременно с переключением изображения. В таком случае нажатие кнопки вниз всегда приводит к появлению следующей текстовой мысли, независимо от того, находится ли она на этой странице или на следующей. Минус здесь в том, что быстро читающих людей это может раздражать, им порой необходимо видеть всю страницу целиком.

2) текст, который связан с изображениями, иного цвета - например, серый, а не чёрный. Когда он прочитывается (вместе с изображением) - становится чёрным. Таким образом, понятно, что если впереди один серый абзац и один чёрный, то первое нажатие клавиши вниз приведёт к появлению новой картинки (и серый абзац почернеет), а второй нажатие перелистнёт страницу (так как второй абзац и так был чёрным, а значит, картинки за ним не стоит). При этом, если человек просто хочет прочитать всю страницу взглядом, без учёта изображений, он может это сделать - текст уже весь виден.

Нигмат Салибаев
9 июля 2019

Часто сталкивался с непредвиденным перелистыванием страницы при нажатии на стрелку. Может быть попробовать назначить на стрелку все абзацы? Таким образом можно избавиться от непредвиденного перелистывания страницы, а если на абзаце нет никакого экшена, ничего страшного. Картинка меняется — глаз видит. Не меняется — читаешь дальше и точно видишь, в какой момент перейдешь на другую страницу.

Роман Давыдко
9 июля 2019

Можно символизировать наличие иллюстрации или примера самим абзацем или каким-то элементом возле него.

Если текст, на котором сосредоточено всё внимание во время чтения, будет сам подсказывать, что для него есть иллюстрация или пример, то читатель будет узнавать об этом самым естественным путём — дочитав до выделенного фрагмента.

Можно в начале абзаца с примером поставить иконку.

Или добавить второе состояние фрагмента с примером — неактивное. Получится три состояния: обычный текст; текст с примером; текст с примером, который сейчас на экране. Грязновато получается, правда.

Или просто перенести точки-индикаторы к абзацам. Самый удачный вариант, как мне кажется.

Роман Давыдко
14 июля 2019

Картинку из комментария нельзя увеличить, оказывается, поэтому вот картинка, которую увеличивать не нужно.

Михаил Тучин
9 июля 2019

Мне кажется, не нужно торопиться переключать читателя на следующий разворот. Например, перед переходом к нему как-то намекнуть, что дальнейшее нажатие «↓» покажет следующий разворот.

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Как вы относитесь к элементам интерфейса с динамическим контентом в рамках фиксированного пространства? 9 8 Хотелось бы узнать ваше мнение о правиле «главная страница сайта должна умещаться на одном-двух экранах монитора» 3 7




Недавно всплыло

2 При клике на кнопку нужно плавно прокрутить страницу к форме 2 Как в бюро верстают электронные письма и рассылки. Третья часть: рассылки Школы и Издательства бюро 1 2