Пошаговая оптимизация контентного UX: выступление на конференции ContentSense

Сооснователь Setka Роман Худоногов — о том, какие ошибки обычно совершают при верстке и как последовательно работать над типографикой, структурой и дизайном материала

15 марта команда Setka приняла участие в конференции ContentSense — событии, посвященном контенту как продукту. Понимая важность контента, спикеры и участники обсуждали смыслы и метрики, которые напрямую связаны с бизнес-показателями. Сооснователь Setka Роман Худоногов рассказал о том, как медиа могут улучшить пользовательский опыт, соблюдая достаточно простые правила типографики и верстки. Также мы организовали воркшоп, на котором участники провели дизайн-аудит реальных статей из известных блогов и онлайн-изданий.

Следите
за свежими новостями Setka в социальных сетях: Facebook и Telegram.

РОМАН ХУДОНОГОВ

Сооснователь Setka


Каждый из нас проводит за чтением в интернете порядка 30 минут в день, не считая соцсетей, и это примерно 3-5 статей. Если суммировать это время, получается примерно месяц чтения в год: то есть вы будете приходить на работу и восемь часов подряд проводить за чтением. Это совсем не маленькая часть вашей повседневной жизни. И если честно, вокруг огромное количество плохо оформленных статей. Мы, вроде бы, даже привыкли к этому, но это неправильно. Почему бы не относиться к User Experience при чтении также внимательно, как к User Experience в приложениях или при использовании айфона?!

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

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

Распространенные ошибки верстки и как от них избавиться

Полотно текста и отсутствие медиа-элементов

Цитаты не выделены

Нет акцентов на важных цифрах и фактах

Выравнивание и размер изображений

Некачественные фотостоки

Нечитаемые элементы в мобильной версии

Мы благодарим организаторов конференции — компанию ProductSense — за возможность поделиться опытом и знаниями. Чтобы узнать о нашем участии в мероприятиях, посвященных созданию контента, дизайну и бренд-медиа, следите за нами в Facebook и Telegram.