UI/UX

Где черпать UI-вдохновение: 10 отличных новостных сайтов

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

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

Украинский портал новостей

Что интересного:

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

Журнал Time and Health

0-toha2-4ikz2uopdm

Что интересного:

Идея ранжирования контента не является новой, так как многие платформы уже внедрили подобный способ подачи. Однако, система рейтинга для статей — подобна Rotten Tomatoes  — весьма интересна. В веке перенасыщения информацией, читатели ценят понимание того, стоит ли читать данную статью или нет. Система “лайков” снижает нагрузку от контента, и система рейтинга предполагает организационную структуру для статей, которые стоит прочесть.

Philharmonic Timeline

0-wkpgs4cktncpvgq_

Что интересного:

Переход между календарем и основными заголовками предоставляет альтернативный способ восприятия контента. Хоть это и является специфической платформой, данный портал позволяет понять, как можно объединить концертные залы и новости о предстоящих событиях. Заголовок предоставляет быстрый доступ к контенту, а масштабируемый календарь позволяет просматривать более широкий спектр событий.

Newsstand

0-6axaozgiu53dla9k

Что интересного:

Карточки Google Newsstand и Trello послужили вдохновением для этого дизайна. Вся суть состоит в пересмотре действия “потянуть” на странице. Обычно это действие влекло за собой обновление страницы. В данном приложении при помощи одного жеста вы можете совершать разные действия. В результате имеем интересный переход между меню и контентом.

The Weekday App

1-svp-oxywovuzb0neqdb8vw

Что интересного:

Редакционный прототип в большей степени направлен на эстетику дизайна, чем на архитектуру. Дизайн возвращает нас к стилю обычных печатных средств массовой информации, и в результате, это задает серьезный тон контенту, которого не хватает многим новостных порталов. Шрифт с засечками (serif font) является намного более читабельным на мобильном устройстве, чем на других цифровых интерфейсах.

Интерфейс Flipboard

0-bhr6cp9i9vpigw6r

Что интересного:

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

Концепт приложения News Portal

0-dktdqb4b_4efln5d

Что интересного:

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

Yahoo News

0-bhfo0k_wtf7ydbx4

Что интересного:

Новостной портал от Yahoo является уникальным потому, что он автоматически генерирует контент на основании источников по всей сети. Yahoo выделяет основные куски информации — изображения, цитаты, карты — из статей в интернете. Затем, команда редакторов пишет короткие обзоры. В результате получается простой опыт для прочтения.

Приложение Timeline

0-zqu9d1fq8nyas4w6

Что интересного:

Данное приложение не просто предоставляет статьи, но и генерирует статьи в историческом контексте, что позволяет более глубоко погрузиться в чтение. Оно идеально подходит для любителей более “осознанного” контента.

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

Интерфейс Daily News

1-osjbpnc-opuo5m0pjzl9fw

Что интересного:

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

Время нарисовать собственное видение

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

Источник: sketchapp.me

  • Джон

    Оставляйте хоть ссылки на дрибббл)