Оффтоп Philipp Kontsarenko
5 102

Издание Slon.ru перезапустилось с адаптивной версткой и новым названием Slon Magazine

Российское интернет-издание Slon.ru перезапустилось в новом дизайне: сайт получил адаптивную верстку, новую систему управления контентом и «бесконечную» ленту новостей. Кроме того, ресурс изменил название на Slon Magazine.

Интернет-издание Slon.ru провело редизайн и сменило название. Главный редактор издания Максим Кашулинский в корпоративном блоге сообщил, что новый сайт получил название Slon Magazine: «Именно так мы теперь называемся – Slon Magazine, онлайн-журнал об экономике и политике. Сокращенно – как и раньше: Slon».

«Новости» выполнены в виде «бесконечной» ленты — следующая новостная заметка подгружается автоматически:

Slon.ru получил адаптивную верстку. «По статистике, до 30% пользователей заходят на наш сайт с мобильных устройств. Мы признаемся, что последние пару лет нещадно мучили владельцев смартфонов, подсовывая им версию для широких экранов. Теперь вы можете читать новости и статьи любимых авторов (а также делиться ими в соцсетях) в версии, сделанной специально для телефона», — сообщается в блоге компании.

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

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

Главный редактор Meduza Галина Тимченко на своей странице в Facebook прокомментировала редизайн Slon.

Галина Тимченкоглавный редактор Meduza

Из хорошего:

  1. Подправили логотип, стало много лучше.
  2. Меня не считают за идиотку и не публикуют один и тот же заголовок три раза в первом экране.
  3. Убрали «карусель».
  4. Убрали «кашу» из новостей и лонгридов.
  5. Стало чище и лаконичнее.
  6. Нормальный шрифт.
  7. Четырехколонник — ОК.

Из плохого:

  1. «Колбаса» новостей — время, конечно, увеличится, но новости без обвесов выглядят уныло, листать надоедает довольно быстро. Хотя при пролистывании URL меняется, глубину могут и обеспечить.
  2. Почему внутри маленьких блоков без лиц авторов скачут заголовки, непонятно. Тэг World Press внутри (на который нельзя кликнуть) понимания не добавляет.
  3. Нет пометок о платном контете, или это так задумано, но выглядит не ОК.
  4. Пихать в основное меню сведения о перезапуске — беспомощное решение.
  5. То, что творится под гигантским блоком на главной «Сейчас читают», называется могильник. Процент кликов там гарантированно будет стремиться к нулю.
  6. От повторов все же на главной убежать не удалось: если не увидел статью в первом экране — увидишь в начале второго, зачем — ответа нет, хотя, в целом, очевидно, что статьи с первого экрана по большей части и будут самыми читаемыми при таком расположении материалов.
  7. Моя отдельная любовь красным иллюминаторам, из которых выглядывают авторы. Выглядит so last season. Еще один могильник внутри раздела «Авторы».
  8. Всего два (может, будет больше) размера блоков на главной - бедно.
  9. По-прежнему беда с фотослужбой — картинки никакие практически все. Большие иллюстрации внутри статей не спасают.

Ранее, 28 февраля, российское издание «Ведомости» также перезапустило сайт с новым дизайном. Помимо обновления всех разделов и мобильной верстки, ресурс также получил «бесконечную» ленту новостей.

#Интерфейсы #слон #слон_ру #Slon_ru #Slon #редизайн_издания

