Даниэль!

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

При подробном изучении же становятся видны проблемы. Опишу те, что показались мне самыми неприятными.

Попапы

При первом открытии на читателя выпадают целых три наслаивающихся друг на друга попапа:

Чтобы не показалось мало, если покрутить страницу дальше, то снизу приедет ещё один, но уже с какой‑то полезнотой:

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

На какой эффект в принципе можно тут рассчитывать? Благодарный читатель обомлеет от восторга, забудет обо всём на свете и кликнет в рекламу отдыха на Волге?

Почему бы не встроить рекламу в повествование, а уведомление о куках показывать только там, где они реально собираются?

Водопад статей

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

Напрашивается читать колонку за колонкой:

Но ведь колонки бесконечные! Получается, я прочитаю одну, потом нужно проскролить наверх и прочитать вторую, потом снова наверх… — невозможное упражнение.

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

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

Подробнее об организации главной страницы — в книге «Типографика и вёрстка» Артёма Горбунова

Псевдомодули

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

Бородатый дядечка в очках как бы говорит нам «Я тот самый Капитан Америка, который дал пощёчину фюреру»

Больше о псевдомодулях — в совете А. Г.

***

Но вообще кайф!

P. S. Делать выразительную вёрстку без ущерба смыслу и удобству чтения я учу на курсе «Типографика и вёрстка». Записывайтесь, пока есть места.

Типографика в вебеНоситель: сайт
Отправить
Поделиться
Запинить

Комментариев пока нет

Рекомендуем другие советы