Задание 1

Задание 1

https://www.forbes.ru/

1. Основная модель flat-дизайн. Плоский, функциональный интерфейс без излишней декоративности или 3D-эффектов.

Нет сложных визуальных эффектов или объемных элементов.

Чёткая сетка контента, разделённая на блоки и карточки статей.

Минимализм в визуальных элементах интерфейса — акцент сделан на контенте и текстах.

Также можно заметить отголоски Material-дизайна в аккуратных кнопках, карточках и промежутках между элементами – то есть элементы Flat + Material, но с явным доминированием flat. 

2. Простая сетка и цветовая схема — фон нейтральный белый, текст и заголовки выстроены в чёткие блоки.

Минимум визуальных эффектов - главное внимание уделено текстам

Карточки статей функциональны, без объемных эффектов и без доп акцентов

Навигация чёткая, линейная в виде горизонтального меню с категориями, при этом все элементы просты и последовательны.

Все это указывает именно на flat-дизайн.



3. Также заметила смещение макета при загрузке, что может ощущаться как «подергивание» контента во время загрузки

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




С телефона сайт медленнее загружается, что снижает эффективность flat-дизайна, который должен быть лёгким и быстрым.

Возможно это и связано с заимствованием каких-то элементов у material дизайна, что влияют на конечное восприятие пользователя

4. Преимущества: 

– Фокус на контенте(много изображений) минималистичный дизайн позволяет проще воспринимать информацию 

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


Недостатки: 

– Плохая мобильная оптимизация: заметно медленная загрузка с телефона – это снижает удобство пользования

– Смещение макета негативно влияет на общее восприятие

восприятие и скорость.

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


Улучшение: 

Добавила кнопки навигаций или доп разделы, возможно если бы я зашла просто посмотреть мне было бы нормально, но после РИА именно поиск статей воспринимается сложным.


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



https://ria.ru/

1. RIA.ru в целом использует flat-дизайн

Тк это новостной портал и важна скорость восприятия и простота интерфейса. На сайте преобладают чёткие блоки, структура-сетка и минимум декоративных элементов. Нет явных указаний на другие модели. Основная – flat-дизайн.


2. Простой визуал:

На главной странице новости сгруппированы в прямоугольные карточки – без теней или рельефа.

Фон почти везде нейтральный светлый/белый, текст без засечек – что типично для flat.

Структурированная сетка: 

Меню сверху, присутствуют разделы («Политика», «Экономика», «Общество» и т. д.).

Иерархия списка новостей: Актуальное прям сейчас – сверху с фотографией, что тоже улучшает восприятие, «Главное» – чуть ниже, далее «Популярное»







Также при переходе в разделы, все новости разделены и имеют изображение, при этом название - фото, название - фото, четко и понятно

Минимализм и функциональность: 

На сайте нет декоративных кнопок или анимаций, отвлекающих от основного контента. 

Эти элементы и указывают на flat-дизайн. Простота и легкость восприятия без каких-либо доп украшательств

3. Анализ проводила исключительно с телефона и для меня все было достаточно удобно. Быстро загружает, быстро можно найти новость, есть теги, периоды и при этом все супер понятно, не нужно искать, как мне что-то найти. Скорее ты даже не планировал еще что-то искать, а тебе сразу бросается в глаза перейти на конкретный тег по более узкой теме/стране и тд.

Также есть лента новостей, которая показывает хронометр последних новостей - прикольно

4) Преимущества:

Много прописала в предыдущем пункте, но более структурно: 

– Простая и предсказуемая навигация:

Навигация сверху, чёткие категории и структурированные списки помогают быстро найти новости по интересующей теме.

– Благодаря модели пользователю понятен интерфейс, он сразу видит разделы, не нужно долго думать и разбираться

– Есть удобные кнопки, куда можно перейти и попасть туда, куда нужно

– Хорошая скорость загрузки с телефона 

– Грамотная иерархия новостей

– Умеренное использование текста и картинок в нужных местах 

Недостатки:

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



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


Вывод: Для меня намного проще сайт РИА, меньше багов с загрузкой, переходами, нет в статьях полотен текста. Воспринимается проще, хоть и Форбс более современно выглядит на первый взгляд

Комментарии

Популярные сообщения из этого блога