Из-за наших "смартфонных" читателей мы возвращаемся к вёрстке новостей на главной странице одноколонником
Забавно, что возвращаемся мы к тому, от чего ушли ровно десять лет назад: в январе 2009 года мы переверстали главную страницу сайта на двухколонник для того, чтобы у биатлона (наряду с лыжными гонками) появилась своя отдельная лента новостей. И если вы пройдёте по вышерасположенной ссылке, то увидите, что десять лет назад новость о появлении у биатлона своей отдельной колонки на главной странице сайта понравилась далеко не всем. Правда, потом все привыкли, и сейчас две колонки новостей воспринимаются уже как благо.
А потом возникла проблема, которую мы 10 лет назад не могли спрогнозировать. И заключается эта проблема в том, что с течением времени биатлон у нас на сайте превратился в какой-то уж очень привилегированный вид спорта: для него у нас была выделена отдельная (правая) колонка, а новости лыжных гонок и других видов спорта, а также новости партнеров покатились по левой колонке, и покатились они по этой левой колонке намного быстрее (примерно в четыре раза) , чем биатлон - по правой. Получилось, что новости биатлона у нас стали словно бы главной составляющей сайта, а лыжные гонки и всё остальное - второстепенной.
Когда мы начали обсуждать эту проблему между собой и думать, что с этим сделать (тут зазвучали версии о самых различных вариантах распределения новостей по этим двум колонкам), сначала Андрей Краснов, а потом и Лена Копылова предложили вообще отказаться от двухколонника, перейдя на одну общую колонку новостей. А довод Лены Копыловой "…тем более что большинство заходит на сайт с телефона и две колонки выглядят совсем мелко…" прозвучал вообще каким-то самым последним бронебойным аргументом. Я заглянул в Яндекс-Метрику, чтобы посмотреть, сколько же людей заходит к нам на сайт со смартфонов, и был обескуражен обнаруженной цифрой. Нет-нет, я, конечно, знал, что к нам заходит всё больше и больше людей со смартфонов, знал, что доля телефонных наших читателей постоянно растёт, но чтобы она достигла отметки в 40% (а по данным другого счётчика - mail.ru - уже более 50%)?! Эта цифра меня сильно впечатлила. Прибавьте к этому ещё 10-15% наших "планшетных" читателей, и вы поймёте, что уже сегодня читатели сайта с ноутбуков и стационарных ПК находятся в меньшинстве.
Для наглядности я сделал скриншоты из Яндекс-метрики за период с 2009 по 2018 год - они ниже.
* * *
А ниже цифры от альтернативного измерителя - компании mail.ru. К сожалению, у этой компании невозможно сделать годовую выборку, поэтому придётся довольствоваться месячной - за ноябрь 2018 года.
Таким образом, аргумент Лены Копыловой о том, что на экранах телефонов две колонки смотрятся неудобно, стал решающим, и мы решили вернуться к одноколоночному варианту вёрстки ленты новостей.
Думаю, со временем доля наших телефонных читателей станет ещё больше, хотя логика и подсказывает, что на какой-то отметке (скажем, в 60 или даже 70 процентов) этот рост всё-таки должен будет рано или поздно остановиться.
Попутно, в интересах опять-таки наших телефонных читателей, мы увеличили шрифт и сейчас навигация по сайту и чтение с экранов смартфонов стали, как мне кажется, более удобными.
* * *
И ещё одно изменение. Для того, чтобы новость дольше "жила" на главной странице, мы изменили подвал ленты - теперь в подвале новость, кроме заголовка, имеет маленькое фото + указание раздела по виду спорта + счётчики просмотров и комментариев. Полагаем, так следить за новостью на вторые-третьи сутки после публикации (когда новость уже уехала вниз) будет удобнее.
* * *
И уже самое последнее. Напомню тем, кто, быть может, забыл или не знал: под логотипом сайта (слева вверху) расположены пиктограммы по видам спорта. Если кликнуть на необходимую вам пиктограмму, откроется лента по интересующему вас виду спорта - не забывайте про эту возможность.
* * *
ОБНОВЛЕНИЕ СПУСТЯ СУТКИ ПОСЛЕ ПУБЛИКАЦИИ
Отвечая на прозвучавший в комментариях вопрос Алексея Жилина о разрешении дисплеев, подгружаем сюда два скриншота: от HotLog и LiveInternet:
* * *
И ещё два свидетельства того, что доля мобильных устройств (смартфоны + планшеты) на нашем сайте превысила 50%:
Чтобы оставить комментарий, зарегистрируйтесь и войдите через свою учетную запись.
Сам был как-то в затруднении при поиске архива новостей.
Вариант с 2-мя колонками. В одной - лента без фильтра,, во 2-й - с фильтром. Не надо каждый раз кликать иконку фильтра. Они еще и серого цвета, что по умолчанию означает их недоступность..
Этот вариант и назывался адаптивной версткой? Или он промежуточный?
Да, я тоже за отдельную версию для мобильных устройств. Не знаю, насколько это реалистично.
Доля посетителей с компьютеров вряд ли сильно уменьшится. Как минимум, это люди, реально работающие на них, что-то создающие, а не просто потребители контента.
К сожалению....
2. Про смартфоны - это сказка для специализированного детского сада - дети с девиантным поведением.. Достаточно сравнить соотношение "площадь на информацию"/"площадь на рекламу" в старом и новом варианте.
вроде всегда одной лентой было
А вот за "подвал" спасибо!
А компами нынче даже не знаю кто пользуется вообще ?Разве что планктон офисный в рабочее время!
Вы бы пыл свой поумерили, уважаемый. И с незнакомыми людьми общаться научились а то мало ли нарваться на кого придется в этой жизни! А теперь на свежую голову расскажите мне, кто в течении рабочего дня имеет доступ к компьютеру настольному ?Тот парень в шахте? Или тот другой с автоматом наперевес? А может вон тот который у станка стоит на заводе? То-то же. Не я офисных служащих придумал планктоном называть.
P.S.Согласен, не уточнил в своем первом посте насчет использования десктопа именно в рабочее время. Вечерами после работы многие конечно выходят в сеть со стационарного Пк .
Приделывать костыли вместо того чтобы делать мобильную версию - это делать хуже и тем и другим (мобильным и десктопам)
12.12.2018 13:05
Вы бы пыл свой поумерили, уважаемый. И с незнакомыми людьми общаться научились а то мало ли нарваться на кого придется в этой жизни!
Хотя, в комментариях тоже весело. Современные и мобильные граждане, не пользующиеся компьютерами, а сидящие только в телефонах от г-на -- это пять
В тексте новости приводятся вполне разумные доводы относительно необходимости редизайна (с ними можно спорить, но они озвучены). Но основной причиной, выносимой в заголовок, почему-то становится та, которая в принципе решается другими методами.
Вот это как-то озадачило и даже несколько разозлило.
И мне не нравится, что раньше и сейчас собственно текст занимает только половину экрана. Остальное - наполовину реклама и ….пустота. Из всех сайтов, на которые регулярно захожу, только на этом такое нерациональное использование рабочего пространства.
Но, в принципе,приятно, что о читателях заботятся.
Со смартфоном, согласен с коллегами, действительно никаких проблем не было. Два клика - и текст строго в формате экрана, все второстепенное - за пределами экрана. Тоже удобно.
Плюсов нового оформления пока не увидел. Минус есть - "тщательнее" теперь надо разбирать статьи. Дольше добираться до того, что интересует. (А то и вообще пропустишь новость, если долго не получится заглядывать).
Версия на ПК выглядела и продолжает выглядеть старомодно. Тонкая прожилка текста в середине, по бокам - пустота.
А так-то я за любую движуху на сайте
Пишите больше. Читаем. Интересно.
Да, и спасибо вам!
Больше охватываешь взглядом, и сразу выделяешь для себя, что стоит прочитать полностью.
С масштабированием вообще никаких проблем не было.
Ну что ж, одна колонка так одна.
Скромное пожелание от "динозавра", который иногда заходит с компьютера: может, сбоку сделать тонкую полоску нейтральной заливки (между рекламой и полосой прокрутки). Вполне понятно желание авторов не только творить, но и зарабатывать, но, когда в попытке дочитать публикацию 5 раз оказываешься в Ливиньо, это немного напрягает.
Если честно, не знал. Возможно, не обращал внимания из-за того, что они все серого цвета. Может, их как-то "раскрасить" (в смысле выделить). Опять же, просто в качестве пожелания.
1. Мобильной версии сайта делать не предполагаем. Предполагаем со временем перейти на адаптивную вёрстку - это когда сайт сам подстраивается под ширину вашего устройства. Пример - - попробуйте поувеличивать и поуменьшать окно, в котором отображается сайт, сразу всё поймёте. При такой вёрстке мобильная версия, как я понимаю, особо и не нужна.
2. Дмитрию Командному: сделаем. Андрей Краснов уже сегодня поставил задачу программисту.
3. Алексею Жилину. Смотреть статистику по разрешению дисплеев сегодня уже совершенно бессмысленно - здесь всё перемешалось. Например, у меня ноутбук с одним из самых больших (для ноутбуков) мониторов - 18,4 дюйма. При этом он имеет разрешение 1920х1080 пикселей. А, например, современный смартфон Huawei Mate 20 Pro при дисплее в 6,5 дюймов имеет разрешение в 3120х1440 пикселей (в полтора раза больше, чем у моего ноутбука). Но я всё же раскопал на HotLog данные по разрешению дисплеев - сейчас подгружу их в конец новости.
Доля людей, заходящих на сайт с компьютера, пока постоянно падает (а со смартфонов - растёт), я же не случайно привёл скриншоты с Яндекс-метрики и мэйл.ру, и на какой отметке это падение остановится, мы пока не знаем. Пока тенденция устойчивая. На эту же тему - ещё пара скриншотов из статистики LiveInternet (тоже сейчас подгружу в конец новости).
Кстати, Алексей, можете рассматривать эту ситуацию как реакцию на о том, что горные лыжи нужно перенести в основную ленту - мы-таки их перенесли, и теперь они отображаются в общей ленте. Как видите, мы не пропустили это ваше пожелание мимо своих ушей (точнее - глаз).
4. По поводу рекламы (всем). С рекламой ничего делать не будем. Мы и так несколько лет назад отказались от анимированной рекламы, сайт стал более дружелюбным для читателя, ничего не мелькает и не бьёт по глазам. Считаю, что одной из важных функций сайта является возможность быть местом встречи игроков лыжной индустрии со своими потенциальными покупателями. И на мой взгляд, сайт с этой своей функцией справляется хорошо. Во всяком случае, размещение на скиспорте баннера в сочетании с публикациями новостей от партнеров, как правило, приводит к увеличению продаж у любого нашего партнёра. А мы от этого сотрудничества получаем средства на поддержание и развитие этого проекта. Чему, надеюсь, вы тоже рады.
5. Александру Медведеву. Да, пиктограммы малы, будем их дублировать текстовыми ссылками, уже обсуждаем, как это сделать. Надеюсь, решим проблему.
6. Владимиру Кузьмичёву. Нынешняя ширина отображения сайта продиктована шириной планшетов в 1.024 пикселя - несколько лет назад хотелось, чтобы сайт нормально, без зарезаний, смотрелся и на планшетах. Впрочем, за эти несколько лет, наверное, количество пикселей (разрешение дисплеев) поменялось и на планшетах тоже. Всё течёт, всё изменяется. Адаптивная вёрстка, думаю, решит многие проблемы. Возможно, мы вернёмся к базовой ширине в 1.280 пикселей (сейчас мы имеем 1.024), но этот вопрос требует обсуждения со специалистами.
Да, и последнее. До пятницы мы будем приподнимать время от времени эту новость вверх, чтобы максимально большое количество людей её не пропустило.
P.s.То есть только от меня лично обороты этих компаний уже немного увеличились)
эттааа... тово... а на каком канале можно сайт посмотреть?? я у себе в программе не нашел!!
Вы сравниваете количество визитов с устройств разных типов.
А есть ли статистика, сколько ВРЕМЕНИ проводят на сайте посетители с разных устройств?
Мне кажется, соотношение будет другим - изменится в пользу планшетов и десктопов, поскольку на них читать сайт удобнее.
Например, я читаю сайт в основном дома с планшета или на работе с ноута.
А с мобильника захожу ненадолго в дороге: в машине или метро, как правило, чтобы скоротать время.
Что если дать возможность читателям проголосовать, какой вариант для нас удобнее?
Я за двухколонку
Кстати, сайт просматриваю и с ПК, и с смарфона, и с планшета (последний реже).
Дмитрий Командный 13.12.2018 08:52
Дмитрий, когда-то где-то на одном из программистских сайтов (по-моему, на ) я наткнулся на упоминание константы, которая заключается в том, что ни одной постоянной аудитории ни одного ресурса не нравится, когда у данного ресурса меняется дизайн или компоновка блоков. Дескать, обсуждение данного вопроса между командой программистов и заказчиком является одной из важных составляющих бизнес-плана по смене дизайна сайта, иначе потом под давлением читателей придётся вечно всё переделывать. То есть тут смысл такой - если менеджмент решился на смену дизайна, то нужно быть готовым к массовому недовольству читателя и нужно уметь довести начатое до конца. Кстати, прямым доказательством справедливости вышеозвученного тезиса является то, что 10 лет назад всей аудитории нашего сайта не понравился переезд с одноколонника на двухколонник. Прошло 10 лет, и сегодня точно так же практически тем же самым людям не нравится обратный переход с двухколонника на одноколонник....Что если дать возможность читателям проголосовать, какой вариант для нас удобнее?..
Эту ситуацию можно сравнить со сменой ассортимента продукции на полках в гипермаркетах. Я не знаю, ходите ли вы в Ашаны, Ленты и Глобусы, но меня сильно раздражает, когда при каком-то очередном походе в магазин я обнаруживаю, что там в очередной раз переставили товары на новые места. Поверьте мне, если спрашивать покупателя - согласен ли он с ротацией товаров на полках, то ни один не проголосует "за", все будут голосовать за привычный порядок вещей. И что же теперь - вообще ничего не менять?
* * *
Теперь о смартфонах. По-моему, мы с вами сверстники (я - 1961 г.р.). Я давно перестал смотреть телевизор (кроме Евроспорта), теперь уже намного меньше потребляю информации на бумаге: книги теперь я читаю в соотношении 50% - на бумаге, 50% - на электронной читалке, бумажные журналы читать практически перестал. Моим окном в мир, по большому счёту, является Интернет. Я, как и вы, львиную долю времени провожу у ноутбука и планшета (со смартфона выхожу в Интернет лишь эпизодически). Но вот вам небольшая история: нам с женой дочка недавно скинула свой планшет по причине того, что она им совершенно перестала пользоваться. Когда я попросил объяснить, почему она это сделала, она пояснила: всю работу она делает на ноутбуке, а окном в мир для неё является огромный по меркам смартфонов современный Айфон (этакая лопата) - в этом смартфоне она живёт, и именно через этот смартфон она общается с миром. Она объяснила, что ей уже не нужен планшет - для неё смартфон стал планшетом. Поговорил с сыном - у него та же самая история: ноутбук + приличных размеров смартфон.
Я сам трудно и мучительно расставался с моей любимой крошечной кнопочной Нокиа, но куда было деваться: Яндекс-навигатор, сервис парковок, Вотсап, Сбербанк, МапсМи, книжную читалку (не всегда же с собой есть электронная читалка, а смартфон - всегда со мной) и кучу других полезных приложений в Нокиа было уже не установить. Я переехал с Нокиа на самый маленький Айфон, какой смог найти, и всё равно мучился от его огромности. Но постепенно, шаг за шагом мои смартфоны стали подрастали в размерах (за это время я, правда, перешёл с Айфонов на Андроиды) и, видимо, эта тенденция пока сохранится. Согласитесь, за эти годы выросло поколение, которое на мир смотрит именно через экраны смартфонов (а не ноутбуков и планшетов, как в нашем с вами случае), тут ничего не поделаешь, развитие не остановить. Поэтому особо в цифрах ковыряться, как мне кажется, тут даже и не стоит. Давайте, конечно, подождём ещё несколько лет, но, как мне кажется, лет через пять "смартфонная" аудитория нашего сайта точно составит 60 - 70%. Во всяком случае пока никаких признаков перелома, изменения этой тенденции я не вижу.
позволила посмотреть Исаеву на мир глазами пользователей
вы ориентируйтесь не на сайты программистов, у них свой взгляд на многие вещи.
С новым дизайном:
1. увеличилось количество движений для прокрутки и поиска, причем очень сильно, зачем?
2. текущий вид сайта был доступен и ранее при нажатии кнопки "новости", многие ей пользовались? тот кому это было необходимо мог воспользоваться.
В сухом остатке, ничего нового не появилось, а "Старый вид" исчез, хотя мог бы и появиться в виде кнопки. Как можно оценить такое изменение для сайта? Как потерю части функционала, было два отображения - осталось одно.
"...А вот скажите, как профессионал, почему всякий ребрендинг всегда ухудшает интерфейс?
- Потому, что повсеместно вместо профессионалов за работу берутся креативные дизайнеры интимных стрижек. Тренд такой, видимо..."
Раньше:
1. открыл сайт с телефона,
2. увеличил до размеров колонки (скрылась реклама)
3. посмотрел лыжные новости
4. сдвинул движением пальца влево экран в колонку биатлона
5. посмотрел что там.
всё просто и результат заранее известен.
Теперь
1. открыл сайт с телефона,
2. увеличил до размеров колонки (скрылась реклама)
3. смотришь вал информации, при этом отсортировать её возможности нет
Может я не понимаю, но в чем удобство? В чем логика изменений, если первые действия одинаковы, но для перемещений по разделам раньше было достаточно движения пальцем влево/вправо, а теперь - пиктограммы в которые не попасть без дополнительного движения по увеличению масштаба.
Если такая логика по навигации для кого-то удобна, то ок, а если нет - то в чем смысл этих диаграмм и прочего наглядного материала, если в итоге всё сводится к движениям пальцами по экрану смартфона.
Раньше когда случайно пальцем попадал на кнопку новости, получал сегодняшний вариант, и сразу переключался обратно.
Так зачем под одну гребенку всех? Может можно в профиле сделать возможность выбора?
Я вообще наверно за гранью статистики - у меня ноут с диаганалью 14" на Win10, c Сенсорным экраном. Попадая на skisport ищу на столе мышку, потому что листать пальцем НЕВОЗМОЖНО!
Администрации нужно найти хорошего специалиста по прототипированию страниц и на основе его макетов делать адаптивный редизайн. Затраты окупятся за месяц и дискуссия про 1, или 2 колонки будет пресечена на корню.
Лично я иногда нахожу что-то полезное не только в "новостях от партнеров", но и непосредственно в баннерах.
И против того же Ливиньо я ничего не имею. К слову, в свое время с удовольствием прочитал публикацию о тамошних трассах для катания, и вообще о самом местечке. В браузере с тех пор появилась закладка в избранном со ссылкой на сайт курорта.
Речь всего лишь о том, чтобы чуть-чуть отделить рекламу от края страницы, потому что зачастую, читая текст, полосу прокрутки двигаешь левой кнопкой мыши "на автомате", и, естественно, промахиваешься. Приходится возвращаться обратно. Это не очень удобно. Если захочется кликнуть по рекламе - нет проблем, но ведь хочется просто дочитать текст.
Если это никак не сделать - ок. Можно, конечно, пользоваться колесиком для прокрутки (хотя лично мне удобнее зацепить мышкой движок и протянуть вверх /вниз).
Но то, что вы сделали с десктопной версией, простите за сравнение - "дичь".
Вот у меня вопрос, у вас за траффика по 20-30к тематических уников в сутки, сайт замонетизирован и явно несет неплохой доход. Чего нормально его не оптимизируете под мобильные устройства? Честно - с компа смотреть стало неудобно, этим вы напрягли 50% посетителей.
Все для людей!!! Но похоже, что мы, недовольные нынешним сайтом, к ним не относимся.
Очень не нравится нынешнее расположение инфы на сайте. Просто органическое невосприятие... Даже заходить стал реже на сайт.
Все для людей!!! Но похоже, что мы, недовольные нынешним сайтом, к ним не относимся.
Никто никого не игнорирует, это неправда. А хочется, наоборот, сделать сайт лучше, удобнее, функциональнее. Но меня, например, никто не убедит в том, что две колонки на экране смартфона смотрелись лучше, чем сейчас - одна колонка.
Другое дело, что по всем прозвучавшим критическим замечаниям совершенно отчётливо стало видно, что люди сокрушаются о потерянной возможности фильтра: вот вам в правой колонке - биатлон, в левой - всё остальное. Хочешь, сдвинься в правую колонку и читай только биатлонные новости, а хочешь, игнорируй эту правую колонку и "выключи" биатлон. Люди утратили этот фильтр, и из-за этого им стало неудобно. Но я уже писал и снова повторю: мы не могли дальше мириться с положением, при котором у нас левая лента (в том числе и лыжные гонки - базовый для этого сайта вид спорта) движется в четыре раза быстрее, чем правая, с этим точно нужно было что-то делать. Рассматривалось предложение в левой колонке оставить только лыжные гонки и новости от партнеров, а в правую перенести к биатлону все остальные виды спорта. Такое решение более или менее уравняло бы скорость движения обеих лент, но Лене Копыловой как редактору раздела "биатлон" этот вариант очень сильно не понравился. Было озвучено предложение оставить две колонки и сделать движение новостей слева направо и сверху вниз. Но такое решение уже очень не понравилось мне - я не вижу абсолютно никакой логики в таком движении, при его реализации мы оставляли две колонки но утрачивали тот самый удобный всем фильтр. Мы оказались в тупике, совершенно точно чем-то нужно было жертвовать в этой ситуации, и предложение Лены и поддержавшего её Андрея о переходе на одну колонку (особенно ввиду удобства просмотра с экранов смартфонов) стало разумным компромиссом.
Повторю ещё раз: вижу, что утрачен удобный фильтр по видам спорта. Этот фильтр в прошлой его редакции не был полноценным, в этой прошлой редакции мы фильтровали (отделяли) только один вид спорта - биатлон, но даже такой неполноценный фильтр был нашим читателям удобен. Видимо, в этом направлении (возможности дать читателю самому формировать свою ленту новостей) и нужно двигаться в дальнейшем.
То что левая колонка двигалась быстрее как-то не очень напрягало. Теперь новости биатлона, которые двигаются медленнее, объективно становятся менее доступными, т.е. даже до недавних надо долго листать пока доберешься.
В этом основная проблема.
14.12.2018 12:31
Извините конечно, Иван, но: Вы пишете о том что стараетесь сделать сайт удобным для пользователей, а сами видите главные недостатки в том до чего из пользователей НИКОМУ НЕТ ДЕЛА
В этом основная проблема.
Иван, читателям нет дела до того с какой скоростью относительно друг друга движутся колонки (ленты).
А нельзя сделать 2 колонки - в одной все новости (в идеале, только заголовки), а в другой - новости по выбранному фильтру. Ну т.е. почти как было, но не фиксированный фильтр на биатлон, а выбранный пользователем? Мне кажется, это не должно вызывать технических сложностей.
Второй сценарий - горизонтальные блоки:
1. Главное за сутки (туда попадают свежие новости изо всех разделов)
2. Блоги
3. Лыжные гонки
4. Биатлон
5. Лыжероллеры и т.д.
Так построены новостные ленты у большинства новостных порталов.
Третий возможный сценарий тот, что уже реализовал - одна единая лента. Лаконичный, простой, максимально удобный для чтения с экрана смартфонов.
* * *
Есть ощущение, что нужно перебираться с этим обсуждением в форум. Сейчас создам в нём новую ветку и давайте с обсуждением того, как выглядеть дальше главной странице сайта, переберёмся туда.
ИМХО с дивана..
На деле очень неудобный, по какой причине только Иван Исаев не понимает. Теперь надо жить в смартфоне непрерывно чтобы не пропустить интересующую информацию.
Интерес пользователей другой.