Медиа Philipp Kontsarenko
6 093

Редизайн: Концепт The New York Times от российского дизайнера

Дизайнер из России Артём Тройной в своём блоге на Behance опубликовал концепт редизайна сайта американского издания The New York Times — с возможностью настройки ленты новостей исходя из интересов пользователей и главной страницей, которая адаптируется под количество материалов.

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

Тройной также приводит исследования, согласно которым читатель тратит около 98 секунд на прочтение одной статьи: «70% пользователей читают новости по дороге на работу. У большинства из них есть не так много времени на чтения». Именно поэтому, считает Тройной, статьи должны быть лаконичными, содержать краткие выдержки и интерактивные элементы.

Дизайнер предлагает использовать динамичную сетку — структуру сайта, которая изменяется в зависимости от количества новостей:

Напряженный день (20-30 важных новостей в ленте), спокойный день (1 или 2 важных новости в ленте), выходной (развлекательные новости в шапке сайта)

Главная страница (напряженный день):

Пользовательская панель (читатель выбирает интересующие его темы в процессе регистрации):

Пользователь может убрать из ленты новость, которая ему не интересна:

Главная страница для дней с большим количеством новостей:

Главная страница для дней с небольшим количеством важных новостей:

Главная страница для выходного дня:

Страница статьи:

Раздел с видео:

Просмотр видео:

Мобильная верстка:

#Интерфейсы #пресса #медиа #сми #интернет_издание #the_new_york_times #редизайн_издания

Статьи по теме
«Ведомости» перезапустили сайт с новым дизайном
{ "author_name": "Philipp Kontsarenko", "author_type": "editor", "tags": ["\u0441\u043c\u0438","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d_\u0438\u0437\u0434\u0430\u043d\u0438\u044f","\u043f\u0440\u0435\u0441\u0441\u0430","\u043c\u0435\u0434\u0438\u0430","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442_\u0438\u0437\u0434\u0430\u043d\u0438\u0435","\u0434\u0438\u0437\u0430\u0439\u043d","the_new_york_times"], "comments": 23, "likes": 15, "favorites": 1, "is_advertisement": false, "subsite_label": "media", "id": 9505, "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('15388' + '59599') - 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": 9505, "author_id": 4, "diff_limit": 1000, "urls": {"diff":"\/comments\/9505\/get","add":"\/comments\/9505\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/9505"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199130 }

23 комментария 23 комм.

Популярные

По порядку

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

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

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

Предложить им компактный вариант под

Ответить
1

Не-не, самое главное в газете онлайн— доход и расход. Сколько получаешь с морды и сколько платишь за статью/сколько её верстать.
Представленный концепт по-своему красив, но расход не хуёв весьма, как было замечено.

Ответить
0

З.ы. последнее предложение это lorem ipsum)

Ответить
9

Автор перепутал сайт новостного издания и галерию. Все-таки хорошо что в NY Times работают нормальные люди и подобного дизайна там никогда не будет.

Ответить
6

А теперь представим себе реальную работу этого СМИ и загнанного бильд-редактора, которому надо обтравить с десяток фотографий за день, причем очень точно...
Ну и программеров, которым надо обеспечить вывод случайных картинок вот с такой логикой.
*обрезал крылья дизайнеру*

Ответить
1

Оба вдохновлялись работами F-I, второй кажется про это где-то писал.

Конкретнее – дизайном http://www.usatoday.com/

Ответить
–1

Вдохновиться и слизать — это разные вещи, на что я и намекнул картинкой. Ф-И классные, но юса-тудэй — отстой, даже для 2013.

Ответить

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

0

Тоже об этом подумал. Было бы прикольно если бы человека с такой фамилией звали Одеколон

Ответить
2

Не самое удобное решение для мобайл, но декстоп просто отлично, браво!

Ответить
2

Выглядит лучше, чем нынешний дизайн со сваливающейся на пользователя кучей информации.

Ответить
2

Многовато графического дизайна что-ли, ну или как это назвать. Не представляю как в таком виде будут успевать верстать огромный поток новостей.

Ответить

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

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

1

UI красив, про UX уже было выше все сказано: данное решение не для высоконагруженного новостного потока. Депрессивной Медузе с ее 2,5 новостями может и подошел бы концепт, но не для NYT.
Например, на решение со скрытием отдельных разделов в издании вряд ли пойдут (это же не агрегатор новостей, типа Flipboard). Журналистам платят за контент, а его предлагают скрыть настройками.
Но Артем Тройной все равно молодец. Концепт выстрелил, автор получил свою порцию популярности (а вместе с ним и пачку офферов, в том числе с дрибббла).

Ответить
0

Ладно чего мелочится, давайте сделаем редизайн www.whitehouse.gov

Ответить
0

А вот Kremlin.ru - прекрасен.

Ответить
–1

Я вижу просто сетку в админке wordpress.

Такой подход к ую с меню этими боковыми уже можно назвать инновативным. {сарказм} 🌚

Ответить
0

Покажи, как лучше

Ответить
0

помогите с редизайном http://bullbro.com

Ответить
0

Нормальный же

Ответить
0

Данный дизайн 100% подойдет изданиям где фото репортаж главная новость.

Ответить
0

Не для NYT

Ответить

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

–5

Любая сетка для контентных проектов - это зло. Красивое, но зло.

Удобнее всего смотреть списки в формате 1 строка - 1 новость

Ответить
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-уведомления