5 советов, которые помогут улучшить новостную ленту вашего интранета

Кейс от компании IBS

Нашему интранету на Битриксе уже 3 года, и необходимость перемен очевидна. Мы сосредоточили свое внимание на нескольких направлениях: новостная лента, сервисы и информационные системы, личный кабинет и обновление главной страницы для индивидуальной коммуникации и внедрения индивидуального рабочего стола.

Сегодня я хочу поделиться 5 советами, как можно быстро и безболезненно улучшить вашу новостную ленту.

Мы сделали новости интерактивнее, добавили рубрикатор и новые возможности для сортировки и поиска контента

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

Совет №1. Больше интерактива

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

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

Было:

Стало:

№2. Добавьте рубрикатор

Не менее важное обновление — добавление рубрикатора. Все новости (в том числе ранее опубликованные на портале) мы поделили на семь рубрик: IBS в рейтингах, Проекты, Люди IBS, Мероприятия, Скидки и спецпредложения, Системы и сервисы, Пульс IBS.

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

Рубрикатор на главной странице портала:

На странице всех новостей выбранная рубрика обведена в рамку для удобства навигации:

№3. Попробуйте фильтры

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

● отдельный поиск среди новостей;

● сортировку новостей по дате (по возрастанию и убыванию);

● календарь, который позволяет выбрать период отображения новостей.

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

Конечно, поиск понимает ошибку в раскладке клавиатуры (если вы забыли переключить язык).

№4. Обновите дизайн

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

Главная страница портала за счет обновления новостной ленты выглядит ярче. Сравните

Было:

Стало:

Страница «Все новости» (было):

Страница «Все новости» (стало):

№5. Все по полочкам

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

Что именно мы изменили:

● опустили под фотографию заголовок и описание новости (лид). Таким образом, новость четко разделяется на несколько составляющих — фото, заголовок, лид, интерактивные элементы;

● убрали затемнение с фотографий новостей — теперь новостная лента ярче и красочное. Из-за этого главная страница в целом кажется ярче и «живее»;

● обновили дизайн раздела «Все новости» — на смену списку новостей пришла плиточная верстка.

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

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

Первый — добавили кнопку «сбросить фильтры», это удобнее, чем обновлять страницу.

Второй — поменяли пропорции фотографий на главной. Это не так красиво с точки зрения общего дизайна, но оберегает нас от «обрезанных» голов.

Анатолий Бабкин, руководитель проектов компании IBS

На курсе ИНТРАНЕТ-МЕНЕДЖЕР можно узнать, как вовлечь сотрудников в развитие Интранета и разберем базовые модели использования Интранет-порталов. Приходите!