Новостной сайт про Apple

[inokentik 45]

Всем привет. Ну вот, почти и доделал очередной сайт. Хотелось бы послушать мнение. Но хотелось бы сразу оговорить:

 

1. смотреть только главную страничку (остальных еще нет)

2. смотреть строго с компьютера (еще не оптимизировал под устройства)

 

Хотелось бы услышать общее впечатление (мнение) судя лишь по главной страничке, ноя думаю что итак будет мысль сразу ясна и понятна. А собственно говоря вот и сам сайт: https://apple-news.su/

[odys 384]

https://screenshots.firefox.com/W6Ht9XWcDwidoNIa/apple-news.su

а вот при таком разрешении всё норм

https://screenshots.firefox.com/hPUKZFpYcvFSSXab/apple-news.su

[pcvector 5]

Не продумана организация блоков по странице.

Зачем то в CSS пиксельные ограничения ширины, как например тут:

.osnova_news {
    display: block;
    width: 820px;
    background-color: #FFFFFF;
}

Сетка должна быть в процентах, обертка в пикселях (или тоже в %) в адаптивных сайтах.

14px для текста маловато. Сейчас уже 16px для body делают.

Отсюда и проблемы с отступами и не пропорциональностью блоков - картинки и текст с права от нее.

Было бы аккуратнее для блоков с фоном добавления border-radius 2px для смягчения.

 

Большая шапка, плохо организована.

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

Большая, не представляющая ни какой пользы картинка с эффектом частиц (который вставляют все кто первый раз увидел такой эффект).

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

Для посетителя важен контент, поэтому нужно стараться дать быстрый доступ к нему.

 

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

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

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

Ссылка на Главную - зачем? Есть логотип со ссылкой.

Авторизация и Регистрация - зачем регистрироваться на этом сайте? - чтобы оставлять комментарии? может использовать комменты из ВК, facebook, Disqus и т.п. в которых люди уже авторизованы как правило.

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

[odys 384]

9 часов назад, pcvector сказал:

Сетка должна быть в процентах

с чего это вдруг? Адаптивная вёрстка это не проценты, а media в css

[inokentik 45]

В 18.05.2018 в 01:21, pcvector сказал:

Сетка должна быть в процентах, обертка в пикселях (или тоже в %) в адаптивных сайтах.

Ограничения в ширину тут не работают, просто лишние еще не убрал, сейчас все в процентном соотношении...

 

В 18.05.2018 в 01:21, pcvector сказал:

Отсюда и проблемы с отступами и не пропорциональностью блоков - картинки и текст с права от нее.

Не совсем понял, про какие вы говорите блоки, которые не пропорциональны???

В 18.05.2018 в 01:21, pcvector сказал:

Большая шапка, плохо организована.

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

 

В 18.05.2018 в 01:21, pcvector сказал:

Ссылка на Главную - зачем? Есть логотип со ссылкой.

Не каждый человек понимает, что логотип это ссылка на главную, поэтому и сделано отдельно ссылкой, так как в логотипе нет надежды на то, что кто то нажмет иконку)) Это как Вы выразились для продвинутых!

 

В 18.05.2018 в 01:21, pcvector сказал:

Авторизация и Регистрация - зачем регистрироваться на этом сайте? - чтобы оставлять комментарии? может использовать комменты из ВК, facebook, Disqus и т.п. в которых люди уже авторизованы как правило.

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

 

На счет остального понял. приму к сведению. Спасибо за столь развернутый ответ!

В 18.05.2018 в 11:16, odys сказал:

Адаптивная вёрстка это не проценты, а media в css

Не совсем так, можно все в процентах делать и будет такой же эффект, используя например теги движка [smartphone] или [not-smartphone]

[odys 384]

12 часов назад, inokentik сказал:

Не совсем так, можно все в процентах делать и будет такой же эффект, используя например теги движка [smartphone] или [not-smartphone]

адаптивность можно хоть и через таблицы сделать (натыкался на решение адаптивного table)

просто @pcvector написал, что должны быть проценты, а я с ним не согласился.

И ещё, не все пользуются мониторами ~24", а теперь смотри как твой сайт выглядит в % на мониторе 31"

https://screenshots.firefox.com/oXP3fcSKDnovp5zU/apple-news.su

а теперь как выглядит этот форум

https://screenshots.firefox.com/USST9jK82fUIQUPV/forum.dle-news.ru

[inokentik 45]

10 часов назад, odys сказал:

адаптивность можно хоть и через таблицы сделать (натыкался на решение адаптивного table)

просто @pcvector написал, что должны быть проценты, а я с ним не согласился.

И ещё, не все пользуются мониторами ~24", а теперь смотри как твой сайт выглядит в % на мониторе 31"

https://screenshots.firefox.com/oXP3fcSKDnovp5zU/apple-news.su

а теперь как выглядит этот форум

https://screenshots.firefox.com/USST9jK82fUIQUPV/forum.dle-news.ru

Понял) Немного ограничил общую ширину сайта) Теперь вроде нормально смотрится

[odys 384]

2 часа назад, inokentik сказал:

Теперь вроде нормально смотрится

на много

[odys 384]

В 06.05.2018 в 12:41, inokentik сказал:

Хотелось бы услышать общее впечатление (мнение) судя лишь по главной страничке

Изменено 27 мая 2018 пользователем odys

[inokentik 45]

В 28.05.2018 в 00:27, odys сказал:

Спасибо, попробую что-нибудь из этого учесть!

Доделал вид полной новости: комментарии, рейтинги и тд) https://apple-news.su/instructions/62-kak-zaregistrirovat-amerikanskiy-apple-id-skachivanie-prilozheniy-iz-amerikanskogo-app-store.html