Статьи по теме
«Ведомости» перезапустили сайт с новым дизайном
{ "author_name": "Philipp Kontsarenko", "author_type": "editor", "tags": ["\u0441\u043b\u043e\u043d_\u0440\u0443","\u0441\u043b\u043e\u043d","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d_\u0438\u0437\u0434\u0430\u043d\u0438\u044f","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","slon_ru","slon"], "comments": 25, "likes": 14, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 6991, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15395' + '50799') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 6991, "author_id": 4, "diff_limit": 1000, "urls": {"diff":"\/comments\/6991\/get","add":"\/comments\/6991\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/6991"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

25 комментариев 25 комм.

Популярные

По порядку

Написать комментарий...
4

Совпадение? НЕ ДУМАЮ

Ответить
2

А в чем сходство? То что новости заголовками выводяться? Картинка большая? Или что?

Ответить
0

1. Картинка не просто «большая» — она используется как основной элемент верстки, поверх которого идут заголовок белым цветом и другая информация (сравните с перезапущенным вчера Wired — там есть большие картинки, но это выглядит совсем иначе).

2. В The Verge еще сто лет назад писали белые заголовки поверх картинок, но тогда заполняли картинками весь экран. Здесь же есть альтернативный вариант без иллюстрации, и он идентичный: белый квадрат с черным заголовком, иконкой и вспомогательной информацией.

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

Продолжать?

Ответить
1

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

Ответить
2

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

Ответить
–1

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

Ответить
–1

плагиат однако, аххаха :D кому-то попку надерут :D

Ответить
1

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

Ответить
0

Если на такие сходства обращать внимание - можно заявить смело, что дизайны для веба закончились)

Ответить
4

А они не задумывались, что они могли терять читателей из-за контента, а не из-за верстки?
Ведомости по крайней мере выдают интересный материал, а на Слоне одна политика. Уже сил нету видеть эти новости.

Ответить

Комментарий удален

1

Зато качество отличное

Ответить
1

На Слоне не просто одна политика, там зачастую такой несусветный бред пишут.

Ответить
1

Большие новостные блоки подразумевают внимание. Обращать внимание на эти совсем не хочется. Ужасные изображения. Мало того, что фотографии просто из интернетов, так они еще и плохого качества. Лучше всего с этим справился сайт "Спутник и погром" (я сейчас не про статьи говорю, не про авторов и пр.). Замечательные плакаты, из которых сразу понятно, о чем статья.
http://www.furfur.me/ – эти ребята тоже очень неплохо представляют свой материал.
В общем, логотип у слона реально классный, но вот остальное какое-то топором рубленное.

Ответить
1

Дизайн страницы одной новости - копия medium.com

Ответить
1

"слон в магазине" aka слон в посудной лавке? неймингово, чо

Ответить
0

Привет, слоны!

Ответить
0

Иии.. сайт новый - проблемы старые.
1. Почему не использовать https версию рекламы? (тем более, что она есть). сертификат плюется, консоль ругается. http://clip.corp.mail.ru/clip/m0/1425375544-clip-162kb-vYHYzUacUUxJ.png
https://content.adfox.ru/150217/adfox/115882/1220729.jpg (прекрасно открывается по https).
2. Почему здесь нельзя щелкнуть, чтобы перейти на новость? (а указатель мыши - меняется, и создается ощущение, что можно). http://clip.corp.mail.ru/clip/m0/1425375690-clip-17kb-zSQhraYSXk22.png

P.S. пока писал - скрипты рекламные вроде пофиксили, но картинки так же по http

Ответить
0

Шик. С приходом адаптивной верстки люди резко задумались а надо ли показывать все, что мы показываем. И стали резать и кромсать захламленные интерфейсы. Как же это здорово. Чистая информация

Ответить
0

"Докурят" через некоторое время...

Ответить
0

Бесконечную прокрутку убрали уже? Это сильно хостинг нагружает, наверно поэтому

Ответить
0

Евгений Трифонов, так дизайн нового Слона запилил Володя Черносвитов, вам ли не знать?

Ответить
0

1. Не, я не вполне в курсе дел — сейчас вообще с Аппаратом мало пересекаюсь (пора бейдж на ЦП сменить), а уж дизайн вообще всегда был мимо меня. О том, что какая-то связь есть, знал, а какого объема — нет.

2. Думаю, решение «каким должен быть редизайн» обычно принимает не исполнитель, а руководство, и крупный сайт мог бы позволить себе не сводить решение к «сделай нам так же, как им».

Ответить
0

Roboto основным шрифтом — это печаль.

Ответить
0
Ответить
–1

Не знаю почему, но вызывает отвращение весь этот "современный интернет"(( Гигантские шрифты, огромные фото, здоровенное межстрочное расстояние... как будто все для слепых сделано. Всегда хочется сделать 75% (

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Приложение-плацебо скачали
больше миллиона раз
Подписаться на push-уведомления