Ленты новостей

30 октября 2013, 22:54

Практически везде ленты новостей (фиды) — лютое неудобное говно. Вроде идея хорошая, но почему везде такая отвратительная реализация?

Что имеем?

Открываем ленту, в самом верху видим последние записи. Ниже — старые. Так работают многие популярные сервисы.

Вконтакте:



Фейсбук:



Веб-версия твиттера:



Инстаграм на айфоне:



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

Проблема такого подхода в том, что читать удобнее от прошлого на настоящему (снизу вверх).

Но ведь на дворе типа 2013 год: аякс, веб-сокеты, поллинг. И всё, что могут нам предложить сервисы сегодня — уведомление о новостях.


Пользователи нашли лайфхак: не закрывать вкладку с фидом впринципе. Часто ли вы видели у себя либо у знакомых/родственников такую вот вкладку?


Ведь можно на неё нажать и проскроллить вверх, к свежим новостям.

С мобильными приложениями лучше. Они в основном не закрываются, поэтому помнят где мы остановились. И если мы вернёмся в приложение, оно просто подгрузит ленту выше. Отлично! Только много где (в том же инстаграме) после долгого бездействия или полного закрытия мы снова попадает на самый верх ленты.

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

Что можно сделать?

Для начала стоит запоминать айди прочитанной новости на клиентской стороне (в том же localstorage или в куках). И при открытии страницы с новостями проматывать к последней прочитанной новости, подгрузив при этом всё непрочитанное выше.
Я понимаю, что тонкостей много (не заходил год и лента разрослась, технические вопросы с перемоткой и подгрузкой новостей выше), но это всё реализуемо нормальными толковыми дизайнерами и разработчиками.


18 комментариев

Anton Shuvalov

Отличная идея! Странно, что эта проблема до сих пор ни как не решается.

MickeyTuh

А что тут говорить то?


купить стабилизатор для насоса <a href=https:msk-stabilizator.ru/cat.php?cat=pump>https:msk-stabilizator.ru/cat.php?cat=pump</a> | https://msk-stabilizator.ru/

DonaldEvimb

Эта мысль придется как раз кстати


<a href=https:www.baikaleminer.com/#portfolio>майнер байкал доходности</a> | https:www.baikaleminer.com/

ErnestDop

Это условность


<a href=http:innoslicon.com/html/product/index.htm>innosilicon a8</a> | http:innoslicon.com/

JessieTenow

Мне кажется это очень хорошая идея. Полностью с Вами соглашусь.


<a href=https:bitmaein.com/shop>bitmain antminer z9 mini купить</a> | https:bitmaein.com/

Jaredprach

Я думаю это уже обсуждалось, воспользуйтесь поиском по форуму.


<a href=http:rutor.vip/topic/221-%E2%9C%96-%D0%BA%D0%B0%D1%87%D0%B5%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5-%D0%B8%D0%B7%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%E2%9C%96-%D0%BA%D1%83%D0%BF/>где купить водительское удостоверение</a> | http:rutor.vip/

RonaldSOx

Прошу прощения, что вмешался... У меня похожая ситуация. Давайте обсудим. Пишите здесь или в PM.


<a href=http:master-climat.com.ua/>настенный кондиционер</a> | http:master-climat.com.ua/

JosephHet

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


<a href=http:www.master-climat.com/pages/chistka>Ремонт кондиционеров Одесса</a> | http:master-climat.com/

MichaelAbace

Очень полезная штука


<a href=https://voronezh.consultinga.net>юрист в Воронеже</a>

Richardniz

Вы допускаете ошибку. Могу это доказать. Пишите мне в PM, поговорим.


<a href=https:vip-techno.com.ua/g10264994-stabilizatory-napryazheniya>стабилизатор напряжения симисторный</a> | https:vip-techno.com.ua/

Normandjoulp

МолодчаГа парень!!!!!!!!


<a href=https:msk-stabilizator.ru/cat.php?cat=privatehouse>стабилизатор напряжения 380в для дома</a> | https:msk-stabilizator.ru/

AnthonyWeque

Эта тема просто бесподобна :) , мне очень нравится )))


<a href=https:european-yachts.com/en/rent-yachts-thailand>sailing yacht thailand</a> | https:european-yachts.com/

ThomasJal

тупа пад сталом!!!!


<a href=https:continent-telecom.com/virtual-number-saint-petersburg>купить прямой номер спб</a> | https:continent-telecom.com/

RamonWer

Я считаю, что Вы допускаете ошибку.


<a href=https:virtual-local-numbers.com>virtual landline</a> | https:virtual-local-numbers.com/

Zacharyren

Я считаю, что Вы не правы. Я уверен. Могу это доказать.


<a href=https:avenue17.ru/zapchasti-dlja-vyduvnogo-oborudovanija>купить оборудование для производства пэт</a> | https:avenue17.ru

Jerryjah

Супер!


<a href=https:tel-number.ru/our-services/1765-china-direct-number>китайский номер телефона 86</a> | https:tel-number.ru/

ReggieVes

поздравляю)))


<a href=http:master-climat.com.ua/>купить кондиционеры киев</a> | http:master-climat.com.ua/

Rogeradmix

Hello, go to http://xzvswwcvrc.com

Ваш комментарий

адрес не будет опубликован

ХТМЛ не работает


Ctrl + Enter