[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "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", "tablet" ], "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", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "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-158433683", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=" } } ]
{ "author_name": "Равиль Хабибуллин", "author_type": "self", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d","\u0432\u0435\u0431_\u0434\u0438\u0437\u0430\u0439\u043d","\u043a\u043e\u043d\u0446\u0435\u043f\u0442","ux","\u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438","google_news","material_design"], "comments": 23, "likes": 14, "favorites": 5, "is_advertisement": false, "section_name": "default", "id": "7176" }
Равиль Хабибуллин
5 836

Концепт: Редизайн Google News в стиле Material Design

Российский разработчик интерфейсов Георгий Квасников в своем блоге опубликовал концепт сервиса Google News — с возможностью составления сюжетов и лонгридами.

ЦП публикует материал в рубрике «Интерфейсы» с разрешения автора. 

Новости — это инструмент влияния на человеческое сознание. Основной целью новостей является предоставление обществу объективной информации о событиях в мире. 

В действительности же, новости являются субъективным пересказом журналиста. Новостной повод, описанный несколькими авторами, неизбежно имеет несоответствия. 

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

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

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

Исследование

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

Анализирование нынешнего оформления страницы

Для начала, необходимо найти и проанализировать все достоинства и недостатки текущей версии Google News.

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

Карточки пользователей

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

Все прежние и новые функции сервиса были разделены между персонажами, в соответствии с их потребностями. 

Функциональность

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

В конечном итоге наиболее важными оказались две вещи: функциональность и визуальное оформление. 

Поведение пользователей

Чтобы быть уверенными, что исследование проведено не зря, были созданы сценарии поведения пользователей на сайте. 

Принципы дизайна

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

Эскизы

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

Расположение ячеек

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

Шрифты

В качестве основного шрифта было решено оставить традиционный шрифт для Google — Roboto. Для статей я выбрал шрифт PT Serif, который поддерживает большое количество алфавитов. 

Дизайн

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

Главная страница

При пролистывании страниц вниз, левая панель сжимается, а верхняя смещается вверх. Новое оформление Google News использует 100% пространства. 

Главная страница при пролистывании

Добавление новостных источников и выбор языка

Добавление новых категорий в один клик

Новости в контексте

Ключевая функция моей версии Google News — это раздел «Сюжеты». Благодаря «Сюжетам» пользователи могут сохранять любимые статьи, заметки, медиа-файлы, которые отображают их точку зрения. С помощью этого раздела можно отслеживать каждую историю в контексте с остальными. 

Главная страница раздела «Сюжеты»

Обложка материала

Полный обзор раздела «Сюжеты»

Функциональность, удобство, чтение

Чтение статьи

Добавление в избранное

Создание собственных сюжетов

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

Главная страница

Источники новостей

Статья

Обложка статьи


Присылайте свои интерфейсные кейсы на interface@siliconrus.com

#Интерфейсы #редизайн #веб_дизайн #концепт #UX #юзабилити #Google_News #Material_Design

Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

0 новых

Популярные

По порядку

Прямой эфир

Голосовой помощник выкупил
компанию-создателя
Подписаться на push-уведомления