«Не буду щас читать, попозже». Нужен совет дизайнера

В понедельник я в порыве прокрастинации выкатил четвертую версию «Советов».

Главная фишка новой версии — в рубрикаторе появились цитаты и картинки. Раньше была просто гора ссылок:

Стала гора ссылок с иллюстрациями:

По всем правилам, это должно было отразиться на кликабельности. Я ожидал какую-то такую карту кликов:

Вот подлинная карта кликов спустя 3 дня:

Сломалась статистика? Мало данных? Нет, на первом экране клики распределены ожидаемо — все кликают в «Что такое инфостиль» и в бургерную кнопку:

Отдельно отличилась незаметная навигашка, которая прилипла к верхнему краю экрана. Слово «Хвастается» — вторая по кликабельности ссылка на этом экране.

Дизайнеры и юиксеры, в чем я накосячил? Моя гипотеза: люди заходят познакомиться, ставят лайк, жмут ретвит и уходят дальше по своим делам, читать советы некогда. Какие еще идеи?

Дальше
20 комментариев
Михаил Червяков 2016

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

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

Слава Середенко 2016

Чтобы ответить на вопрос, сначала надо понять как читают советы и зачем.

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

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

Те, кто не знаком с инфостилем, сначала пытаются узнать что это, поэтому и переходят в «Что такое инфостиль». Советы не читают, потому что пока не знают где их применить.

Эдуард Харитонов 2016
  1. Иллюстрации забирают внимание пользователя, но при этом они не вызывают никаких ассоциаций связанных с тематикой сайта, либо вызывают, но у небольшого кол-ва посетителей.
    Т. е. если убрать текст, то догадаться о чем пойдет речь в статье за иллюстрацией будет сложно.
  1. Иллюстрации не выглядят как ссылки.
  1. Иллюстрации могут восприниматься, как иллюстрация ко всему столбцу ссылок, а не к первой ссылке.
Илья Бочаров 2016

Сейчас решение для всех сразу. Вот все, что есть — разбирайтесь. Нужно разделить. Задать вопрос и строка поиска. Темы для обучения, вроде мастера. Сделал одну тему, проверил, попробовал. Что-то подобное http://fff.works/

Всеволод Устинов 2016

Оценивать поведение людей нужно только из соответствующих сегментов.

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

Реальное полезное действие — это оглавление и справочник. Оценивать успешность можно по кол-ву постоянных посетителей страницы или даже по скорости прироста. Например, было Х, росло на 10% в месяц, а стало расти на 15% в месяц.

Кстати, тогда и призыв к действию надо менять: не шарить, а добавлять в закладки и возвращаться. Примеров поиска сделать больше. Ещё как-то помочь. Мы же предлагаем пользователю изменить свои привычки — это сложно.

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

Владимир 2016

Ссылки c иллюстрацией должны быть большего размера. В «Что такое инфостиль» все упорядочено, а здесь иллюстрации внесли больше неразберихи, чем сделали акцент.
https://drive.google.com/open?id=0B-8hi2cL4NdrUlBqSVpCQ2RCWVk

Александр Сарычев 2016

А период для карты кликов по меню такой же как и для нового рубрикатора с картинками?

Ну и 3 дня не особо показательная статистика. Хотя если несколько тысяч человек успело потыкать, то норм.

Ардальон Передонов 2016

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

Сергей Кашин 2016
  1. За какой срок показана картинка статистики первого экрана?
  2. Как обычно ведет себя аудитория? Откуда люди приходят на статьи? Может быть, они ходят, но не отсюда.
  3. Какая цель у автора? Чтобы больше кликали, больше читали статьи, количество статей на посетителя, что-то еще?

Во-первых, не факт, что меньше кликов в метрике означает «хуже». Главное, наверное, не клики, а чтобы читали? Что, если посетители просто уже прочитали все статьи, или ходят туда другими путями?

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

Как изменилась статистика просмотров самих статей?

