7 заметок с тегом

управление вниманием

Грязь и зигзаги

Продолжаю разговор о вёрстке по зигзагу.

Открыли вчера с Людой новую промостраницу продвинутого курса Главреда. Я делал страницу в страшном угаре и первые её версии уже после выхода выглядели страшно грязными. Потом в несколько подходов я немного навел порядок, и одним из шагов было избавиться от диагонали.

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

Но когда на странице и так было много грязи и дырок, это оказалось лишним и очень вредным. В итоге я все большие картинки прижал влево, подписи вправо, и получилось аккуратно.

13 декабря   дизайн   порядок   управление вниманием   чистота

Нильсен и зигзаги

У «Нильсен Норман груп» вышло исследование о последовательности чтения. Узнавали, как лучше ставить картинку: одну над другой или по диагонали. А узнали совсем другое.

Основные выводы

Если на картинке что-то важное, люди на нее смотрят. Если на картинке бессмысленная декорация — не смотрят. Как стоят картинки — в основном, пофигу.

Если читатель видит, что картинка декоративная, он ее пропускает.

Если картинки стоят зигзагом, читателю тяжелее искать следующий осмысленный блок текста. Лучше так не делать.

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

Если в начале страницы стоят неинформативные иллюстрации, читатель унывает и не особо хочет читать дальше.

Люди читают слева направо :-)

4 декабря   декорация   иллюстрация   управление вниманием

Текст в таблицах

Леныч! Смотри, вот ты пишешь текст про налогообложение. У тебя абзацы текста, а потом ты сравниваешь системы налогообложения в таблице. Это выглядит визуально интересно, но есть проблемы:

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

Это выглядит нормально только издалека, пока не вчитываешься. Внутри это читать не хочется — слишком сложно:

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

И, конечно, структура: сейчас у тебя справочник по системам налогообложения, а должен быть ответ на вопрос, какую мне систему выбрать. В начала абзацев надо выносить не УСН, ПСН и ЕНВД, а то, по каким принципам они выбираются. Я не знаю матчасти, поэтому напишу как знаю:

Короче:

Таблица — для чисел. Многоколонники — зло. Не ставь текст в таблицу без крайней необходимости

24 октября   верстка   дизайн   управление вниманием

Естественный порядок чтения и визуальная последовательность

Написал совет о естественном порядке чтения. Главное, что нужно запомнить: человек читает не слева направо, а от важного к менее важному. Прочитайте об этом подробнее на сайте бюро.

Обратите внимание: в совете используется наглядная визуальная последовательность. Полистайте, всё понятно даже без текста:

22 октября   визуальная последовательность   управление вниманием

Просто текст или текст с картинкой

Посмотрите клип Мальбэка (16+):

Вроде всё классно, любовь, атмосфера, вокал. Кайф. А теперь та же песня, но с другим видеорядом (с 18:40):

Обратите внимание, как изменилось восприятие песни, когда из нее убрали драматургически выстроенный клип. На что сместился акцент? Какую роль в изначальном клипе играла история, герои и обстоятельства. Какую роль играл текст в первом и во втором видео.

Просто подумать.

См. также: статья, которая не заигрывала

2017   агрессия   драматургия   управление вниманием

Подборка материалов об управлении вниманием

Вот статьи и лекции, с которыми следует познакомиться, чтобы начать въезжать в тему управления вниманием. Это основы, а здесь на сайте будет развитие темы. Выстроены от простого к сложному, рекомендую знакомиться в том порядке, в котором они тут представлены:

Основы дизайна текста для редактора — лекция в «Республике», на примере серых черточек и заголовков создаем считываемый смысл.

Вёрстка печатного издания — то же самое, только в виде совета.

Редакторская гигиена — деление на абзацы, диагональное считывание и другие необходимые знания. Короткий вебинар.

Принцип контраста и заголовок — выпуск продвинутого курса Главреда

Демонстрации в рекламе — лекция на «Просмотре». О блендерах и алгоритмах сжатия.

Элементы управления вниманием + проклятие инструмента. Как и зачем избегать многоколонников и прочей ерунды.

Картинка и иллюстрация — не путать.

Иллюстрация и декорация — глубокое погружение.

Практика: информационная статья — все знания на практике.

Подписывайтесь на Телеграм, чтобы не пропустить новые материалы о дизайне текста, драматургии и управлении вниманием.

2017   верстка   КМБ   управление вниманием

Статья, которая не заигрывала

Жил-был мальчик, звали его Пол Грэм. Однажды в 2004 году Пол Грэм написал статью о том, о чём неприлично говорить. И хотя это было 13 лет назад, уже по тем временам статья выглядела не по-журнальному:

Если бы Пол хотел сделать её по-журнальному, он бы применил крики и выделения, чтобы как-то направить взгляд читателя, соблазнить его на чтение статьи:

А если бы он был хреновым копирайтером, то он бы обязательно снабдил статью второсортными иллюстрациями со слабенькими метафорами:

Но он ничего этого не сделал. Почему?

Дело в скучающем читателе.

Поставим рядом две статьи: Пола Грэма и из «Тинькофф-журнала». У Пола Грэма ровная колонка и подзаголовки, у нас иллюстрации, подзаги, врезы, всякие таблички и красота:

Если скучающий читатель придёт в «Тинькофф-журнал», мы его протащим по статье, бросим в него интересные цитаты, короче — развлечем. Нам нужны скучающие читатели, потому что у нас одна из задач — затягивать людей, делать финансовую тему более привлекательной.

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

Правило такое: не надо делать из любой статьи цирк с конями. Есть ситуации, когда вам не нужно бороться за внимание скучающего читателя, и тогда можно просто написать спокойный текст. Иллюстрации — по необходимости.

А делают часто наоборот: прочитали где-то, что все статьи надо иллюстрировать, и давай лепить портреты Дикаприо. Делать так, конечно, не надо.

Короче:

Просто текст — тоже бывает нормально

2017   агрессия   спокойствие   статья   управление вниманием