Максим Ильяхов 2016

За какой срок?

За три дня

Как обычно ведет себя аудитория? Откуда люди приходят на статьи?

Из твитера и фейсбука

Какая цель у автора? Чтобы больше кликали, больше читали статьи

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

Как изменилась статистика просмотров самих статей?

Никак

Иван Самойлик 2016

Использую страницу советов для решения своих проблем. Вроде все знаю, все помню, вертится на языке правило, сформулировать могу, а вот пример «нет-да» не помню.

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

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

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

Сергей Кашин 2016

— Как изменилась статистика просмотров самих статей?
— Никак
Если статьи читают по-прежнему, то эту страницу не стоит считать косячной.

Если судить по статистике, в Я-Метрике ещё есть карта кликов с цветовым кодированием по времени клика относительно начала посещения страницы. Точки красятся по яркости в зависимости от времени клика. Страница длинная, поэтому интересно посмотреть, сколько времени уходит у массы людей докручивание донизу. Насколько позже кликают на нижние ссылки. Не знаю, что это даст, но если изучать статистику, я бы посмотрел.

Антон Олейник 2016

Сколько уникальных пользователей успело покликать за 3 дня?

Какая карта кликов была в предыдущие три дня, до изменений?
Сколько было в это время уникальных пользователей?

Какие были карты скролов в отрезке 3 дня до обновления и три дня после?

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

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

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

Сергей 2016

Дизайн — куча всего просто. Аккуратность ради аккуратности. Мелко, много и неинтересно. Похоже, в стиле Горбунова сделано, или как у Лебедева 5 лет назад. Скучно, неудобно, неинтересно (. Сходите на всякие сайты наподобие авввард, посмотрите, как выглядит современный дизайн.

Дмитрий Базаркин 2016

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

Светлана Шаповалова 2016

Отзыв простого пользователя:)
Пришла на сайт пару месяцев назад из поиска по запросу «курсы редакторов». Прочла всё.
Прикайфовала от чистоты и порядка: аккуратненькие ссылки, минимум шелухи, максимум пользы. После куевой хучи страниц копирайтеров всех мастей глаза просто отдыхали.
Отсутствие лишних картинок на главной отвесило жирный плюс в копилку доверия к автору. Иллюстрации в самих записях отлично вписываются в смысл, не отвлекают, работают как якори — я читала статью, запоминала картинки, а после легко могла вспомнить весь текст, опираясь на оленя с трубкой или гифки с Амели. Это круто.
Сейчас картинки на главной смотрятся просто декором. Это мило, но не так круто, как прежде. Иллюстрации не ассоциируются с заголовком, то есть здесь они уже не работают якорем. Взгляд рассредотачивается, начинаю рассматривать рисуночки, придумывать, что они должны означать, в итоге забываю, за чем вообще заходила. Как в детстве: мама отсылает за хлебом, а ты стоишь у киоска и пялишься на яркие упаковки разных вкуснях, думая, что же там внутри. И забываешь про хлеб. Потом вспоминаешь, смотришь на полку с хлебом (щелкаешь на бургерную кнопку), выбираешь буханку (интересующий тег) и идешь по своим делам (переходишь по нужной ссылке). Выходит, все самое полезное уже есть на самом верху страницы, нет смысла щелкать по всей главной.
Когда впервые пришла на сайт, открыла пятерик первых попавшихся ссылок из рубрики «Для начинающих», а дальше просто путешествовала по внутренним ссылкам. Получается, что на главной почти не была и кликала по ней мало.
Сейчас у меня блог и советы просто добавлены в rss, поэтому на новые записи перехожу напрямую, минуя главную страницу. Если нужно что-то перечитать, то пользуюсь формой поиска или бургером. Выходит, конкретно в моем случае гора ссылок / гора ссылок с картинками не играют никакой роли в навигации по сайту.
Спасибо, что выслушали :)
И спасибо за кайфовые материалы!

Андрей 2016

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

Классно читать рассылку Главреда. Пришел 34 урок, читаем. Всё понятно. Жалко только, что с нумерацией первых уроков бардак был. А все выпуски базового курса как хороши стали после нумерации? Чудо.

И в Ридере классно читать. Вот новая статья у Ильяхова, читаем. Вот Совет у Горбунова новый, читаем. У всего дата, хронология. Порядок.

И у Ководства хорошо. Последовательно читаешь параграфы, навигация прозрачна.

Сейчас как с банками джема. Так много, что проще не выбирать.

Ну это всё если для нового читателя. А если надо найти какую-то конкретную статью Ильяхова, которую я читал — он там что-то про травление лески смешное писал — я в Гугл лезу, там точно есть.

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

Артем 2016

Поддержал бы Андрея выше. Но у нас есть фильтр — стал чаще им пользоваться когда нужно что-то конкретное. Устав от opacity и длинной прокрутки добавил пользовательского css для себя (мы ведь стоп-слова убираем, а не делаем их менее яркими). http://stylebot.me/styles/12603

Текущая навигация нормальная для неторопливого изучения. Нас же не пугает оглавление в справочниках.

Жмем на ссылки потому что они явно идентифицируются (описывают что там). Из картинок такие только:
— «Числа, которые снижают доверие»
— Кнопка с черепом «Подпишитесь на рассылку»
— Плакат-справочник и кружка
— Превьюшки к видеозаписям лекций Максима

Азамат Шамузафаров 2016

В целом я согласен с Ардальоном Передоновым. Также считаю, что дело, возможно, в том, что фотки слишком детализированы для такого размера. Если бы превьюхи были более предметные что-ли, кликали бы больше.

Евро 2016

Если цель — сделать удобней, то как насчет потестировать на живых людях и реальных задачах?

Кстати, а какие они — реальные задачи?

Саша Кириллов 2016

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

Маме, учителю русского языка и литературы, в очередной раз рекламировал твои советы и понял, чтобы она не потерялась, мне надо ей составить что-то вроде первых шагов. Я-то читал твои советы и вникал в тему постепенно, а она видит эту огромную простыню. Глаза из обрит, с чего начинать, куда идти? Людям, нормально относящимся к мозаичному освоению материала, или просто тем, кто уже в теме, комфортно и удобно. А остальным, нужно еще преодолеть долину уныния (http://www.youtube.com/watch?v=QGwZIoBTFXY Artistic Obstacles #1: The Valley Of The Suck), начальный период, пока ты еще ничего не знаешь, у тебя многое не получается, чувствуешь себя лохом.

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

Гипотеза о том, что делать
Чтобы у них появилось ощущение, что они это могут прямо сейчас, нужно дать им короткую тропинку через долину уныния, три-пять статей, прочитав которые, они почувствуют себя уже не лохами, получат положительную обратную связь. Большая часть народа на этом и отвалится. Кто-то останется с тобой и продолжит путь. Для них уже рубрика «Для начинающих» будет в самый раз.

Вот какую тропинку я проторил для мамы:

Знакомство с информационным стилем
http://maximilyahov.ru/hello/
Изложена суть подхода к редактуре, много примеров.

Как использовать
http://artgorbunov.ru/bb/soviet/20110611/
Короткое и ясное, ведёт к «ура, я освоила уже две статьи».

Как вычитывать текст
http://artgorbunov.ru/bb/soviet/20140824/
Одна из главных маминых задач — подготовить детей к экзамену. Меньше ошибок, лучше результат.

Структура в мире читателя
http://maximilyahov.ru/blog/all/structure-reader/
Переключим масштаб с отдельных предложений и абзацев на произведение в целом.

Как (и зачем) писать о банальном
http://maximilyahov.ru/blog/all/kak-i-zachem-pisat-o-banalnom/
Поможем ребёнку написать сочинение о лете или пользе труда.